¿Qué es el HTML?
Las siglas HTML vienen de “Hyper Text Markup Language” o Lenguaje
Marcado de Hipertexto.
Los códigos HTML son el lenguaje universal que se utiliza para crear y dar
formato a los sitios web. Funcionan en cualquier sistema operativo (Windows,
Mac, Linux, etc.) y con cualquier navegador (Chrome, Explorer o Mozilla).
Aunque no se trata de un lenguaje de programación muy sofisticado,
saber manejar HTML te permite insertar otros códigos más potentes, como los
de Javascript, por ejemplo. Ahora veamos el elemento de base de la sintaxis
del HTML: las etiquetas.
Etiquetas HTML
El lenguaje HTML está conformado por un sistema de etiquetas en serie o
tags, que incluyen instrucciones que los navegadores traducen como:
Imágenes
Texto
Hipervínculos
Listas de palabras
Tablas, etc.
Así, para que un elemento de este tipo pueda ser leído, la etiqueta debe tener
dos partes: una etiqueta de inicio (<etiqueta>) y una de cierre (</etiqueta>)
entre guiones (< >).
Por ejemplo, las etiquetas <strong> y </strong> definen un texto en negrita. Si
en nuestro documento HTML escribimos una frase con el siguiente código:
<strong>Este texto va en negritas.</strong>
El resultado será:
¡Inténtalo tú mismo! Inserta el código anterior en un visualizador HTML.
Como seguro habrás notado, la etiqueta inicial sirve para definir el
comportamiento del contenido (por ejemplo, si un texto irá en negritas o si
tendrá un tamaño específico), y la de cierre le indica al navegador hasta dónde
debe llegar ese comportamiento. Para construir los “cierres” sólo necesitas
agregar una diagonal (/) al inicio de la etiqueta.
Recuerda: de no poner la etiqueta de cierre, todo lo
que escribas después de la etiqueta de inicio se
desplegará con ese formato.
Cabe destacar que no todas las etiquetas necesitan forzosamente un
“cierre”. Por ejemplo, el código <br> para introducir saltos de línea es
considerado un “elemento vacío” y puede ir por sí solo en cualquier parte del
cuerpo del texto.
En caso de que tengas que crear un sitio web completo, usar documentos
HTML te permitirá tener organizados en un solo lugar todos los códigos
que vayas a usar en cada página. Este documento lo puedes elaborar en el
editor de textos de tu preferencia (Microsoft Word o el mismo bloc de notas), y
solo debes asegurarte de guardarlo como .html u otro formato web (es un
documento por cada página).