Formato Web

Formatos Web Alfredo Valdivia
LENGUAJE HTML
HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de

marcado predominante para la elaboracin de pginas web.
Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con
objetos tales como imgenes. HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>).
HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script
(por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de
HTML.
I. Etiquetas bsicas de accin y formato
El lenguaje HTML no es ms que un conjunto de etiquetas,

complementados en la mayora de los casos por extensiones que
permiten dar formato, con el objetivo de crear un documento que
pueda ser visualizado en Internet en forma de Pgina Web y que
esta, adems, pueda, por medio de dichas etiquetas, tener la
estructura o forma deseada por quien la diseo.
Las etiquetas HTML tienen, por lo general, una etiqueta de

apertura y una de cierre; aunque existen algunas excepciones en
las que solo basta con colocar la de apertura. Las etiquetas de
apertura son simplemente el nombre de la etiqueta encerrado
entre los signos < y >.
Las etiquetas de cierre utilizan la misma estructura pero, aadiendo el diagonal / antes de colocar el nombre de
la etiqueta. La mayora de las etiquetas tienen esta estructura:
< nombre de la etiqueta > TEXTO DEFINIDO < / nombre de la etiqueta >
Enlaces (Links)
La caracterstica que ms ha influido en el xito del Web (Internet) ha sido los links
Las links son elementos tiles en los documentos que se realizan en HTML, porque, adems de servir para
enriquecer la pgina web y dar ms informacin al visitante, permiten distribuir todo su contenido en diferentes
pginas para que estas puedan cargarse rpidamente.
Esto dar la oportunidad, entre otras cosas, de trabajar con ms imgenes, tablas y elementos, sin hacer lento
todo el documento.
Para hacer una link se utiliza la etiqueta < A > la cual siempre deber estar acompaada de la extensin HREF,
colocndose posteriormente el sitio con el cual se desea conectar. Finalmente, se coloca la palabra, frase o
imagen que representar al link, y se cierra con < /a >. Su sintaxis sera
< A HREF ="destino" > fuente < /A >
e-mail: avaldivia2008@gmail.com p g. 1 Web Site:

Ejemplo: < A HREF ="http://www.google.es" > Buscar en Google < /A >
Algunas etiquetas


Para escribir comentarios, los cuales son ignorados por el navegador.
<HTML>... </HTML>
Indica que es un documento HTML, debe encerrar todo el Documento.
<HEAD> ... </HEAD>

Encabezados del Documento. Los siguientes son los parmetros del Comando head.
<title> ... </title>

Indica el Titulo del Documento. Aparece en la ventana del Navegador.
<BODY attributo1=".." attributo2=".."> ... </BODY>

Contiene el cuerpo del Documento, o el contenido de la Pgina.
ATRIBUTOS
ALINK="..." Especifica el color de las Direcciones activadas en la pgina.

BACKGROUND="..." Especifica el papel tapiz de la pgina. un Archivo *.jpg o *.gif.
BGCOLOR="..."Especifica el Color del Fondo del Documento.
ATRIBUTOS
Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0)
hasta el 255 (FF).
Amarillo = #FFFF00
Azul = #0000FF
Azul Claro = #00CCFF
Blanco = #FFFFFF
Gris = #CC9999
Lila = #CC33FF
Negro = #000000
Rojo = #FF0000
Verde = #00FF00
BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE)

LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE)
LINK="..." Especifica el color de las direcciones contenidas en el documento.
TEXT="..." Especifica el Color del texto.
TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE)
VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento.

<B>...< /B>
Resalta en Negritas el Texto encerrado.
<BIG>...< /BIG>
Incrementa el tamao del Texto.
<BLINK>.....< /BLINK>
Hace el texto parpadeante.
<BR>
Inserta un final de lnea.
<CENTER>.....< /CENTER>
Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo imgenes, texto, tablas,
formularios, etc.
Ejemplos de lenguaje HTML
Ejemplo 1
Crear una carpeta con el nombre HTML, abrir dicha carpeta. En el fondo de la ventana, haga clic derecho >
Nuevo > Documento de Texto.
Cambiar el nombre del archivo por el de ejemplo1.txt. Abrir dicho archivo y escribir el siguiente cdigo HTML:
Guardar como pgina Web

1. Clic en el men Archivo
2. Clic en Guardar como
3. Poner como nombre de archivo ejemplo1.html
4. Cerrar el archivo
5. Abrir dicho pgina web haciendo doble clic en dicho archivo
Ejemplo 2

Abrir el archivo ejemplo1.txt y modificarlo como se muestra en la figura:
Grabar como ejemplo2.html y luego cierre el archivo.

Doble clic en el archivo ejemplo2.html para ver la pgina Web.

Ejemplo 3
Ubicar en la carpeta HTML y hacer clic derecho en el archivo ejemplo2.html > abrir con > Bloc de notas.
Modificar el archivo como se muestra en la figura.


Ejemplo 4
Ubicar en la carpeta HTML y hacer clic derecho en el archivo ejemplo3.html > abrir con > Bloc de notas.
Modificar el archivo como se muestra en la figura.


II. Pginas web con Office
Se pueden crear pginas Web con las aplicaciones office como por ejemplo:
Word
Excel
Front Page
Power Point
Access
Publisher
Vista en un Navegador

III. Pginas Web con Dreamweaver
Adobe Dreamweaver es una aplicacin en forma de estudio (basada en la forma de estudio de Adobe Flash) que
est destinada a la construccin y edicin de sitios y aplicaciones Web basados en estndares. Creado
inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa de este tipo ms
utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras
herramientas como Adobe Flash.
Pginas web Dinmicas
Son aquellas donde la informacin cambia constantemente.
Dominio: Nombre de la direccin electrnica
Es la parte principal de una direccin en la web que usualmente indica la organizacin o compaa que
administra dicha pgina.
Ejem:
Hotmail.com
Sunat.gob.pe
Google.com
Un dominio cuesta aproximadamente 12 dlares anuales
Hosting: Espacio en un disco duro de un servidor.

Formato Web

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Formato Web

Uploaded by

Copyright:

Available Formats

Formatos Web Alfredo Valdivia

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de

I. Etiquetas bsicas de accin y formato

El lenguaje HTML no es ms que un conjunto de etiquetas,

Las etiquetas HTML tienen, por lo general, una etiqueta de

< A HREF ="destino" > fuente < /A >

e-mail: avaldivia2008@gmail.com p g. 1 Web Site:

Ejemplo: < A HREF ="http://www.google.es" > Buscar en Google < /A >

<HEAD> ... </HEAD>

<title> ... </title>

<BODY attributo1=".." attributo2=".."> ... </BODY>

ALINK="..." Especifica el color de las Direcciones activadas en la pgina.

BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE)

e-mail: avaldivia2008@gmail.com p g. 2 Web Site:

Ejemplos de lenguaje HTML

Guardar como pgina Web

e-mail: avaldivia2008@gmail.com p g. 3 Web Site:

Grabar como ejemplo2.html y luego cierre el archivo.

e-mail: avaldivia2008@gmail.com p g. 4 Web Site:

Grabar como ejemplo3.html y luego cierre el archivo.

e-mail: avaldivia2008@gmail.com p g. 5 Web Site:

Grabar como ejemplo4.html y luego cierre el archivo.

e-mail: avaldivia2008@gmail.com p g. 6 Web Site:

II. Pginas web con Office

e-mail: avaldivia2008@gmail.com p g. 7 Web Site:

Pginas web Dinmicas

Son aquellas donde la informacin cambia constantemente.

Dominio: Nombre de la direccin electrnica

Un dominio cuesta aproximadamente 12 dlares anuales

Hosting: Espacio en un disco duro de un servidor.

e-mail: avaldivia2008@gmail.com p g. 8 Web Site:

You might also like