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