Estructura del lenguaje HTML

  1. Entidades
  2. Comentarios
  3. Elementos de bloque
  4. Elementos de línea
  5. Etiquetas para marcar partes
  6. Etiquetass de maquetación de página

Entidades

Las entidades (named-characters) nos permiten representar algunos caracteres que para el navegador tienen un significado distinto porque forman parte del lenguaje html. Las entidades se escriben empezando por el carácter & y terminando en ;

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

Comentarios

Comentarios Los elementos que llamamos comentarios no tienen ningún efecto sobre la página (no se muestran). Su único objetivo es facilitar la labor de los desarrolladores web cuando estos consulten el código de la página, añadiendo las explicaciones oportunas en los distintos elementos.

Para incluirlos en nuestro documento html se hace entre los siguientes símbolos

<!-- Aquí iría el comentario que puede ocupar una o varias líneas -->

Atributos globales

Llamamos atributos globales a aquellos atributos que podemos incluir en cualquier etiqueta.

Permite identificar varios elementos como pertenecientes a un mismo grupo (clase) para posteriormente aplicar a todos ellos los mismos estilos.
Principales atributos globales
AtributoDescripción
idNombre con el que identificamos el elemento de forma única en el documento (es decir, el nombre que le pongamos no se puede repetir en ningún otro elemento.
stylePermite asignar estilos (css) a un elemento.
class
langEspecifica el idioma del contenido del elemento
titleInformación extra del elemento (tooltip).
contenteditableSi existe, el contenido del elemento es editable
hiddenSi existe, el elemento no se representa

Otros atributos globales son: accesskey, tabindex, draggable, spellcheck, translate y dir. Además de estos atributos, existen los atributos de eventos: onclick, onmouseover, ondoubleclick, onchange, onfocus, ...

Ejemplos de uso

En este párrafo se muestra el uso del atributo title (coloca el cursor sobre el nombre del atributo)

Este otro párrafo tiene el atributo contenteditable por lo que podemos modificar su contenido (pero eso no quiere decir que se vaya a guardar).

Este es un párrafo de los que se llaman draggable (arrastrable) que nos dice si un elemento es arrastrable o no.

Elementos de bloque que no hemos visto

Hemos utilizado las siguientes

<h1>...<h6><p><hr>
<ol><ul><li><dl>
<dd><dt><table><tr>
<td><br>

<address >
Sirve para incluir información de contacto. Ejemplo:
Puedes contactar con el profesor en su dirección:
Calle Malaspenas nºXX
3700x Salamanca