HTML    •    CSS

Introducción al HTML.
Estructura básica de una página web.
Meta tags básicos.
Etiqueta body.
Formateo de texto.
Párrafos y saltos de línea.
Comentarios.
Separadores. Etiqueta hr.
Encabezados.
Caracteres especiales.
Tablas.
Listas.
Imágenes.
Mapas de imágenes.
Enlaces.
Formularios I: introducción.
Formularios II: campos de texto.
Formularios III: listas de opciones.
Formularios IV: botones submit y reset.
Formularios V: otros campos.
Formularios VI: ejemplo de formulario.
Frames.
Iframes.
Marquee.
HTML 5
Fieldset y legend.
Más etiquetas.
Idioma
CSS.
Javascript.
Inicio > Curso de HTML > CSS.

CSS.

Las hojas de estilo completan Html, dándole mayores posibilidades. Nosotros te explicamos CSS en su tutorial específico, pero en este artículo queríamos mostrarte algunas de las posibilidades que nos ofrecen las hojas de estilo.

Observa el siguiente texto de Gustavo Adolfo Becquer:

Volverán las oscuras golondrinas
en tu balcón sus nidos a colgar,
y otra vez con el ala a sus cristales
jugando llamarán.

Volverán las tupidas madreselvas
de tu jardín las tapias a escalar,
y otra vez a la tarde aún más hermosas
sus flores se abrirán.

Pero aquellas, cuajadas de rocío
cuyas gotas mirábamos temblar
y caer como lágrimas del día...
¡esas... no volverán!

Le hemos aplicado unos cuantos estilos para que veas algunas de las cosas que se pueden llegar hacer. Si quieres saber cómo lo hemos hecho, aquí te dejamos el código para que lo observes.

<p style="font-size:20px;color:#FF0000;">Volver&aacute;n las oscuras golondrinas<br>
en tu balc&oacute;n sus nidos a colgar,<br>
y otra vez con el ala a sus cristales<br>
jugando llamar&aacute;n.</p>
<p> <span style="background-color:#00FF00;font-style:italic;color:#0000FF">Volver&aacute;n
las tupidas madreselvas<br>
de tu jard&iacute;n las tapias a escalar,<br>
y otra vez a la tarde a&uacute;n m&aacute;s hermosas<br>
sus flores se abrir&aacute;n.<br>
<br>
</span>
<span style="border-bottom:1px #000000 dashed;"> Pero aquellas, cuajadas
de roc&iacute;o<br>
cuyas gotas mir&aacute;bamos temblar<br>
y caer como l&aacute;grimas del d&iacute;a...<br>
&iexcl;esas... no volver&aacute;n!</span></p>
<< Idioma Javascript. >>

Artículo escrito por Alberto Gómez para HazUnaweb.com. Queda absolutamente prohibida su reproducción.  


© HazUnaWeb.com. Tutoriales y manuales de programación y diseño de páginas web. :: Contacto :: Aviso legal
Queda absolutamente prohibida la copia o reproducción total o parcial de los contenidos de este página.