DEV Community

Cover image for Anatomia de tags HTML
fullsnacker
fullsnacker

Posted on

Anatomia de tags HTML

Hoy hablaremos de la anatomia y estructura de un tag HTML para poder utilizarla en nuestro sitio.

<!DOCTYPE html>
<html>
 <head>
 </head>
 <body>
   <h1>Hola Mundo!</h1>
 </body>
</html>
Enter fullscreen mode Exit fullscreen mode

Si probamos este código, vemos que se muestra en el sitio la frase "Hola Mundo!", esto es gracias a la linea de nuestro código:

   <h1>Hola Mundo!</h1>
Enter fullscreen mode Exit fullscreen mode

Aquí podemos ver un tag de apertura y un tag de cierre del tipo Heading 1 (O "h1").

Entre esos tags está el contenido al que queremos aplicar esa estructura (Nuestra frase "Hola Mundo")

Estos tags hacen solicitudes al navegador pidiéndole que estructure y muestre nuestro texto sin formato en la forma en que queremos que se visualice (En este caso, queremos que se vea la frase como un título de tamaño grande).

Otro tipo de tag que precisamos ver es el de tags que no tienen cierre. Como por ejemplo "
" para especificar un salto de línea.

Pero, ¿cómo averiguamos si algo requiere un tag de cierre o se cierra automáticamente?

Podemos dirigirnos a la documentación Aquí.

Si echamos un vistazo a la documentación de los elementos de encabezado, puede ver que hay una parte en la tabla que dice omisión de tag y dice que tanto la tag inicial como la final son obligatorias para qué puede especificar a qué parte de su texto desea aplicar esta estructura.

Si echamos un vistazo al br o al elemento de salto de línea, puedes ver eso bajo omisión de tags, dice que debe tener un tag de inicio y no debe tener un tag de finalización.

Sabemos que la primera parte de la tag es el elemento HTML y es br, hr o lo que sea que quieras usar.

La segunda parte dentro de nuestro tag se llama un atributo HTML y básicamente da más información al navegador para especificar modificaciones a ese elemento HTML.

Discussion (0)