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 etiqueta

Podemos definir un estilo dentro de una etiqueta de modo que slo afecte a sta mediante el atributo style.
Este atributo es vlido para todas las etiquetas de Html y su formato es el siguiente:

<etiqueta style="propiedadvalor;">Texto</etiqueta>

Veamos un ejemplo:

Cdigo

Resultado

<p style="color: red;">Texto Rojo</p>

Texto Rojo

Como puedes observar la estructura es muy sencilla: dentro del atributo style escribimos la propiedad (color), dos puntos, el valor (red) y un punto y coma. Si quisiramos podramos aadir tantas propiedades como deseemos, todas ellas separadas por un punto y coma.

Nota: Esta es la forma correcta de aplicar colores, fuentes y tamaos al texto de nuestras pginas en Html 4 y no utilizar la etiqueta <font> que vimos anteriormente.

A continuacin tienes una pequea tabla con propiedades de la fuente y la alineacin del prrafo.

Propiedad

Valor

Resultado

font-style

Normal

Normal

Italic

Itlica

font−weight

Normal

Normal

Bold

Negrita

Nmero de 100 a 900

Grueso 900

font−family

serif

Familia serif

sans-serif

Familia sans-serif

cursive

Familia cursive

monospace

Familia monospace

fantasy

Familia fantasy

Nombre de la fuente, p.e. wingdings

Wingdings

font-size

Tamao en pxeles (px), puntos tipogrficos (pt), centmetros (cm), milmetros (mm), pulgadas (in), etc., p.e. 30px

30 pxeles

Color

Nombre del color en ingls, p.e. red

Texto Rojo

Color en hexadecimal RGB, p.e. #AA00AA

Texto violeta

background−color

Nombre del color de fondo en ingls, p.e. red

fondo Rojo

Color de fondo en hexadecimal RGB, p.e. #AA00AA

Fondo violeta

text−align

left, alinear a la izquierda

Texto a la izquierda

right, alinear a la derecha

Texto a la derecha

center, alinear al centro

Texto centrado

justify, alinear a la derecha

Texto justificado a izquierda y derecha

Nota: Esta es una propiedad slo para etiquetas de prrafo como <p>, <h1> o <blockquote>, y por tanto no funcionar con etiquetas de frases como <b>, <em>, etc.

Estas propiedades puedes aplicarlas a todas las etiquetas que ya conoces que, de una manera u otra, dan formato a un texto de tu pgina. As podemos cambiar las propiedades de <p>, <body>, <h1>, <blockquote>, <b>, etc.

A menudo querrs dar formato a un prrafo o a un texto, pero no con una etiqueta en particular sino con una ms genrica. Para ello existen dos etiquetas sobre las que podemos aplicar estos estilos. Estas etiquetas son <div> para dar formato a un prrafo y <span> para dar formato a un texto.

Por ejemplo:
<span style="color: red;">Texto rojo</span>

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