Estructura
del lenguaje
HTML

Entidades

Las entidades nos permiten representar caracteres especiales que el navegador interpreta de manera diferente. Se escriben con & al inicio y ; al final.

CarácterEntidad
&&
espacio 
<&lt;
>&gt;
"&quot;
©&copy;
'&apos;

Comentarios

Los comentarios no se muestran en la página, solo ayudan a los desarrolladores a entender el código.

Se escriben con <!-- comentario -->.

Atributos globales

Los atributos globales se pueden usar en cualquier etiqueta.

Principales atributos

AtributoDescripción
idIdentificador único del elemento.
stylePermite aplicar estilos CSS.
classPermite agrupar elementos con un mismo estilo.
langIdioma del contenido.
titleInformación adicional del elemento (tooltip).
contenteditablePermite editar el contenido.
hiddenOculta el elemento.

Otros atributos incluyen accesskey, tabindex, draggable, spellcheck y eventos como onclick, onmouseover, onchange, etc.

Elementos de bloque

Algunos elementos de bloque comunes son <h1>-<h6>, <p>, <ul>, <ol>, <li>, <table>, <tr>, <td>.

<address>

Incluye información de contacto:

Calle Malaspenas nºXX
3700x Salamanca

<blockquote>

Cita larga de otro documento:

Ya nos explicó Cervantes cómo deberíamos comportarnos...

<details>

Pincha aquí si eres curioso

Contenido secreto.

<dialog>

Muestra caja Oculta caja

<figure> <figcaption>

Logotipo de desarrolladores HTML

Elementos de línea

Algunos elementos de línea son <a>, <img>, <u>, <i>, <b>, <strong>, <sub>, <sup>, <em>.

<q>

Cita corta: referir, anotar o mencionar un autor, un texto, un lugar

<cite>

Título de una obra: Gattaca

<abbr>

Abreviatura: WWF (ADENA)

<code>

var text = "";
for (let i = 0; i < 5; i++) {
  text += "The number is " + i;
}
document.getElementById("demo").innerHTML = text;

<ins> <del>

ins indica contenido añadido, del indica contenido eliminado.

<kbd>

Texto a introducir por teclado: Ctrl+Mayúsc+i

<mark>

Resalta texto.

<small>

Texto de menor importancia.

<s>

Texto que ya no es correcto.

<samp>

Mensaje de salida del ordenador:

File not found.
Press F1 to continue

<dfn>

Término definido: Las etiquetas HTML indican al navegador cómo interpretar el contenido.

Marcar partes del documento

<div>

Crea divisiones de contenido y se usa para maquetar.

<span>

Delimita parte de un texto para aplicar estilo sin crear un bloque nuevo.

Etiquetas de maquetación