Manual HTML Guía rápida
Enviado por GilSantana • 18 de Julio de 2011 • 4.284 Palabras (18 Páginas) • 959 Visitas
Guía Rápida HTML
Taller de Computación IV Página 1 de 19
HTML
Un archivo HTML (HyperText Markup Language, Lenguaje de Marcado de Hipertexto) es un archivo de
texto con extensión .HTM o .HTML. Es el fundamento del gran éxito y desarrollo de Internet. Todos los demás
lenguajes que han aparecido para Internet funcionan en asociación con HTML. De tal forma que conocer el
lenguaje HTML es conocer el núcleo del proceso de creación de un sitio web.
Se basa en el uso de etiquetas (tags) también llamadas marcas, directivas o comandos. Estas etiquetas
son fragmentos de texto delimitados por los símbolos menor que < y mayor que >. Estas etiquetas le indican al
navegador la forma de representar el texto, los gráficos, imágenes y videos que conforman un documento.
Existe normalmente una etiqueta de inicio <Etiqueta> y otra de final </Etiqueta> aunque algunos
comandos sólo disponen de la etiqueta de inicio.
Las etiquetas mal escritas o desconocidas para un navegador son simplemente ignoradas.
ESTRUCTURA DE UN DOCUMENTO HTML
Un documento HTML está definido por una etiqueta de inicio <HTML> y una final </HTML>. Tiene dos
partes fundamentales que son la cabecera comprendida entre las etiquetas <HEAD> y </HEAD> y el cuerpo
comprendido entre <BODY> y </BODY>.
<HTML>
<HEAD>
Definiciones de la cabecera del documento
</HEAD>
<BODY>
Cuerpo del documento HTML que se va a visualizar
</BODY>
</HTML>
La cabecera contiene fundamentalmente información general sobre el documento. Dentro de esta
etiqueta se puede utilizar la etiqueta <TITLE></TITLE> la cual especifíca el título del documento que se
muestra en la parte superior del navegador.
<TITLE>Este es el título de mi página WEB</TITLE>
El cuerpo de un documento HTML contiene el texto de la página que se va a presentr al usuario. Dentro
de estas etiquetas se debe situar todo el código fuente del documento.
Dentro del documento en general se puede emplear una etiqueta que permite incluir comentarios dentro
de nuestro código fuente <!--Este es un comentario-->
<HTML>
<HEAD>
<!--La siguiente etiquetas muestra el título de la página-->
<TITLE>Estructura de un programa en HTML</TITLE>
</HEAD>
<BODY>
<!--En esta parte escribiremos todo nuestro código del documento HTML-->
</BODY>
</HTML>
Guía Rápida HTML
Taller de Computación IV Página 2 de 19
COLORES Y FONDO DE UN DOCUMENTO
La etiqueta <BODY> presenta una serie de atributos que permiten establecer una serie de
características generales para todo el documento, como son el color del texto, de los enlaces o del fondo. Los
colores se pueden indicar en formato hexadecimal o por medio de su nombre en inglés.
#rrggbb Color
#000000 Black
#FFFFFF White
#00FFFF Aqua
#0000FF Blue
#FF00FF Fuschia
#808080 Gray
#00FF00 Green
#00FF00 Lime
#800000 Maroon
#000080 Navy
#808000 Olive
#800080 Purple
#FF0000 Red
#C0C0C0 Silver
#008080 Silver
#FFFF00 Yellow
Los atributos que se pueden agregar a la etiqueta <BODY> pueden ser los siguientes:
BGCOLOR=”#rrggbb o nombre del color”, para especificar el color del fondo del documento.
TEXT=”#rrggbb o nombre del color”, para especificar el color general del texto.
LINK=”#rrggbb o nombre del color”, para especificar el color del texto de los enlaces.
VLINK=”#rrggbb o nombre del color”, para especificar el color del texto de los enlaces ya visitados.
ALINK=”#rrggbb o nombre del color”, para especificar el color que tomará el texto del enlace en el momento de
su activación.
<HTML>
<HEAD>
<TITLE>Primera Página Web</TITLE>
</HEAD>
<BODY BGCOLOR=”Green” TEXT=”Black” LINK=”Blue” VLINK=”Fuchsia” ALINK=”Red”>
</BODY>
</HTML>
PÁRRAFOS Y SALTOS DE LÍNEA
HTML no reconoce más de un espacio en blanco separando cualquier elemento o texto, es decir, los saltos de
línea, tabulaciones y demás separadores son convertidos a un único espacio en blanco. Para HTML todo el texto
es continuo, para indicar el principio y fin de un párrafo se utiliza <P></P>. Para cambiar de línea se utiliza
<BR> esta etiqueta solo tiene marca inicial.
<HTML>
<HEAD>
<TITLE>Segunda Página Web</TITLE>
</HEAD>
<BODY BGCOLOR=”Green” TEXT=”Black” LINK=”Blue” VLINK=”Fuchsia” ALINK=”Red”>
<P>La internet es una red que nos permite obtener información,<BR>sin embargo no toda es
confiable.<BR>Por lo cual debemos confrontar con otros textos</P>
<P>La diversidad de culturas que integran la Internet…</P>
</BODY>
</HTML>
Guía Rápida HTML
Taller de Computación IV Página 3 de 19
CABECERAS Y SEPARADORES
Las cabeceras se emplean para dividir los documentos en secciones. La etiqueta que define la cabecera es
<Hn> y </Hn>, donde n varía del 1 al 6. El valor de 1 corresponde a una letra muy grande y el del 6 con una
letra más pequeña. Esta etiqueta genera automáticamente un salto de línea similar al que se consigue con <P>.
<HTML>
<head>
<title>Tercera Página Web</title>
</head>
<body bgcolor=”Green” text=”Black”>
<h1>La internet es una red que nos permite obtener información,</h1>
<h2>sin embargo no toda es confiable.</h2>
<h3>Por lo cual debemos confrontar con otros textos</h3>
<p>La diversidad de culturas que integran la Internet…</p>
</body>
</HTML>
Para poder separar partes del documento, la etiqueta <HR> dibuja una barra horizontal que divide la pantalla
con un grosor y una longitud determinada a través de sus atributos. El atributo SIZE especifica el grosor de la
barra y WIDTH indica la longitud. Para establecer la alineación de la barra se utiliza ALIGN
...