Manual De Html 1

Manual básico de creación de páginas web

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

HTML

1

MANUAL BÁSICO DE CREACIÓN DE PÁGINAS WEB 3
INTRODUCCIÓN 3
EL LENGUAJE HTML. 3
MI PRIMER DOCUMENTO HTML. 3
CARACTERÍSTICAS GENERALES DEL LENGUAJE HTML.. 3
Marcas y atributos. 3
Concatenación de marcas. 3

CUATRO NORMAS FUNDAMENTALES 3
HTML es simplemente texto 3
Igualdad de mayúsculas y minúsculas. 3
Noimportan los tabuladores, ni los saltos de línea 3
Caracteres especiales 3

ESTRUCTURA DE UN DOCUMENTO HTML. 3
COMANDOS BÁSICOS DE HTML 3
Definición de párrafos: P 3
Ruptura de líneas: BR. 3
Titulos de encabezamiento 3
Dando estilo al texto 3
Tipos de letras 3
Tamaño del texto. 3
Colores del texto. 3
Listas 3
Listas ordenadas: OL. 3
Listas desordenadas: UL. 3
Listas de definición: DL. 3
Textopreformateado: PRE. 3
Centrando texto. 3

Manual básico de creación de páginas web

Líneas horizontales. 3
Comentarios no visibles en la pantalla 3

ENLACES: A. 3
Enlaces a otras zonas de la misma página 3
Enlaces a otras páginas 3
Enlaces a una zona de otra página 3

IMÁGENES 3
Principales formatos gráficos en Internet. 3
Formato GIF. 3
Formato JPEG. 3
Inclusión de imágenes 3
Tamaño de las imágenes.3
Escalado de imágenes. 3
Bordes de la imagen. 3
Alineación de texto con las imágenes. 3
Imágenes con texto alternativo. 3
Uso de imágenes como enlaces. 3
Imágenes como fondo de un documento. 3
Mapas sensitivos. 3

TABLAS 3
Título de la tabla. 3
Bordes de la tabla. 3
Cabeceras de filas y de columnas. 3
Tamaño de la tabla. 3
Justificación de la tabla. 3
Espacio dentro de las celdas. 3
Forma de lasceldas individuales. 3
Justificación del texto de las celdas. 3
Celdas de diferentes tamaños. 3
Celdas irregulares. 3
Color de cada celda. 3
Texto en una solo línea. 3

EDITORES Y CONVERSORES 3
Editores 3
3

Conversores 3

PUBLICAR LAS PÁGINAS EN INTERNET. 3
DIRECCIONES INTERNET DE INTERÉS. 3
BIBLIOGRAFÍA. 3

Manual básico de creación de páginas web

Introducción
Este manual está pensado paraaprender los conceptos básicos necesarios para
construir sus propias páginas Web. Para quien quiera ampliar sus conocimientos se
suministran también unas referencias de consulta a otros sitios del Web.
En su confección se ha procurado seguir siempre un criterio eminentemente práctico.
Para mejor asimilar los conceptos tratados, se propone al final de cada apartado un
ejemplo práctico.
Primerasherramientas: Para comenzar sólo son necesarios dos elementos:
•

•

Un editor de texto. Vale cualquiera, siempre que no formatee el texto. Por ello, los más
adecuados son los más sencillos (como por ej., El block de notas de). Si se utilizan
procesadores como el Word, se deben guardar los ficheros como 'Sólo Texto', para
que no introduzca órdenes de formateo, que pueden provocar errores al cargarlo enel
navegador.
Un visualizador o navegador del Web: Netscape, MSI Explorer, Mosaic, etc.

El editor de texto lo usaremos para ir escribiendo los documentos HTML, que será
posteriormente interpretado por el navegador, con lo que iremos comprobando los
cambios y añadidos que vayamos efectuando.
Existen ciertos programas que nos ayudan a automatizar este proceso, pero es muy
conveniente comenzar ahacerlo de una manera manual, para comprender bien la
estructura del lenguaje HTML
Método de trabajo: Con el editor de texto crearemos un fichero con el nombre que
queramos (p. ej. ejemplo1), pero que debe tener necesariamente la extensión .html (o
.htm si nuestro sistema operativo no soporta extensiones de más de tres letras).
Habrá un fichero distinto para cada apartado; conviene crear undirectorio específico en
su ordenador e irlos guardando en él, para poder repasar lo aprendido, aparte de que
pueden ser necesarios para ejecutar otros ejemplos prácticos.

El LENGUAJE HTML.
HTML es un lenguaje que se utiliza para la creación de páginas en la WWW. Por página
entenderemos el documento que aparece en el visualizador.
HTML se compone de una serie de comandos, que son interpretados por el...