inicio del título Titulo de la pagina

COMO MIERDA HACER UNA PÁGINA, por pato Estructura del documento En un documento HTML podemos incluir texto, imágen, sonido y referencias a otros documentos. Para diferenciar las directivas de HTML (instrucciones) del texto normal, dichas directivas se encuentran encerradas entre los signos < y >. Determinadas directivas tienen un inicio y un final. La directiva final se acompaña del símbolo /. La estructura básica de un documento HTML tendría las siguientes directivas : inicio del documento inicio de la cabecera inicio del título Titulo de la pagina final del título final de la cabecera inicio del cuerpo de la página: Texto, graficos y demás componentes de la página final del cuerpo de la página final del documento El título de la página será el texto que identificará a la página, la hoja en sí la escribiremos entre las directivas y . Muchas de las directivas de HTML pueden incluir parámetros. Estos parámetros añaden opciones especiales a la directiva. Veremos ahora las principales directivas que se usan en los documentos HTML con algunos de sus parámetros. :: Fondo del documento :: La directiva además de indicar el inicio y el final del cuerpo de nuestra hoja permite indicar el fondo de dicho documento. Si no incluimos ningún parámetro, el fondo de nuestro documento será de color blanco. Podemos cambiar el color de fondo con el parámetro bgcolor de la siguiente forma : El código de color empieza con el símbolo # y continua con seis cifras hexadecimales. Cada par de estas cifras indican el dominio de cada color principal en la mezcla final. Las dos primeras cifras indican el dominio del color rojo, las dos siguientes del color verde, y las dos últimas del color azul. El usar un numero hexadecimal de dos cifras para cada color nos permite indicar dominios desde el 0 (00) al 256 (FF).Por ejemplo, para que el fondo fuese de color verde puro la orden seria : Si la orden fuese : Conseguiriamos un color azul cielo, ya que estamos dando una mezcla de 10 partes de rojo (10), cien partes de verde (A0) y doscientas cincuenta y seis partes de azul (FF). El número de mezclas de color es muy grande, de cualquier forma los programas editores de HTML nos calculan el codigo del color escogiendo nosotros el color de una paleta, lo cual resulta bastante mas sencillo que calcular la mezcla. Ademas de definir el color del fondo, esta directiva nos permite definir los colores por defecto para el texto normal y los textos que acceden a un enlace en la página, por medio de los parámetros text y link. Por ejemplo: Con lo que el fondo de la pagina seria de color azul cielo, el texto por defecto de color verde y los textos que dieran acceso a otras paginas de color rojo. Aparte del color, podemos indicar un fondo gráfico para el documento. Para ello utilizaremos el parámetro background. El fondo vendrá indicado por un archivo de imagen (gif o jpg) que se reflejará en la página en mosaico. Por ejemplo : Pondrá como fondo de nuestro documento la imagen fondo.gif repitiéndola tantas veces como sea necesario para que cubra toda la página. Lógicamente, cuanto mayor sea la imagen, mas tiempo tardara el navegador en visualizar el fodo de nuestra página. : Texto y efectos :: El texto a escribir en la hoja se escribe tal cual, es decir, no hay ninguna directiva para indicar que lo queescribimos es texto. Todo aquello que no esté encerrado entre los símbolos < y > se entenderá que es texto. Las tabulaciones, espacios y retornos de carro del texto seran ignorados, de tal forma que si escribimos lo siguiente : Texto de prueba de mi página Web. En la página veremos : Texto de prueba de mi página Web. Para indicar un retorno de carro se utiliza la directiva
y para indicar un cambio de párrafo se utiliza la directiva

. Por ejemplo : Texto de prueba
de mi página

Web. Se verá como : Texto de prueba de mi página Web La única forma para que se respete el formato original del texto (con espacios y retornos de carro) es utilizar la directiva

. Ejemplo :

Esto es un
Texto con formato.

Para incluir efectos especiales en el texto "encerraremos" el texto a destacar utilizando estas directivas : Negrilla. Cursiva. Subrayado. De la misma forma, el texto se alinea por defecto a la izquierda. Si deseamos centrar un texto en la página utilizaremos la directiva . Por ejemplo : Este texto está centrado Para indicar el tamaño de la letra se utiliza la directiva . Esta directiva tiene varios parámetros. Veremos los dos mas usados size y bgcolor: -Size indica el tamaño "relativo". Para aumentar el tamaño de la letra indicaremos un número positivo, y para disminuirlo indicaremos un número negativo. -bgcolor indica el código de color del texto en el mismo formato que hemos visto anteriormente para el fondo del documento. Ejemplos : Texto Escribirá el Texto en un tamaño tres veces superior al normal y en color rojo puro. Texto Escribirá el Texto en un tamaño dos veces inferior al normal y en color azul puro. La directiva

inserta una línea horizontal en el documento. Se suele utilzar para diferenciar diferentes partes de la página. En esta página se ha usado esta directiva para separar cada sección de este manual. La longitud de esta linea se puede definir en porcentaje usando el parámetro width. La altura de la linea se indica con el paráametro size. Por ejemplo:

Por defecto se entiende una altura=1 y una anchura=100% Para incluir un comentario en nuestra página Web se utiliza la directiva , Dicho comentario no aparecerá en la página. Por ejemplo: :: Gráficos y enlaces :: Para incluir un gráfico en nuestra página utilizaremos la directiva . Esta directiva tiene varios parámetros. El parámetro src indica el nombre del fichero gráfico a mostrar, border indica el borde que rodeará al gráfico, alt indica el texto que se mostrara en lugar del gráfico en aquellos navegadores que no puedan mostrar el gráfico. Ejemplo: España

Mostrará el gráfico esp.gif sin ningún borde rodeándolo, y aquellos navegadores que no puedan mostrar el gráfico visualizaran la palabra España. Otro parámetro importante de esta directiva es align. Este parámetro permite indicar como se alineará el texto que se escriba a cotinuación del gráfico. Sus valores posibles son : bottom alinea el texto en la zona inferior del gráfico. top alinea el texto en la zona superior del gráfico. center alinea el texto en la zona central del gráfico. Ejemplos :

Texto de Ayuda Texto de Ayuda

Texto de Ayuda Texto de Ayuda Los parámetros height y width permiten redimensionar el gráfico dándole un tamaño diferente al real. height=num Marca la atura relativa del gráfico. width=num Marca la anchura relativa del gráfico. Ejemplos :

Un enlace es un texto o gráfico que, pulsándolo, nos envía a una página distinta. Para incluir un enlace en nuestra página se utiliza la directiva . Dicha directiva lleva el parámetro href que es el que indica la dirección de la página a la que queremos que se acceda. Por ejemplo : Pulsa aqui para buscar en la red. Mostraría el texto en distinto color, y al pulsar sobre el se nos enviaría a la direccion http://www.hispavista.com. Entre la directiva podemos poner un texto o un gráfico o ambas cosas. P.ej.:

Buscador Hispavista;. Permitirá dirigirse a la direccion indicada pulsando en el gráfico o en el texto. Para hacer un enlace a nuestra dirección de correo se indicaría la directiva con el siguiente formato : Pulsa aqui para enviarme un e-mail. :: Tablas :: no sirven de nada las weas pero igual aquí estan Las tablas se usan con mucha frecuencia en las páginas Web para formatear una parte del documento. Para definir una tabla se utiliza la directiva

, para cada uno de los elementos de la tabla se utiliza la directiva y para indicar el final de una fila de la tabla se utiliza la directiva . Los parámetros fundamentales de son : border=num Indica el ancho del borde de la tabla. cellpadding=num Indica el ancho de las filas cellspacing=num Indica el ancho de las "separaciones" entre las celdas de la tabla. De cualquier forma el ancho de las filas se adecuará a su contenido, si este fuese mas ancho que el indicado por cellpadding. El parámetro fundamental de

es align que indica la alineación del contenido de la celda. Sus opciones son :

Alinea el contenido a la izquierda.

Alinea el contenido a la derecha.

Centra el contenido en la celda. Un ejemplo de una tabla simple sería:

Pais	Porcentaje	Importe
España	70	140.000.-
Francia	20	40.000.-
Italia	30	60.000