Guia HTML




Guía de Lenguaje HTML


Curso: 4º año Computación
Ciclo: 2006






Indice
Laboratorio I  4º año – ET 32 Guía de HTML 2
Introducción. 4
Laboratorio I  4º año – ET 32 Guía de HTML 4
Estructura de un Documento HTML 4
Práctica 1. 5
5Dando forma al texto 6
Texto Destacado 6
Listas 7
Comentarios no visibles en la pantalla 8
Práctica 2 8
Enlaces con otras páginas 9
Estructura de los enlaces 9
Tipos de enlaces 9
a) Enlaces dentro de la misma página 9
b) Enlaces con otra página nuestra 10
c) Enlaces con una página fuera de nuestro sitio 10
d) Enlaces con una dirección de email 10
Práctica 3 10
Imágenes 11
Práctica 413
Caracteres especiales 14
Práctica 5 14
Fondos 15
a) Fondos con un color uniforme 15
Colores del texto y de los enlaces 16
b) Fondos con una imagen 16
Práctica 6 17
Tablas 17
Estructura de una tabla 17
Titulo de la tabla 18
Espesor de los bordes 18
Celdas de cabecera 18
Contenido de las celdas 18
Posicionamiento del contenido dentro de la celda 19
Dimensiones de la tabla 19Celdas que abarcan a otras varias 19
Color de fondo en las tablas 20
Imágenes de fondo en las tablas 20
Separación entre las celdas de una tabla 21
Separación entre el borde y el contenido dentro de las celdas 21
Práctica 7: 21
Formularios 21
Etiqueta de inicio 22
Elementos para introducir los datos 23
a) Introducción por medio de texto (una línea) 23
a-1) Introducción por medio de texto(múltiples líneas) 24
b) Introducción por medio de menús 24
b-1) Formulario de confirmación (checkbox) 25
b-2) Botones de radio 26
c) Botones de envío y de borrado 26
Frames 28
Documento de definición de los frames 28
Documentos HTML de cada frame 29
Documento del frame de la izquierda 30
Documento del frame de la derecha 30
Atributos de la etiqueta 30
Frames sin bordes 31
Atributos dela etiqueta 32
El atributo TARGET 32
Frames anidados dentro de otros frames 33
Introducción.
HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, IBrowse) los interpreta y los despliega. Es muy importante no olvidar estocuando se diseña una página web. Crear una buena página tiene dos aspectos; por un lado el conocimiento técnico para crear código HTML correcto, por otro lado el claro diseño para presentar la información.
Estructura de un Documento HTML
Una página web es un archivo de texto, se puede crear con cualquier editor de texto como el edit de DOS. El principio esencial del lenguaje HTML (HyperTextMarkup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera:
Este es el inicio de una etiqueta.
Este es el cierre de una etiqueta.
Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Por claridad, se usarán en este manual solamente las mayúsculas.
Lo que haya entre ambas etiquetas estaráinfluenciado por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y :
[Todo el documento]
El documento en sí está dividido en dos zonas principales:
El encabezamiento, comprendido entre las etiquetas y
El cuerpo, comprendido entre las etiquetas y
Dentro del encabezamiento hay información del documento, que no se ve en la pantallaprincipal, principalmente el título del documento, comprendido entre las etiquetas y . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones).
Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)
Por lo tanto, la estructura queda de esta manera:...