Encabezados

Los encabezados son utilizados para resaltar palabras o frases. Tenemos seis tamaños de encabezado el más grande esta comprendido entre las etiquetas <H1> y </H1> y el más pequeño esta comprendido entre las etiquetas <H6> y </H6>.
Si quiere alinear el encabezado utilicé el atributo ALIGN con la opción LEFT(izquierda), CENTER(Centro), RIGHT(Derecha) o JUSTIFY(Justificado). Si no usa ALIGN el HTML supondrá la alineación LEFT(Izquierda).

Estilos de Letra

Los estilos más conocidos utilizan las siguientes etiquetas:

Ejemplo 3: Crearemos una página Web que muestre el uso de los estilos de letra. Guardar en su carpeta como ejemplo3.html

Obtendremos:

Para los colores tenemos dos formas de agregarlos, la primera es escribiendo su nombre en ingles, y la segunda poniendo su valor en hexdecimal, aqui te dejo el lin de dos paginas donde podras encontrar una gama amplia de colores en el link => Tabla de colores Seguros para Web o en => Códigos de color HTML, ejemplo color=red ó color="#F30D29"

Ejemplo 4:Modifique el ejemplo anterior para que se vea más presentable. Guardar en su carpeta como ejemplo4.html

Párrafos y Espacios en Blanco

Como habrá notado en el ejemplo anterior, el HTML no hace caso a los retornos de carro (o sea los ENTER) normales ni tampoco a múltiples espacios en blanco de la barra espaciadora. Las siguientes etiquetas permiten manipular los retornos de carro y los espacios en blanco, note que ninguna tiene etiqueta de cierre:
<P>      Inicia un nuevo párrafo dejando una línea en blanco.
<BR>   Inici a un nuevo párrafo sin dejar ninguna línea en blanco.
Produce un espacio en blanco. En realidad no es una etiqueta sino el caracter de espacio en blanco.

Obtendremos:

Líneas

Las líneas que se pueden insertar en HTML pueden tener distinto color, alineación, ancho horizontal y espesor.
<HR> Dibuja una línea horizontal de lado a lado del documento. <HR COLOR=“Color” ALIGN=“Alineación” WIDTH=“Ancho” SIZE=“Espesor” > “Color” es el color de la línea horizontal, “Alineación” puede ser LEFT, RIGHT o CENTER, con un “Ancho” que puede estar en píxeles o ser un porcentaje del ancho del documento y con un grosor igual a “Espesor” píxeles..

Ejemplo 5:Dibujemos Líneas. Guardar en su carpeta como ejemplo5.html


Obtendremos:

Alineación de Texto

<P ALIGN=“Alineación” > y </P>Alinea el texto según el valor que tome “Alineación” (LEFT, CENTER, RIGHT o JUSTIFY)
<CENTER> y </CENTER> Centra el texto. También puede usar <P ALIGN=CENTER> y </P>

Lista de Elementos

HTML permite crear tres tipos de listas de elementos. Las etiquetas son las siguientes: <OL TYPE=“Tipo”> y </OL> Lista ordenada o numerada. “Tipo” define el tipo de numeración y puede ser 1, a, A, i, I. Cada elemento de la lista debe ir precedido por la etiqueta <LI>
<UL TYPE=“Tipo”> y </UL> Lista desordenada o de viñetas. “Tipo” define el tipo de viñeta y puede ser disk, square, circle escritas en minúsculas. Cada elemento de la lista debe ir precedido por la etiqueta <LI>
<DL> y </DL> Lista de glosario o tipo índice. Los títulos principales deben ir precedidos por la etiqueta <DT> y los títulos de párrafo sangrados deben ir precedidos por las etiquetas <DD>

Ejemplo 6:Ahora combinamos todo para crear la pagina de arturito. Guardar como ejemplo6.html


El resultado se muestra a continuación.