Sie sind auf Seite 1von 16

HTML

HTML (HyperText Markup Language) es el lenguaje utilizado en la Internet para definir


las pginas del WORLD WIDE WEB. Los ficheros HTML son ficheros puramente ASCII,
que pueden ser escritos con cualquier editor bsico, tal como Notepad en Windows o vi
en Unix. Tambin se pueden utilizar procesadores de texto ms complicados como
Microsoft Word, pero en este caso hay que asegurarse que el fichero es guardado en
disco como "text only". En este fichero de texto se introducen unas marcas o caracteres
de control llamadas TAGs, que son interpretadas por el browser. Cuando ste lee un
fichero ASCII con extensin *.htm o *.html interpreta estas TAGs y formatea el texto de
acuerdo con ellas.

ESTRUCTURA BASICA

FORMATOS DE PARRAFO
As se escribe:

<P>Este es un ejemplo de cmo seformatean los prrafos


en lenguaje HTML.En esta celda de la Tabla se
incluyen dosprrafos</P><P>El resultado puede
verse en lacelda vecina incluida en la columna de
laderecha</P>

As se ve:

Este es un ejemplo de cmo se formatean los prrafos en


lenguaje HTML. En esta celda de la Tabla se incluyen
dos prrafos
El resultado puede verse en la celda vecina incluida en la
columna de la derecha

FORMATOS DE PARRAFO
Lneas horizontales:
As se escribe:

<P>Lneas horizontales:</P>
<HR><HR WIDTH=80%><HR SIZE=4>

As se ve:

____________________
____________
________________

FORMATOS DE PARRAFO

<P>Los prrafos pueden indentarse.


<BLOCKQUOTE>Block quote indenta un prrafo. Se
deshace esta indentacin con el fin de la
TAG Block quote,</BLOCKQUOTE>
como se ve en el ejemplo.</P>

Los prrafos pueden indentarse.


Block quote indenta un prrafo. Se deshace esta indentacin
con el fin de la TAG Block quote,
como se ve en el ejemplo.

FORMATOS DE TEXTO
As se escribe:

<FONT SIZE="+1" COLOR="red" FACE="Arial">


Define tipo de letra, tamao y color a tu gusto
</FONT>

As se ve:

Define tipo de letra, tamao


y color a tu gusto

FORMATOS DE TEXTO

<P>Una palabra o un fragmento de texto sepuede resaltar


con el tag STRONGo con el tag EM, que en la
mayorparte de los browsers se correspondencon
<STRONG>bold</STRONG>
e<EM>italic</EM></P>

Una palabra o un fragmento de texto se puede resaltar con el


tag STRONG o con el tag EM, que en la mayor parte
de los browsers se corresponden con bold e italic.

FORMATOS DE TEXTO

<P>Ttulos: <H1>1</H1><H2>2</H2><H3>3</H3>
<H4>4</H4><H5>5</H5><H6>6</H6></P>

Ttulos:

123

456

FORMATOS DE TEXTO

<P>Alineados:</P>
<P ALIGN="LEFT">Izquierda</P>
<P ALIGN="RIGHT">Derecha</P>
<P ALIGN="CENTER">Centrado</P>
</P>

Alineados:
Izquierda
Derecha
Centrado

LISTAS NO ORDENADAS
As se escribe:

<P>Las listas no ordenadas:<UL><LI>Van precedidas por


"bullets"<LI>Se entiende que no importa el
orden<LI>Se utilizan con mucha frecuencia</UL>

As se ve:

Las listas no ordenadas:


Van precedidas por "bullets"
Se entiende que no importa el orden
Se utilizan con mucha frecuencia

LISTAS ORDENADAS
As se escribe:

Las listas ordenadas:<P>Las listas


ordenadas:<OL><LI>Van precedidas por
nmeros<LI>La numeracin es automtica<LI>Son
tambin muy utilizadas</OL>

As se ve:

Las listas ordenadas:


1.
Van precedidas por nmeros
2.
La numeracin es automtica
3.
Son tambin muy utilizadas

TABLAS
As se escribe:
<TABLE BORDER=1><TR><TD>celda (1,1)</TD><TD>celda
(1,2)</TD></TR><TR><TD>celda (2,1)</TD><TD>celda
(2,2)</TD></TR></TABLE>
<CENTER><TABLE BORDER=1><TR><TD>celda
(1,1)</TD><TD>celda (1,2)</TD></TR><TR><TD>celda
(2,1)</TD><TD>celda (2,2)</TD></TR></TABLE></CENTER>

As se ve:

LINKS
As se escribe:

<P>Este link enva al Web de la Universidad<P><A


HREF="http://193.145.249.23">Al Web</A>

As se ve:

Este link enva al Web de la Universidad


Al Web

IMAGENES

As se escribe:

<IMG SRC="todo.gif">

As se ve:

FORMATOS DE TEXTO

FORMATOS DE TEXTO

Das könnte Ihnen auch gefallen