compumaster

Área de Tecnologías de la Información y
las Comunicaciones Aplicadas

MANUAL BÁSICO
DE CREACIÓN DE
PÁGINAS WEB

Pág. 2

Creación de páginas Web

Área de Tecnologías de la Información y
las Comunicaciones Aplicadas

INDICE________________________________________________

WORLD WIDE WEB________________________________________________________ 6
Utilización del servicio World WideWeb.___________________________________________ 6
Servicio de Almacenamiento de páginas WWW de la UM _____________________________ 7

Introducción_____________________________________________________ __________ 9
El LENGUAJE HTML.___________________________________________ ___________ 9
MI PRIMER DOCUMENTO HTML.__________________________________________ 10
CARACTERÍSTICAS GENERALES DELLENGUAJE HTML._________ ___________ 11
Marcas y atributos. ____________________________________________________________ 11
Concatenación de marcas._______________________________________________________ 12

CUATRO NORMAS FUNDAMENTALES____________________________ _________ 12
HTML es simplemente texto_____________________________________________________ 12
Igualdad de mayúsculas y minúsculas.____________________________________________ 13
No importan los tabuladores, ni los saltos de línea ___________________________________ 13
Caracteres especiales ___________________________________________________________ 13

ESTRUCTURA DE UN DOCUMENTO HTML._______________________ __________ 14
COMANDOS BÁSICOS DE HTML_____________________________ ______________ 14
Definición de párrafos: P_______________________________________________________ 15
Ruptura de líneas: BR. _________________________________________________________ 15
Titulos de encabezamiento ______________________________________________________ 15
Dando estilo al texto____________________________________________________________ 16
Tipos de letras _______________________________________________________________________16
Tamaño del texto. ____________________________________________________________________ 16
Colores del texto. ____________________________________________________________________ 17

Listas ________________________________________________________________________ 18
Listas ordenadas: OL. _________________________________________________________________ 18
Listas desordenadas: UL.______________________________________________________________ 19
Listas de definición: DL._______________________________________________________________ 19

Texto preformateado: PRE. _____________________________________________________ 20
Centrando texto. ______________________________________________________________ 20
Líneas horizontales. ____________________________________________________________20
Comentarios no visibles en la pantalla_____________________________________________ 21

ENLACES: A._____________________________________________________________ 23
Enlaces a otras zonas de la misma página __________________________________________ 24
Enlaces a otras páginas _________________________________________________________ 27
Enlaces a una zona de otra página________________________________________________ 29

Pág. 3

Creación de páginas Web

IMÁGENES__________________________________________________ ____________ 29
Principales formatos gráficos en Internet. _________________________________________ 30
Formato GIF.________________________________________________________________________ 30
Formato JPEG.______________________________________________________________________ 30

Inclusión de imágenes __________________________________________________________ 31
Tamaño de las imágenes. ______________________________________________________________
Escalado de imágenes. ________________________________________________________________
Bordes de la imagen. __________________________________________________________________
Alineación de texto con las...