Manual basico html

Solo disponible en BuenasTareas
  • Páginas : 8 (1936 palabras )
  • Descarga(s) : 0
  • Publicado : 18 de febrero de 2011
Leer documento completo
Vista previa del texto
Manual Básico de HTML
Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas Web en Internet. En este manual se explican únicamente las instrucciones básicas para crear nuestra primera página Web, un estudio mas en profundidad requerirían mucho "papel" y mucho tiempo.Espero que os sea de utilidad.
________________________________________
Estructura de un documento HTML
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. Ladirectiva 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 lapá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.
________________________________________
Directivas de HTMLFondo 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 cifrashexadecimales. 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 purola 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 cualresulta 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 quedieran 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 quecubra 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 que escribimos es texto. Todo aquello que no esté encerrado entre los símbolos < y > se...
tracking img