Tutoriales HTML

HTML básico #1: Etiquetas

¿Qué es una etiqueta?

Las etiquetas son la parte más importante de los elementos HTML. Las etiquetas (en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre un elemento.

Reglas básicas

1. Las etiquetas están encerradas entre los signos "<" y ">".
2. Generalmente vienen en pares, por ejemplo: <p> y </p>.
3. La primera es de apertura y la segunda de cierre.
4. El texto que se encuentra entre dos etiquetas es el contenido del elemento: <p>texto</p>.
5. Las etiquetas no son sensibles a las mayúsculas y minúsculas, es decir: <b> es lo mismo que <B>.

¿Qué tiene de diferente a los elementos HTML?

Un elemento es el conjunto de etiquetas y atributos, una etiqueta es sólo parte del elemento.
<p style="color: #ac1614;font-size: 15px;">Texto</p>En el ejemplo anterior se puede apreciar una etiqueta p y un atributo style; una etiqueta y un atributo no son lo mismo, el conjunto hace lo que llamamos elemento HTML.

Etiquetas básicas

a: la etiqueta <a> se usa para crear un hipervínculo (enlace, link).
Código:
<a href="http://google.com">Enlace a Google</a>Demostración:
Enlace a Google

img: la etiqueta <img> se usa para insertar una imagen ya sea PNG, JPG, GIF, etc.
Código:
<img src="http://upload.wikimedia.org/wikipedia/commons/8/8c/Wikipedia-logo-v2-es.png"/>Demostración:


b y strong: las etiquetas <b> y <strong> se usan para resaltar el texto, indican un texto en negritas.
Código:
<b>Texto</b>Demostración:
texto

strike: muestra un texto tachado.
Código:
<strike>Texto</strike>Demostración:
Texto

textarea: Crea una entrada de líneas múltiples, un globo de texto.
Código:
<textarea>Contenido</textarea>Demostración:

Siguiente tutorial | HTML básico #2: Atributos
Lista con más etiquetas | Tags HTML