Instrucciones básicas
A continuación mostramos una serie de instrucciones básicas y las más comunes. Informamos al lector de que el lenguaje HTML no interpreta los espacios en blanco o los saltos de línea del documento fuente, por lo cual existen caracteres especiales al efecto.
Formateo de caracteres y bloques
| <B>Texto</B> | BOLD: muestra el contenido “Texto” en negrita. |
| <I>Texto</I> | ITALIC: muestra el contenido “Texto” en cursiva. |
| <BLOCKQUOTE>Texto</BLOCKQUOTE> | Cita Textual: destaca una cita dentro del texto general añadiendo márgenes izquierdo y derecho. |
| <P> | Separación entre párrafos: efectúa un salto de línea y deja una línea en blanco. |
| <BR> | Salto de línea: efectúa un salto de línea únicamente. Este elemento no se cierra (no existe ). |
| <HR> | Dibuja una línea horizontal. Este elemento no se cierra (no existe </HR>). |
| <ADDRESS>Nombre autor</ADDRESS> | Autor: indica el nombre del autor del documento formateando el texto en cursiva y alineado a la izquierda. |
| <H4>H4>Texto Cabecera</H4> | Formateo de texto mediante cabeceras: las etiquetas <Hx> con x desde 1 hasta 6, muestran diferentes tamaños de letras y un salto de línea variable. La cabecera tipo 1 es la más grande, decreciendo el tamaño de la fuente al aumentar el número x. |
Listas:
Es interesante mostrar contenidos en forma de lista. Existen 3 tipos de lista, a saber
|
<UL> <LI> Palabra 1 <LI> Palabra 2 <LI> Palabra 3 <LI> Etcétera. </UL> |
Lista no numerada (unordered list): presenta una lista sin que sus elementos estén precedidos de un número secuencial. |
|
<OL> <LI> Palabra 1 <LI> Palabra 2 <LI> Palabra 3 <LI> Etcétera. </OL> |
Lista ordenada (ordered list): presenta una lista cuyos elementos están precedidos de un número secuencial. |
| <DL> <DT> Término 1 <DD> Def. término 1 <DT> Término 2 <DD> Def. término 2 </DL> |
Lista de definición (definition list): se utiliza para glosarios o definiciones de términos. A diferencia de las 2 anteriores, aquí cada bloque de texto está formado por 2 etiquetas. <DT> (Definition Term), que indica la palabra que deseamos definir, y <DD> (Definition Definition), que es la definición propiamente dicha. |
Se pueden anidar unas listas dentro de otras.
Nota: Si deseamos incluir un comentario dentro de la página HTML, utilizaremos los dos símbolos: <!— (para abrir el comentario) y --> (para cerrarlo).