¿Qué es HTML?

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de HTML

30.  
31.  
34.  
37.  
50.  

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

¿Qué es HTML? 1

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.

1. ¿Qué es HTML?

2. Herramientas de desarrollo

3. Ejercicio: mi primera página web

4. Estructura de una página web

6. Encabezados y párrafos

8. Carga de imágenes con HTML

9. Enlaces en HTML

10. Video y audio

11. Listas en HTML

12. Ejercicio etiquetas básicas de HTML

15. Estilos en línea

16. Padding y width

20. Repaso de etiquetas

23. Ejercicio de maquetación vertical con HTML

24. display:block, inline, inline-block

27. Hojas de estilos

28. Ejercicios de etiquetas y selectores en CSS

29. display flex

50. Maquetar una web

52. Hacer página Grassy Green

53. Cómo hacer el efecto Parallax sólo con HTML y CSS

58. Responsive Design con media queries

← ¿Qué es HTML?
Herramientas de desarrollo →