Manual HTML Guía rápida
Enviado por GilSantana • 18 de Julio de 2011 • 4.284 Palabras (18 Páginas) • 948 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,
...