En cualquier conversación sobre diseño o desarrollo web siempre aparece las siglas HTML. Y es que se trata del principal concepto de la World Wide Web. Sin él, no existiría Internet tal y como lo conocemos hoy día. ¿Pero sabes qué es HTML? ¿Te has preguntado cómo se escribe el código HTML? ¿Sabes cuáles son las etiquetas básicas de HTML y para qué sirven? Si te interesa el tema, te ofrecemos aquí una breve introducción.
¿Qué es código HTML? ¿Qué es HTML?
HTML son las siglas de HyperText Markup Language, o Lenguaje de Marcas de Hipertexto en español. Se trata de un estándar que permite crear páginas web escribiendo marcas o etiquetas (tags en inglés).
Las etiquetas son algo así como comandos en HTML que le dicen al navegador web lo que debe mostrar, cómo mostrarlo y en qué orden. De esta forma, el programador coloca y personaliza todos los elementos web (texto, enlaces, imágenes, botones, banners etc.) para su correcta visualización en pantalla. Desde el tamaño y el color, hasta el contenido y algunas funcionalidades.
Ahora bien, aclaremos una confusión común: HTML no es un lenguaje de programación. ¿Por qué? Porque no permite añadirle funcionalidades a los elementos web. Estos vienen programados por defecto. Y si quieres incorporarle funcionalidades extra, has de acudir a lenguajes de programación web como PHP y JavaScript.
Veamos ahora cuáles son las etiquetas HTML básicas analizando un ejemplo de lo que es un código HTML muy sencillo.
¿Qué son las etiquetas HTML? Etiquetas básicas de HTML
Más arriba vimos que las etiquetas o tags son como comandos HTML que dictan el aspecto, la forma y el contenido de las páginas web. Como tales, son fáciles de reconocer porque están encerradas entre los símbolos “<” y “>”.
Para que te lleves una idea, veamos uno de los ejemplos de códigos para HTML más sencillos. En este caso, notarás que es el código HTML que corresponde a una página web muy elemental:
<html>
<head>
<title>Bienvenido, humano!</title>
</head>
<body>
<p>Esto es un párrafo en HTML. ¿Te gusta?</p>
</body>
</html>
Veamos las etiquetas básicas de HTML que forman parte del código:
<html> y </html>
Indican el comienzo y el fin de la página web, respectivamente. La etiqueta <html> es la etiqueta de abertura, así que todo lo que viene a continuación hasta </html> (etiqueta de cierre) es parte de la página web.
<head> y <head>
Es otra de las etiquetas HTML básicas. Indican la apertura y cierre, respectivamente, de la parte en que se provee información general sobre la página web:
- título
- autor
- descripción
- fecha
- etc.
Igual que con <html> y </html>, así como cualquier otro par de etiquetas de apertura y cierre, lo que está entre <head> y </head> pertenece al encabezado del documento.
<title> y </title>
Todo lo que está entre <title> y </title> es el título de la página web.
<body> y </body>
Todo lo que figura entre <body> y </body> es el cuerpo del documento HTML. Es decir el lugar donde se encuentra todo el contenido de la página web: estructura, colores, forma, texto, enlaces, imágenes, etc.
<p> y </p>
Todo lo que se halla entre <p> y </p> es un párrafo.
Como puedes ver, entender las etiquetas HTML es muy fácil. Pero no todas son etiquetas de apertura y cierre. Hay algunas que no vienen en pares pues no están diseñadas para contener texto u otras etiquetas. Por ejemplo:
- <br>: salto de línea
- <hr>: línea horizontal
- <meta>: información de la página web (metadatos)
- <img>: imagen
- etc.
Algunas otras etiquetas básicas de HTML son:
- <a> y </a>: enlaces
- <b> y </b>: texto en negritas
- <i> y </i>: texto en cursiva
- De <h1> y </h1> hasta <h6> y </h6>: encabezados o títulos
- <ol> y </ol>: lista ordenada
- <ul> y </ul>: lista desordenada
- <i> y </i>: ítem de lista
- etc.
Pero hay muchas más, pues HTML es un lenguaje bastante rico. Gracias a esta variedad, es muy fácil definir qué contiene una página web y cómo mostrarlo. Y hacerlo con gran precisión.
Hasta aquí te hemos dado una introducción muy básica sobre lo que es código HTML. Pero hay más. Si quieres aprender a escribir páginas web, hay mucha documentación online y códigos para HTML que te ayudarán a entender mejor este maravilloso lenguaje.
Si te gustó el artículo, no te lo pienses más y compártelo en tus redes sociales. Y si tienes cualquier duda o inquietud, o simplemente quieres dar tu opinión, déjanos un comentario aquí abajo.
Deja una respuesta