Etiquetas HTML: Las etiquetas son las partes inicial y final de un elemento HTML. Comienzan con el símbolo < y terminan con el símbolo >. Todo lo que está escrito dentro de < y > se llama etiquetas.
Ejemplo:
html
<b> </b>
Elementos HTML: los elementos encierran el contenido entre las etiquetas. Consisten en algún tipo de estructura o expresión. Generalmente consta de una etiqueta de inicio, contenido y una etiqueta de finalización.
Ejemplo:
html
<b>This is the content.</b>
This is the content.
Donde, <b> es la etiqueta inicial y </b> es la etiqueta final.
Atributos HTML: se utiliza para definir el carácter de un elemento HTML. Siempre se coloca en la etiqueta de apertura de un elemento. Por lo general, proporciona estilo adicional (atributo) al elemento.
Ejemplo:
html
<p align="center">This is paragraph.</p>
This is paragraph.
| Etiquetas HTML | Elementos HTML | Atributos HTML |
|---|---|---|
| Las etiquetas HTML se utilizan para contener el elemento HTML. | El elemento HTML contiene el contenido. | Los atributos HTML se utilizan para describir en detalle las características de un elemento HTML. |
| La etiqueta HTML comienza con < y termina con > | Lo que esté escrito dentro de una etiqueta HTML son elementos HTML. | Los atributos HTML se encuentran solo en la etiqueta inicial. |
| Las etiquetas HTML son casi como palabras clave en las que cada etiqueta tiene un significado único. | Los elementos HTML especifican el contenido general. | Los atributos HTML especifican varias propiedades adicionales al elemento HTML existente. |
¿Qué son las etiquetas y los atributos?
Las etiquetas y los atributos son la base de HTML.
Trabajan juntos pero realizan funciones diferentes; vale la pena invertir 2 minutos en diferenciarlos.
¿Qué son las etiquetas HTML?
Las etiquetas se utilizan para marcar el inicio de un elemento HTML y, por lo general, se incluyen entre paréntesis angulares. Un ejemplo de una etiqueta es: <h1>.
La mayoría de las etiquetas deben abrirse <h1> y cerrarse </h1> para que funcionen.
¿Qué son los atributos HTML?
Los atributos contienen información adicional. Los atributos toman la forma de una etiqueta de apertura y dentro se coloca información adicional.
- Un ejemplo de un atributo es:
<img src="mydog.jpg" alt="A photo of my dog.">
En este caso, la fuente de la imagen (src) y el texto alternativo (alt) son atributos de la etiqueta <img>.
Reglas de oro para recordar
- La gran mayoría de las etiquetas deben abrirse (<tag>) y cerrarse (</tag>) con la información del elemento, como un título o texto, entre las etiquetas.
- Cuando se utilizan varias etiquetas, las etiquetas deben cerrarse en el orden en que se abrieron. Por ejemplo:
Ejemplo: <strong><em>¡Esto es muy importante!</em></strong>