Diagrama de la anatomía de una etiqueta HTML

Enviado por michael y clasificado en Informática y Telecomunicaciones

Escrito el en español con un tamaño de 2,1 KB

La etiqueta que cierra siempre viene después del contenido de la etiqueta. Así es como el navegador sabe que quieres que la etiqueta termine.

El contenido de una etiqueta HTML es lo que va entre la etiqueta que abre y la que cierra. Esto es a lo que nos referimos cuando decimos "dentro" de una etiqueta. El contenido de una etiqueta puede ser texto normal o una mezcla de otras etiquetas.

¿Dónde deben ir las etiquetas?

Cualquier contenido que sea visible en tu página web debe ir entre la etiqueta de apertura y la etiqueta de cierre, como en la captura de pantalla que se muestra a continuación:

Captura de pantalla de código HTML y diagrama

Las etiquetas <html> y </html> son el contenido de la etiqueta <body>, así que decimos que están "dentro" de la etiqueta <body>. De hecho, esas etiquetas deben ir dentro de la etiqueta <body>.

Como acabas de aprender, utilizamos reglas de CSS para seleccionar elementos de una página web y poder asignarle estilos a esos elementos.

La manera de decirle a nuestra regla de CSS a cuáles elementos de HTML se aplica el estilo es con selectores. Hay muchos tipos de selectores (que veremos más adelante), pero aquí solo queremos revisar el que mostramos en la guía paso a paso: el selector de elemento.

El selector de elemento selecciona elementos de HTML de acuerdo a los nombres de etiquetas. Cada elemento de HTML (<p>, <h1>, <div>, <img>) y cualquier otro elemento de HTML puede seleccionarse en CSS al usar el nombre de etiqueta sin los paréntesis angulares (p y h1). Por ejemplo, puedes seleccionar todas las etiquetas <p> en tu página web con el selector de elemento p. Aquí está una regla de CSS que cambia el color de cada párrafo de una página web:

h2 {
   color: rgb(255, 0, 0);
}

Entradas relacionadas: