Manual de html

INSTITUTO NACIONAL FRANCISCO MENÉNDEZ
CURSO LABORAL III

MANUAL DE

HTML 2010

INSTRUCTORA:
HEIDI ELIZABETH FRANCIA DE CERRITOS
CONTENIDO
Página

INTRODUCCIÓN 3
CAPÍTULO 1: CONCEPTOS BÁSICOS 4
PRÁCTICA 1: 5
BR (ENTER) 6
PRÁCTICA 2: 6
PÁRRAFOS (P) 6
PRÁCTICA 3: 7
TEMAS (H1, H2 Y H3) 7
PRÁCTICA 4: 8
OTROS FORMATOS DE TEXTO (B, I, U, S, SUP Y SUB) 8
PRÁCTICA 5: 9PRÁCTICA 6: 10
CAPÍTULO 2: PERSONALIZAR HOJAS WEB 12
TABLA DE COLORES 12
FORMATO DEL CUERPO DE LA PÁGINA WEB 12
PRÁCTICA 7: 13
PRÁCTICA 8 13
FORMATO DEL TEXTO QUE POSEE EL CUERPO DE LA PÁGINA WEB (FONT) 14
PRÁCTICA 9: 14
IMÁGENES (IMG) 17
MARQUESINAS (MARQUEE) 18
LISTAS 20
1. LISTAS DESORDENADAS (VIÑETAS) 20
2. LISTAS ORDENADAS 21
3. LISTAS DE DEFINICIÓN 21
VÍNCULOS (A) 23
1. ENLACESINTERNOS 23
2. ENLACES LOCALES 23
3. ENLACES REMOTOS 24
4. ENLACES A CORREOS 24
CAPÍTULO 3: AGREGADOS DE LAS PÁGINAS WEB 26
MARCOS (FRAME) 26

INTRODUCCIÓN

HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes deinformación relacionadas, y con inserciones multimedia (gráficos, sonido...) La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc.) así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un gráfico determinado) y dejar queluego la presentación final de dicho hipertexto se realice por un programa especializado (como Mosaic, o Netscape).

CAPÍTULO 1: CONCEPTOS BÁSICOS

OBJETIVOS:
El estudiante estará en la capacidad de:
1. Aplicar la estructura básica de HTML para el diseño de páginas Web.
2. Guardar un documento con formato de HTML.

Un documento HTML comienza con la etiqueta , y termina con . Dentrodel documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por y , que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por y , donde reside la información del documento.

La única utilidad del encabezamiento en la que nos detendremos es la directiva , que permite especificar el títulode un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento se ha especificado:
Manual práctico de HTML

En resumen, la estructura básica de un documento HTML quedade la forma siguiente:

Título

Texto del documento, gráficos, enlaces, etc.

Antes de crear los primeros ejemplos de hojas Web, aprenderemos a guardar el archivo de la siguiente manera:
1. Abrir el Bloc de Notas
2. Digitar el código HTML
3. Clic en ARCHIVO de la Barra de Menú
4. Clic en GUARDAR
5. De la Ventana que te aparece, selecciona la ubicación donde guardaras elarchivo.
6. Luego en la casilla de NOMBRE, escribe el nombre del archivo (SE RECOMIENDA COLOCAR EL NOMBRE DEL ARCHIVO EXPRESADO EN UNA SOLA PALABRA, EN MINUSCULA Y ADICIONANDO LA EXPRESIÓN: .html, EJEMPLO: portada.html)
7. Luego de la opción TIPO, de la Lista desplegable selecciona: TODOS LOS ARCHIVOS.
8. Finalmente clic en GUARDAR.
9. Como última recomendación: CREA UNA CARPETADONDE GUARDARAS TODOS TUS ARCHIVOS WEB, IMÁGENES, ÍCONOS, ETC.). De no hacerlo, al momento de vincular páginas tendrás muchos problemas.

PRÁCTICA 1:

1. Abre el bloc de notas.
2. Digita y contesta lo siguiente:

Primera práctica de HTML

Mi nombre es: ESCRIBE AQUÍ TU NOMBRE
Nivel: ESCRIBE AQUÍ TU NIVEL
Especialidad: ESCRIBE AQUÍ TU ESPECIALIDAD
Color favorito: ESCRIBE AQUÍ TU...