Estructura
del lenguaje
HTML

  1. Entidades
  2. Comentarios
  3. Atributos globales
  4. Elementos de bloque
  5. Elementos de línea
  6. Etiquetas para marcar partes
  7. Etiquetas 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ácter Entidad
& &
espacio  
< &lt;
> &gt;
" &quot;
© &copy;
' &apos;

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 <--   -->

Atributos globales



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


Principales atributos globales
Atributo Descripción
id Nombre 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.
style Permite asignar estilos (css) a un elemento
class Permite identificar varios elementos como pertenecientes a un
mismo grupo (clase) para posteriormente aplicar a todos ellos los
mismos estilos.
lang Especifica el idioma del contenido del elemento
title Información extra del elemento (tooltip).
contenditable Si existe, el contenido del elemento es editable
hidden Si 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 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 >