Más HTML...

Hoy vamos a continuar con HTML para darle cada vez más forma a nuestra primera página web...

Recordando un poco lo visto, dijimos q todo documento html tiene tag q representan distintos sectores, un documento de HTML en general posee html, head, body ,cada uno cerrado como corresponde, en HTML5 se agregaron unos más header, section, article, footer.

Ahora vamos a trabajar un poco más el código y agregaremos propiedades para modificar el aspecto de nuestro texto.

Las propiedades pueden aceptar valores estos se agregaran después de un = directamente escribiendo el valor si este es numérico y entre " si este valor es alfanumérico.

Por ejemplo:

Bien comencemos con algunas de las propiedades:

Sobre letras o bloques de texto font admite propiedades "size" y "color".

-"size" permite modificar el tamaño de la letra

-"color" permite modificar el color de la fuente, estos se ingresan por su nombre HTML o con #código hexadecimal, en este link pueden encontrar la lista de colores disponibles Tabla de colores

Propiedades para estilos:

-"b" texto en negrita

-"i" texto en cursiva

-"u" texto subrayado

Encabezados:

Los encabezados comienzan con h acompañada de un numero q va desde 1 hasta 6, siendo el encabezado con 1 el mas grande y con 6 el mas chico.

Bloques de texto:

Hay varios tag para definir bloques de texto, entre ellos

-"p" Se utiliza para definir párrafos

-"blockquote" Representa bloques agregando tabulaciones delante y detrás de del texto

-"pre" Indica q el texto entre este tag deberá ser mostrado por el navegador tal cual se encuentra, respetando el formato y disposición q posee.

-"div" Genera una división, este tag lo volveremos a ver más adelante ya q es muy útil para realizar el maquetado de la página web.

Sobre el tag "body" podemos aplicar las siguientes propiedades:

-"bgcolor" permite elegir el color de fondo del bloque, al igual q para las fuentes puede colocarse el nombre HTML del color o el código hexadecimal.

-"background" especifica una imagen como fondo, debe ser ingresada la dirección url de la imagen.

-"text" permite definir el color del texto estandar, o sea todo texto q no sea un link.

-"link" color del texto de los link.

-"vlink" color de los link ya visitados.

Existen otros tag especiales q ayudan a manejar el texto de nuestro sitio:

-"br" Ingresa un salto de linea.

-"hr" Agrega una linea de separación.

Acá una captura donde se muestra el uso de estas propiedades:

Gracias por seguir el blog en la próxima entrada vamos a trabajar con tablas...