Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
Es la tecnología con la que estás escritas las páginas web. Los navegadores son capaces de leer este lenguaje e interpretarlo para mostrar sus contenidos.
La explicación no Oficial de qué es HTML
HTML es el mejor soporte tecnológico para almacenar y consultar información.
Puedes almacenar información escribiéndola en un papel, tallándola en piedra, grabándola en una cinta de video, o con una grabadora de sonido.
Sin embargo, HTML es aún mejor que todos estos soportes juntos. En HTMl, puedes introducir video, audio y por supuesto texto en un único documento. Pero no sólo eso, además es interactivo. Podrás navegar por tus contenidos a través de enlaces. Y no acaba ahí la cosa. Puedes visualizar HTML en tu ordenador, en tu teléfono, en tu reloj, y si tienes una moderna, es probable que también en tu lavadora.
Como ves, HTML es texto, video y audio y mucho más.
Por si fuera poco, HTML es el lenguaje que utilizan las páginas web. ¿Qué significa esto?. Que cuando yo le dé a salvar a un documento, en ese preciso instante. cualquier persona, en cualquier lugar del mundo, que cuente con una conexión a internet va a poder consultar la información que he guardado.
La explicación oficial de qué es HTML
La wikipedia nos dice:
HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web.
Aquí las siglas definen fielmente del concepto de HTML:
Hipertexto
Esto es lo mismo que texto interactivo. Texto con el que puedes interactuar y obtener una respuesta . La interacción básica es que el texto nos permita navegar de un documento a otro.
Podemos lograr más cosas que una simple navegación, pero entonces necesitaríamos también Javascript, y con un concepto por artículo yo creo que ya vamos bien.
Lenguaje de marcas
El código HTML está compuesto de marcas, también llamadas etiquetas. A continuación te muestro la etiqueta HTML para poner una imagen en pantalla:
<img src="foto.jpg" />¿Sencillo no?. Un señor escribe ese código en un documento de texto, el navegador lo interpreta y en su lugar se muestra una imagen.
Hay muchas más etiquetas; para enlaces, tablas, listas de cosas… al hacer una página web lo que hacemos es escribir los códigos de muchas etiquetas en un documento de texto, y luego el navegador las interpreta para mostrarnos imágenes, colores, formas, y textos en su lugar.
¿No me crees? Si ahora mismo pulsas el atajo del teclado ctrl + u (y tu navegador es firefox o chrome) podrás ver el código fuente de esta misma página. En ese código fuente hay varias tecnologías, de las cuales HTML es una de ellas.
Algunos términos
Páginas estáticas
El cliente solicita una página que se encuentra en el servidor y el servidor envía al cliente la página tal cual la tiene alojada, sin hacerle ninguna modificación en función de la petición del cliente o de cualquier otro parámetro.
HTML
- Es un lenguaje de etiquetado.
- No es case sensitive.
- html vs htm
HTML vs Dreamweaver
Las mejores webs
Enlace a premios a las mejores webs
La web X.0
- 1.0: la web 1.0 tenía un carácter principalmente divulgativo y unidireccional. Las empresas publicaban documentos eran difíciles de actualizar.
- 2.0: también denominada «la red social». El usuario inexperto también es una fuente de contenido. Se hacen blogs, wikis, foros, y redes sociales. Es una web colaborativa.
- 3.0: es la web semántica, la web de la nube, la web de las aplicaciones y la web multidispositivo que hace que «todos estemos conectados». Los tablets, smartphones, coches inteligentes, televisiones, neveras forman parte activa de esta web.
Si no tienes mucho tiempo…
He seleccionado las lecciones que creo que nos permitirán aquirir las competencias mínimas de HTML y CSS en un tiempo lo más reducido posible.
3. Ejercicio: mi primera página web