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 220 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 SandorinaBaw el 2017-12-11 22:10:43
Всем привет, хочу проинтересоваться и обсудить такой вопрос как \"куда можно продать или же где можно купить наших домашних питомцев\"?

Почему подняла такой вопрос, просто хотелось бы попробовать себя в качестве заводчика, но вот только где продавать непонятно, не на базар же с ними выходить....

Давайте обсуждать, кто где покупает и кто куда продаёт.

2. Comentario de Traceem el 2017-11-20 06:52:55
СЕРВИС ДЛЯ ПРИВЛЕЧЕНИЯ КЛИЕНТОВ ИЗ ИНТЕРНЕТА.
Комплексное интернет-продвижение сайтов без посредников и переплат в одном месте!
Сбор различных баз для продвижения в интернете
Эффективно и недорого. Писать в ICQ 656310373

3. Comentario de Content Spinning el 2017-11-17 13:56:44
Le content spinning permet dautomatiser la génération textuels unique de manière aisée. cette manière de faire consiste à paraphraser des textes déjà existant, ce qui permet davoir un gain de temps efficacement. Il existe plusieurs logiciels et outils de spinning de contenu mais aucun ne permet de réaliser du contenu de bonne qualité sans perdre trop de temps. Avec Content-spinning. fr, vous pouvez enfin automatiser la réalisation de vos master-spins !

4. Comentario de AnthonyMaf el 2017-11-15 16:15:08

You actually mentioned it exceptionally well!
canadianpharmaciesbnt.com
canadapharmacy

5. Comentario de AlexDum el 2017-11-01 09:24:16
Компания выполняет ремонты жилых и нежилых помещений. от фундамента, проекта, дизайна, до реализации конечного результата.


VER TODOS LOS MENSAJES (220)...