houhio

MANUAL DE HTML BASICO
ING. CLAUDIA RODRIGUEZ

1

MANUAL DE HTML BASICO
ING. CLAUDIA RODRIGUEZ

INDICE

ESTRUCTURA BÁSICA DE UN DOCUMENTO EN HTML ................................................ 3
TEXTO ............................................................................................................................... 4
IMÁGENES........................................................................................................................ 7
ENLACES (LINKS)............................................................................................................. 8
ESPACIOS Y SALTOS DE LINEA ................................................................................... 10
ATRIBUTOS DEL TEXTO................................................................................................ 12
LISTAS DE ELEMENTOS ................................................................................................ 13
IMAGENES ...................................................................................................................... 15
ENLACES........................................................................................................................ 17
TABLAS ........................................................................................................................... 18
FRAMES
.
.20
MULTIMEDIA
.
.
......28

.

2

MANUAL DE HTML BASICO
ING. CLAUDIA RODRIGUEZ

ESTRUCTURA BÁSICA DE UN DOCUMENTO EN HTML
El lenguaje html trabaja con etiquetas (tags) que tienen diferentes usos. Por ejemplosirve para colocar el nombre de la página en el marco superior del
navegador. La mayoría de las etiquetas necesitan cerrarse y modifican la información
contenida dentro de ellas. Algunas como no necesitan cerrarse. Después se
explicará mejor el significado de éstas y otras más.
Todos los documentos en html deben tener la siguiente estructura:


Mi página


Aquí va todo el contenidodel programa.


Este formato debe seguirse siempre como una regla. El uso de las demás etiquetas y el
contenido del programa irá dentro de la etiqueta . El título va a ser el
nombre que le quieras dar a tu página.
*** Ahora comienza lo interesante, vamos a empezar a construir nuestra página de
Internet. Entra al editor de textos, carga tú archivo prueba.htm (que por ahora debe estar
vacío)y teclea lo siguiente:


Historia de Internet


En esta página explicaremos brevemente los inicios de la red de redes.


*****************
Lo que estamos haciendo aquí es generando el esqueleto de nuestra página. Estas son
las etiquetas básicas para cualquier diseño. El título de esta página-ejemplo es Historia de
Internet y aparece en el marco superior del navegador. Como se acaba demencionar,
dentro de las etiquetas desarrollaremos todo nuestro contenido.
Pulsa Guardar en el editor de textos para grabar en prueba.htm lo que acabamos de
codificar. Recuerda que ya has aprendido cómo visualizarlo.

3

MANUAL DE HTML BASICO
ING. CLAUDIA RODRIGUEZ

TEXTO
Ya sabemos cómo es la estructura de un documento en html. Es el momento de empezar
a manipular los elementos denuestra página. El elemento fundamental en Internet es el
texto. Aunque el auge de los últimos años se ha debido principalmente al contenido
multimedia, (gráficos, sonido y video) el texto sigue siendo la base de todo documento en
la red.
A diferencia de los procesadores de texto comerciales (Word, WordPerfect, etc.), la
manipulación de texto en html está un tanto limitada y es necesarioutilizar ciertas
etiquetas para modificar el texto a nuestro gusto. Enseguida se muestran algunas de las
etiquetas más populares en el manejo de texto.


Permite que el texto que se encuentre dentro de ella se visualice tal como se creó en la
página origen, respetando espaciado, salto de línea, salto de párrafo, tabulación, etc.

Realiza un salto de línea. Esta etiqueta no necesita cerrarse....