ElTicus.com

Programación, lenguajes y recursos para programadores

manual
Curso Bsico de HTML
Introduccin a la programacin de pginas Web
Publicado por JL Fecha: 2006-12-02 01:20:00 Idioma: Espaol Tipo de documento: manual
Descargar como PDF

Curso de HTML Bsico

Curso bsico de HTML

Gua para principiantes

(Curso para introducir a alguien a la programacin de pginas web)



Definir el estilo de una pgina

Si queremos que todos los ttulos de nuestra pgina, definidos con una etiqueta del tipo <h1>, sean de color azul, podemos indicarlo en cada etiqueta como acabamos de aprender o podemos definirlo para toda la pgina en el encabezado de sta, es decir, dentro de la etiqueta <head>.

Para definir estos estilos comunes a toda la pgina se utiliza la etiqueta <style> de la siguiente manera:

<html>

<head>

<title>Mi pgina web</title>

<style type="text/css">

...

</style>

</head>

<body>

...

</body>

</html>

El atributo type="text/css" indica al programa que se trata de una hoja de estilo (Cascade Style Sheet).

Dentro de la etiqueta <style> escribiremos las distintas etiquetas y entre llaves sus propiedades segn vimos en el apartado anterior. Veamos un ejemplo:

<style type="text/css">

body {

background: yellow;

font-family: monospace;

}

h1,h2,h3,h4,h5 {

color: navy;

}

</style>

 

Es posible tambin definir estilos diferentes para la misma etiqueta. Observa el siguiente ejemplo:

<style type="text/css">

p {font-family: serif;}

p.azul {color: navy;}

</style>

En el ejemplo anterior hemos definido el tipo de fuente de la etiqueta <p> como serif, pero hemos definido una subetiqueta o clase de <p> llamada azul y que tendr color azul marino.
Para indicar que un prrafo definido por <p> es de la clase azul lo indicaremos con el atributo class="azul". Observa como queda el cdigo y el resultado final:

Cdigo

<p>Este es un prrafo normal</p>
<p class="azul">...y este azul marino.</p>

Resultado

Este es un prrafo normal

...y este azul marino.

Tambin es posible definir una clase genrica que podr ser utilizada dentro de cualquier etiqueta. Por ejemplo:

<style type="text/css">

.centrado {text-align: center;}

</style>

Con esta clase podemos centrar cualquier texto definido por una etiqueta de bloque escribiendo, por ejemplo <p class="centrado"> o <h1 class="centrado">.

 

<< Tema anterior Tema siguiente >>



Hay 210 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aqu: Imagen anti-spam =

Los ltimos 5 comentarios colocados son:

1. Comentario de JosephAveno el 2017-10-19 22:15:25
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT

2. Comentario de Robertlax el 2017-10-18 18:18:53
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT

3. Comentario de MShinom el 2017-10-13 19:50:51
Мобильный, выездной шиномонтаж в Москве круглосуточно!
Мегафон: +7(495)908-97-71
Мтс: +7(915)448-25-25
Хранение шин.
1. Шиномонтажные работы.
2. Снятие секреток.
3. Переобувка шин.
4. Ремонт проколов и порезов.
Выездной шиномонтаж 24 часа в Москве и МО.
Звоните!

4. Comentario de Bruceunure el 2017-10-12 03:06:29
Посмотрите презентации и по новостройкам СПб.
Это здесь kvartiraportal.ru

5. Comentario de Georgelit el 2017-10-07 18:23:37
vps-vds.com


VER TODOS LOS MENSAJES (210)...