El elemento HTML es tan sencillo como ABC. La mayoría de los elementos HTML comienzan desde la etiqueta de inicio y terminan con la etiqueta final, incluyendo solo el contenido entre esas etiquetas. He aquí un ejemplo del elemento HTML: <h1>My First Heading</h1>. Sin embargo, algunos elementos son lo suficientemente autosuficientes y no necesitan la etiqueta final.
No olvides usar corchetes de ángulo abierto y cerrado y omitir el espaciado dentro y entre cada etiqueta.
La etiqueta de inicio, también conocida como etiqueta de apertura, es la que abre el elemento HTML. Consiste en corchetes de ángulo de apertura y cierre y el nombre de la etiqueta entre ellos. El espacio en blanco es una parte central del diseño visual, pero olvídate de ajustar el espaciado dentro de las etiquetas: deben estar tan comprimidas como los pasajeros en un autobús lleno de gente.
Diferentes recursos lo llaman la etiqueta "fin" o "cierre", lo cual es justo cuando termina el elemento HTML. La única distinción entre la etiqueta final y la etiqueta inicial es una barra diagonal después del primer corchete. Asegúrate de no tener ningún espaciado entre corchetes, nombre de etiqueta y barra diagonal.
Técnicamente, un elemento HTML es la colección de una etiqueta de inicio, sus atributos, una etiqueta final y todo lo demás. Sin embargo, en el uso común, los términos "elemento HTML" y "etiqueta HTML" son intercambiables, por lo que cuando hablamos de etiquetas, nos referimos a elementos y viceversa.
El contenido del elemento HTML es todo lo que va entre las etiquetas de inicio y final. Si se trata de un encabezado — <h1>Hello, World!</h1>— el texto "Hello, World!" Es el contenido, y los usuarios lo verán como el titular principal de una página. 👋 Sin embargo, algunas partes del contenido del elemento pueden permanecer invisibles para los espectadores. Por ejemplo, si es un elemento <title>, solo aparece en una barra de pestañas del navegador y en los resultados de búsqueda.
Otro tipo de elementos son los elementos HTML vacíos o de cierre automático. Al igual que las rosquillas, están vacías por dentro. No tienen ningún contenido que mostrar y no necesitan una etiqueta final. Algunos ejemplos de esta regla incluyen el <br> que define un salto de línea entre los párrafos del texto o el <img>que inserta una imagen en el documento.
Si estás escribiendo un poema o una dirección en tu página web, es posible que tengas que dividir el texto en varias líneas. Aquí viene el HTML <br>. Produce un salto de línea, y después del <br>, cada línea comienza con una letra mayúscula. Ten en cuenta que el <br> es un elemento vacío sin etiqueta de cierre.