Elementos y etiquetas de HTML

Las etiquetas HTML son las encargadas de dar forma a nuestro sitio.


Los elementos

Los elementos son declaraciones para visualizar o dar forma a una página Web.


Las etiquetas

Las etiquetas(en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.



Reglas básicas

  • Las etiquetas están encerradas entre los signos "<" y ">".
  • Generalmente vienen en pares <p> y <⁄p>.
  • La primera es de apertura y la segunda de cierre.
  • El texto que se encuentra entre dos etiquetas es el contenido del elemento.
  • Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.

Etiquetas de HTML

Veamos un ejemplo.

<html>
<head>
<title>Una página Web</title>
</head>
<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
</html>

Esta es una etiqueta HTML:

<b>Este texto es en negrita.</b>

El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita).

El contenido de dicho elemento es: Este texto es en negrita.

El fin del elemento HTML es con la etiqueta de cierre </b>.


Otro elemento HTML en el ejemplo es:

<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>

EL elemento HTML comienza con la etiqueta de apertura <body>(etiqueta que define el cuerpo del documento).

El contenido de dicho elemento es: Hola a todos. <b>Este texto es en negrita</b>.

El fin del elemento HTML es con la etiqueta de cierre </body>.


¿Qué son los atributos de las etiquetas?

Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.

  • Los atributos siempre van con la estructura: nombre="valor".
  • Los atributos siempre van en la etiqueta de apertura.
  • Los valores siempre hay que ponerlos entre comillas.

Un ejemplo de los atributos sería:

Ejemplo

Código
<body bgcolor="#FFFF00">
Hola a todos. <b>Este texto es en negrita</b>
</body>
Resultado
Hola a todos. Este texto es en negrita

En la etiqueta <body> podemos observar el atributo bgcolor=(color de fondo) y el valor "#FFFF00"(representa el color amarillo en hexadecimal).

Esto quiere decir que el color de fondo de la página será amarillo.


Un consejo con respecto al uso de minúsculas.

Si bien HTML acepta tanto etiquetas en mayúscula <B> como en minúscula <b>, el World Wide Web Consortium (W3C) recomienda el uso de minúsculas. Además XHTML (la siguiente versión de HTML) acepta solo minúsculas.

Es por eso que recomendamos acostumbrarse a usar minúsculas cuando escribas tus códigos HTML.



<<< Introducción Etiquetas básicas >>>

Alojamiento Web

¡OFERTA ESPECIAL! . COM SOLO $ 7.99 * por año. ¡Registrarse suyo hoy y por varios años!