Podemos establecer una serie de configuraciones genéricas en nuestra página usando algunos atributos en la etiqueta <body>:
<body
alink: define el color de un enlace que ha sido presionado (nombre del color | hexadecimal).
background: imagen de fondo del cuerpo la página.
bgcolor: establece un color de fondo para el cuerpo de la página (nombre del color | hexadecimal).
link: color por defecto de los enlaces que no han sido seguidos (nombre del color | hexadecimal).
text: color por defecto del texto de la página (nombre del color | hexadecimal).
vlink: color de los enlaces que han sido visitados (nombre del color | hexadecimal).
>
</body>
<html>
<head>
<title>Página WEB de ejemplo</title>
</head>
<body text="yellow" bgcolor="SteelBlue" link="cyan" alink="red" vlink="green">
<p>¡ Mi primera página web !</p>
<a href="http://www.google.es/" target="_blank">Ir a Google</a><br/>
<a href="http://www.yahoo.es/" target="_blank">Ir a Yahoo</a><br/>
<a href="http://www.bing.es/" target="_blank">Ir a Bing</a><br/>
</body>
</html>
Es posible indicar los colores en formato hexadecimal, por ejemplo el color 'yellow' (amarillo) en formato hexadecimal sería '#FFFF00'.
Puedes ver los colores disponibles haciendo clic en este enlace.
Los atributos de la etiqueta <body> mencionados se encuentran desactualizados en HTML 4, recomendándose usar CSS en su lugar.
En la etiqueta <body> usaremos el atributo background para indicar la imagen que deseamos usar de fondo de nuestra página web:
<html>
<head>
<title>Página WEB de ejemplo</title>
</head>
<body text="yellow" background="fondo.jpg" bgproperties="fixed">
<p>¡ Mi primera página web !</p>
</body>
</html>
El atributo bgproperties se usa para que la imagen quede fija: si lo omitimos y hay mucho contenido en la página, ésta se repetirá a medida que hagamos scroll en la página web.
Los atributos de la etiqueta body mencionados se encuentran desactualizadas en HTML 4, recomendándose usar CSS en su lugar.
Con <h1> ... <h6> podemos definir texto que será tomado como encabezado, siendo <h1> el considerado más relevante mostrándose con un tipo de letra de mayor tamaño (aunque puede ser modificado mediante CSS):
<h1
align: alineación del párrafo (center | left | right | justify).
>
</h1>
Ejemplo:
<html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
<h1 >Este es el título 1</h1>
<h2>Este es el título 2</h2>
<h3>Este es el título 3</h3>
<h4>Este es el título 4</h4>
<h5>Este es el título 5</h5>
<h6 >Este es el título 6</h6>
</body>
</html>
Destacar que estas etiquetas admiten el atributo title, que muestra un título descriptivo al pasar el ratón por encima de ella.
<h1> es la cabecera de más importancia, y <h6> la menos.
Estas etiquetas son muy importantes para ofrecer información relevante sobre el contenido de la página web a los buscadores.
Con la etiqueta etiqueta <hr /> podemos insertar una línea separadora horizontal en la página web (fíjate en cómo es cerrada):
<hr
align: alineación de la línea (center | left | right). Sólo en modo transitional.
noshade: muestra una línea con color sólido. Sólo en modo transitional.
size: grosor de la línea (pixels). Sólo en modo transitional.
width: ancho (píxels o porcentaje). Sólo en modo transitional.
/>
Ejemplo:
<html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
Esta es una línea.
<hr/>
Aquí tenemos más texto.
</body>
</html>
La etiqueta <div> es usada para agrupar elementos de tipo block (crean una nueva línea al ser insertados) y colocarlos en la página web, usándose principalmente en combinación con Hojas de Estilos CSS, las cuales trataremos en otro curso.
<html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
<div>
<h3>Esto es un encabezado.</h3>
<p>Esto es un párrafo.</p>
</div>
</body>
</html>
Para maquetar páginas web es recomendable usar <div> en conjunción con Hojas de Estilos CSS, en lugar de tablas.
Una tag o etiqueta HTML que no es estándar pero que se encuentra soportada por la mayoría de los navegadores web es <marquee>, la cual mostrará su contenido en movimiento haciendo scroll, siendo algunos de sus atributos más importantes:
<marquee
behaviour: tipo de movimiento a realizar (alternate | scroll | slide).
bgcolor: color de fondo (nombre del color | hexadecimal).
direction: dirección hacia la que se hará scroll (down | left | right | up).
height: alto (píxels o porcentaje).
hspace: espacio entre los lados de la marquee y los bordes de la página (píxels).
loop: especifica el número de veces que se repetirá el scroll (infinite | number).
scrollamount: cantidad de píxels que se hace scroll.
scrolldelay: milisegundos en los que se hace el scroll.
vspace: espacio entre la parte superior e inferior de la marquee y el resto del contenido (píxels).
width: ancho (píxels o percentage).
>
</marquee>
