ClubEnsayos.com - Ensayos de Calidad, Tareas y Monografias
Buscar

MANUAL DE HTML BASICO


Enviado por   •  29 de Octubre de 2013  •  7.954 Palabras (32 Páginas)  •  211 Visitas

Página 1 de 32

MANUAL DE HTML BASICO

ING. CLAUDIA RODRIGUEZ

1

MANUAL DE HTML BASICO

ING. CLAUDIA RODRIGUEZ

2

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

.

MANUAL DE HTML BASICO

ING. CLAUDIA RODRIGUEZ

3

ESTRUCTURA BÁSICA DE UN DOCUMENTO EN HTML

El lenguaje html trabaja con etiquetas (tags) que tienen diferentes usos. Por ejemplo

<TITLE> </TITLE> sirve 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 <BR> 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:

<HTML>

<HEAD>

<TITLE>Mi página</TITLE>

</HEAD>

<BODY>

Aquí va todo el contenido del programa.

</BODY>

</HTML>

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 <BODY> </BODY>. 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:

<HTML>

<HEAD>

<TITLE>Historia de Internet</TITLE>

</HEAD>

<BODY>

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

</BODY>

</HTML>

*****************

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 de mencionar,

dentro de las etiquetas <BODY> </BODY> 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.

MANUAL DE HTML BASICO

ING. CLAUDIA RODRIGUEZ

4

TEXTO

Ya sabemos cómo es la estructura de un documento en html. Es el momento de empezar

a manipular los elementos de nuestra 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 necesario utilizar ciertas

etiquetas para modificar el texto a nuestro gusto. Enseguida se muestran algunas de las

etiquetas más populares en el manejo de texto.

<PRE> </PRE>

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.

<BR>

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

<P>

Realiza un salto de párrafo. Tampoco necesita cerrarse.

<CENTER> </CENTER>

Posiciona el texto seleccionado en el centro de la página. También puede aplicarse a

gráficos.

<Hx> </Hx>

Se utiliza para resaltar encabezados. La x son números que van del 1 al 6, siendo el 1 el

encabezado más grande y resaltado, el 2 un poco menos y así sucesivamente.

Ejem:

<H1>Encabezado</H1>

<H2>Encabezado</H2>

<H3>Encabezado</H3>

<H4>Encabezado</H4>

<FONT SIZE=x> </FONT>

Sirve para cambiar el tamaño de las letras. La x es un número que indica el tamaño de la

letra y va del 1 al 7. El número predeterminado es el 3.

Texto en <B>Negritas</B>

Texto en <I>Itálica</I>

MANUAL DE HTML BASICO

ING. CLAUDIA RODRIGUEZ

5

Texto <U>subrayado</U>

<ADDRESS>

Dirección

</ADDRESS>

<HR>

Se utiliza como línea separadora. Tiene algunos atributos que la modifican. WIDTH indica

La longitud, SIZE indica la altura, ALIGN la colocación de la línea y NOSHADE que no

tenga relieve y además le añade un color gris más fuerte.

Ejem:

<HR>

<HR WIDTH=20% ALIGN=RIGHT SIZE=7>

<HR WIDTH=250 ALIGN=CENTER SIZE=5 NOSHADE>

*** Vamos a utilizar en nuestra página alguna de estas etiquetas para modificar texto.

Carga prueba.htm y teclea lo siguiente:

<HTML>

<HEAD>

<TITLE>Historia de Internet</TITLE>

</HEAD>

<BODY>

<h2>En esta página explicaremos brevemente los inicios de la red de redes.</h2><br>

<h3>Introducción</h3><p>

...

Descargar como (para miembros actualizados) txt (58 Kb)
Leer 31 páginas más »
Disponible sólo en Clubensayos.com