CARACTERISTICAS DEL HTML
HTML
*Puede ser creado y editado con cualquier editor de textos básico.
*Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo
y final, mediante las cuales se determina la forma en la que debe aparecer en
su navegador el texto, así como también las imágenes y los demás elementos, en
la pantalla del ordenador.
*Cada elemento de un documento HTML consta de una etiqueta de comienzo, un
bloque de texto y una etiqueta de fin.
|
Estructura
básica de un documento HTML
|
Todos los documentos Html
tienen la estructura que se muesta a continuación, aunque la etiqueta <body> puede ser sustituida por <frameset> para un
tipo de páginas que dividen la ventana del navegador en varios cuadros
(frames).
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
Vamos a analizar más detenidamente las
distintas secciones que componen la página
Entre las etiquetas <html>
y <head> se suelen colocar otras
opcionales, como por ejemplo:
<meta
name="description" content="Información sobre el Centro,las
enseñanzas que se pueden cursar, los departamentos didácticos">
<meta name="keywords" content="educación,enseñanza,instituto,
profesores, alumnos">
En este caso las etiquetas le indican a los
buscadores el contenido de nuestras páginas (description) y algunas palabras
clave (keywords) para su localización.
La cabecera es la sección comprendida
entre <head> y </head>.
En ella se encuentra necesariamente el título (entre las etiquetas <title> y </title>).
El título de la página debe describir su
contenido por ejemplo:
<TITLE>Colegio Público de Villamañán - Ámbito de
Influencia - </TITLE>
no valdría en cambio
<TITLE>Página de Inicio</TITLE> ya
que esto no dice nada por si solo
Dentro de la cabecera también se suele
incluir código en JavaScript, que se reconoce porque va comprendido entre las
etiquetas
<script
language="JavaScript">
<!--
Aquí iría el código
// -->
</SCRIPT>
El cuerpo (body) del documento html
es normalmente lo más importante. Es aquí donde debemos colocar el contenido de
nuestra página: texto, fotos, etc.
El cuerpo está delimitado por las etiquetas <body> y </body> La etiqueta <body> suele contener algunos atributos,
a saber:
BGCOLOR parámetro usado para especificar el color de fondo de la página. El
color se define como una terna de números (#rrggbb) en base hexadecimal
en el orden rojo, verde, azul (Red, Green, Blue). También se puede usar el
nombre en inglés de los colores predefinidos en los navegadores.
Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>
Una buena ayuda para la seleccion de colores
con #rrggbb la puedes encontrar en: Paleta de
Colores
TEXT, parametro usado para definir el color del texto por omision. Su
formato es el mismo que el de BGCOLOR. Si no se pone nada es negro.
LINK, VLINK, ALINK, parámetros usados para especificar el color por
omision de: texto con enlace, enlace ya visitado y enlace activo.
Los colores por omision son LINK=blue,
VLINK=purple y ALINK=red. El formato es el mismo que BGCOLOR.
BACKGROUND, parámetro usado para especifica la ruta y nombre de
archivo (URL) de la imagen que será usanda como fondo del documento. Esta se
verá como mosaico para cubrir toda la ventana si es pequeña (lo habitual).
Sintaxis: <BODY BACKGROUND="ruta/archivo.gif">
Es conveniente especificar
la ruta de modo relativo, esto quiere decir que si cambiamos el directorio
completo donde están nuestras páginas, desde C:\
a C:\webs por ejemplo, la ruta especificada
debe seguir siendo válida.
Por ejemplo si la página desde la que hacemos el enlace se 
encuentra en el directorio Aprendiendo
Html y queremos poner como fondo la imagen fondo.gif,
que se encuentra en gifs, se debe poner:
<BODY BACKGROUND="gifs/fondo.gif">
