Dar Colores A Una Página HTML

Dar colores a una página HTML
Etiqueta <body> en la forma siguiente:

<body bgcolor=blue text=yellow>. Esto hará que el color de fondo de la página
(background color o bgcolor en inglés) sea azul (blue en inglés) y el color del texto sea
amarillo (yellow en inglés). La etiqueta body de clausura sigue siendo
simplemente </body> sin importar las opciones incluidas en la etiqueta body inicial.
También podemos colorear ciertas frases o palabras por separado. Usando la

etiqueta <font color=red>, por ejemplo hacemos todo el texto que le siga rojo (font es
tipo de letra y red es rojo en inglés), hasta que cancelemos la instrucción con una
etiqueta </font>.
En ambos casos mencionados, podemos experimentar con otros nombres de colores en

inglés como white, black, gray, maroon, yellow, lime, green, navy, aqua, olive, purple,
etc.
Alineación del texto
<p align=center>produce texto centrado

<p align=right> produce texto alineado con el margen derecho de la pantalla.
<p align=justify>, que produce un texto espaciado de forma tal que tanto el inicio como
el final de cada línea terminan en el margen correspondiente de la página.
Resaltando los títulos
<h1> es la etiqueta para indicar un título principal o grande y se cancela con </h1>. Así,
para insertar un texto o título grande en la página escribimos <h1> y este texto a
continuación aparecería grande hasta que insertemos </h1>.
Además de h1 podemos usar en la misma forma h2, h3, h4, h5 y h6. Cada una de estas
opciones produce títulos de menor tamaño y jerarquía que h1.
Líneas separadoras
<hr> introducimos una simple línea separadora que atraviesa la pantalla
horizontalmente.
</h1>
<hr>
<p align=center>
<hr>
Saltos de línea y párrafos
Si deseamos que el texto continúe en la línea siguiente, pero sin el espacio vertical que
deja la etiqueta <p>, entonces debemos usar la etiqueta <br> (del inglés break o rotura
de línea).
Tamaño del texto
Incluyendo la opción size=-1 dentro de la etiqueta <font> podemos hacer que el texto
hasta la próxima etiqueta </font> aparezca con un tamaño menor al normal. Si
queremos un texto aún más chico, podemos usar size=-2. Del mismo modo, si lo que
deseamos es hacer el texto mayor, podemos usar size=+1 ó size=+2 para lograr el efecto
deseado. Experimente con diversos tamaños y observe qué ocurre.
La opción size= puede ser usada en combinación con la que vimos antes de color= sin
problemas y sin importar el orden en que las coloquemos. Así da igual escribir <font
color=red size=+1> que <font size=+1 color=red>.
Insertar listas en el texto
Cuando preparamos material en línea, frecuentemente preparamos listas de artículos u

opciones al resumir los textos, en la forma:
Los objetivos del INSTRAW son:
Estimular y asistir el avance de la mujer, por medio de la investigación, la capacitación

y la recolección y diseminación de información.
Hacer más visible la contribución de la mujer al desarrollo.
Apoyar los esfuerzos de organizaciones inter-gubernamentales, gubernamentales y
no gubernamentales para estos fines.
En HTML podemos crear fácilmente dichas listas y sangrar cada uno de sus componentes
usando las etiquetas <ul>, <ol> y <li>. Con <ul> (inciales de un-ordered list o lista no
ordenada en inglés) indicamos que vamos a introducir una lista no numerada como en
el ejemplo mostrado arriba. Luego, usamos <li> delante de cada uno de los elementos
de la lista y finalmente cerramos o indicamos el final de la lista con </ul>.
>.
Insertar gráficos en nuestras páginas
Insertar una imagen en su página web es simple una vez que la tenemos en uno de estos
formatos. Si nuestro gráfico se llama logo.gif entonces basta con usar la etiqueta <img
src=logo.gif>. Si deseamos que la imagen aparezca a un lado de la página y el texto corra
a su alrededor, entonces haríamos <img src=logo.gif align=left> para colocarla a la
izquierda o <img src=logo.gif align=right> para colocarla a la derecha.
<html>
<head>
<title>
INSTRAW en la red
</title>
</head>
<body bgcolor=navy text=white>
<h1 align=center>
<font color=yellow> Instituto Internacional de Investigaciones y Capacitación para la
Promoción de la Mujer<br>
- INSTRAW -
</font>
</h1>
<hr>
<p align=center>
<hr>
<h4>
Cómo contactarnos
</h4>
<p align=right>
<font color=lime size=-1>
César Nicolás Penson 102-A<br>
Santo Domingo, República Dominicana<br>
(809)685-211 - fax (809)685-2117<br>
correo-e: instraw.hq.sd@codetel.net.do
</font>
<p>
Los objetivos del INSTRAW son:
<ul>
<li>
Estimular y asistir el avance de la mujer, por medio de la investigación, la capacitación y
la recolección y diseminación de información.
<li>
Hacer más visible la contribución de la mujer al desarrollo.
<li>
Apoyar los esfuerzos de organizaciones inter-gubernamentales, gubernamentales y no
gubernamentales para estos fines.
</ul>
</body>
</html>

Dar Colores A Una Página HTML

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Dar Colores A Una Página HTML

Cargado por

Copyright:

Formatos disponibles

Dar colores a una página HTML

Etiqueta <body> en la forma siguiente:

También podemos colorear ciertas frases o palabras por separado. Usando la

En ambos casos mencionados, podemos experimentar con otros nombres de colores en

Alineación del texto

<p align=center>produce texto centrado

Resaltando los títulos

Saltos de línea y párrafos

Insertar listas en el texto

Cuando preparamos material en línea, frecuentemente preparamos listas de artículos u

Los objetivos del INSTRAW son:

Estimular y asistir el avance de la mujer, por medio de la investigación, la capacitación

Insertar gráficos en nuestras páginas

También podría gustarte