Hackspan
Estructuras basicas del HTML
ESTRUCTURA BASICA DE UN DOCUMENTO HTMLUn documento escrito en HTML contendría básicamente las siguientes etiquetas :
<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.
El documento se hallará situado en algún ordenador al que se pueda acceder a traves de Internet. Para indicar la situación del documento en Internet se utiliza la URL (Uniform Resource Locator). La URL es el camino que ha de seguir nuestro navegador a traves de Internet para acceder a un determinado recurso, bien sea una página Web, un fichero, un grupo de noticias, etc. Es decir, lo que el navegador de páginas Web hace es acceder a un fichero situado en un ordenador que está conectado a la red Internet. La estructura de una URL para una página Web suele ser del tipo http://dominio/directorio/fichero. El dominio indica el nombre del ordenador al que accedemos, el directorio es el nombre del directorio de ese ordenador y fichero el nombre del fichero que contiene la página Web escrita en HTML. Por ejemplo :
http://www.webtaller.com/manual-html/index.hml
Donde ....
http:// es el indicador de pagina Web
www.webtaller.com es el Dominio (nombre) del ordenador
/manual-html/ es el Directorio dentro del ordenador
index.html es el Fichero que contiene la página Web
CABECERA DEL DOCUMENTO
La etiqueta <HEAD></HEAD> delimita la cabecera del documento. Dentro de la cabecera es importante definir el título de la página por medio de la etiqueta <TITLE></TITLE>. Este título será el que aparezca en la barra de nuestro navegador de páginas Web.
Ejemplo :
<TITLE>Página del Manual de HTML</TITLE>
Dentro de la cabecera de nuestro documento podemos incluir otras etiquetas adicionales. La etiqueta <META> indica al navegador de Internet las palabras clave y contenido de nuestra página Web.
Ejemplos :
<META name="Pagina de Jose" content="Mi pagina personal, Musica y Peliculas">
Indica al navegador el nombre de la página y sus contenidos principales.
<META name="keywords" content="Jose musica peliculas links españa">
Indica al navegador las palabras clave para los buscadores de Internet.
Otro uso de la etiqueta <META> es la de indicar documentos con "refresco automático". Si se indica una URL se sustituirá el documento por el indicado una vez transcurridos el número de segundos especificados. Si no se incluye ninguna URL se volverá a cargar en el navegador el documento en uso transcurridos los segundos indicados. Esto es util para páginas que cambian de contenido con mucha frecuencia o para redireccionar a la persona que visita nuestra pagina Web a una nueva dirección donde se encuentra una versión actualizada de nuestra pagina Web.
Ejemplo :
<META http-equiv="refresh" content="15;URL=http://www.microsoft.com">
Transcurridos 15 segundos se accederá a la pagina Web de Microsoft.
La etiqueta <BASE> indica la localización de los ficheros, gráficos, sonidos, etc... a los que se hace referencia en nuestra página Web. Si no se incluye esta etiqueta el navegador entiende que dichos elementos se encuentran en el mismo lugar donde se encuentra nuestra página Web.
Ejemplo :
<BASE href="http://www.webtaller.com/manual-html/">
CUERPO DEL DOCUMENTO
La etiqueta <BODY></BODY> indica el inicio y final de nuestra pagina Web. Será entre el inicio y el final de esta etiqueta donde pongamos los contenidos de nuestra página, textos, gráficos, enlaces, etc.... Esta etiqueta tiene una serie de parámetros opcionales que nos permiten indicar la "apariencia" global del documento :
background= "nombre de fichero gráfico"
Indica el nombre de un fichero gráfico que servirá como "fondo" de nuestra página. Si la imagen no rellena todo el fondo del documento, esta será reproducida tantas veces como sea necesario.
bgcolor = "código de color"
Indica un color para el fondo de nuestro documento. Se ignora si se ha usado el parámetro background.
text = "código de color"
Indica un color para el texto que incluyamos en nuestro documento. Por defecto es negro.
link = "código de color"
Indica el color de los textos que dan acceso a un Hiperenlace. Por defecto es azul.
vlink = "código de color"
Indica el color de los textos que dan acceso a un Hiperenlace que ya hemos visitado con nuestro navegador. Por defecto es purpura.
El código de color es un numero compuesto por tres pares de cifras hexadecimales que indican la proporcion de los colores "primarios", rojo, verde y azul. El codigo de color se antecede del símbolo #.
Ejemplos:
#000000 - Negro
#FF0000 - Rojo
#00FF00 - Verde
#0000FF - Azul
#FFFFFF - Blanco
El primer par de cifras indican la proporción de color Rojo, el segundo par de cifras la proporcion de color Verde y las dos ultimas la proporcion de color Azul. Cada par de cifras hexadecimales nos permiten un rango de 0 a 255. Combinando las proporciones de cada color primario obtendremos diferentes colores.
En esta Pagina 12151 visitantes (25362 clics a subpáginas) Hackerpan.es.tl
