Está en la página 1de 2

GUA RPIDA DE COMANDOS HTML

FUNCIN

CDIGO HTML

DESCRIPCIN

BSICOS

Indica al navegador el principio y el fin de un


documento HTML.Toda la codificacin debe
estar incluida en estas etiquetas

Inicio y fin de
<HTML>
documento

</HTML>

encabezado <HEAD>

</HEAD>

Dentro del encabezado se incluyen las


siguientes etiquetas: title, description, autor,
keywords.

ttulo <TITLE>

</TITLE>

Es el texto que aparece en la barra de ttulo del


navegador.

autor <meta name="author" content="mi nombre">


descripcion

<meta name="description" content="esta es la


pagina principal del centro">

Palabras clave <meta name="keywords" content="ensenada">

Cuerpo <BODY>

FUNCIN

</BODY>

CDIGO HTML

PGINA
<BODY BGCOLOR="blue">
fondo (color)
<BODY BGCOLOR="lightyellow">
<BODY BGCOLOR="#DBD7A4">
fondo (img) <BODY BACKGROUND="fondo.gif">
FUENTES
<B>Esto har el texto en negritas</B>
negritas
itlico <I>Esto har letras itlicas</I>

Nombre del autor de la pgina.


Breve descripcin de la pgina.
Palabras claves con las que un cliente puede
encontrar nuestra pgina.
Cuerpo de la pgina donde se deben colocar
todos los elementos que se visualizarn en el
navegador (texto, imgenes, enlaces,
tablas,etc.)
RESULTADO
*Esta etiqueta debe colocarse en el rea del
cuerpo del documento (BODY). El fondo de la
pgina aparecer con el tono de color del cdigo o
nombre que se ha indicado.
*En el fondo de la pgina aparece la imagen que
se ha indicado y se repite las veces que cabe en
una pantalla.
Esto har el texto en negritas
Esto har letras itlicas

negritas <U>Esto har un texto subrayado</U>

Esto har un texto subrayado

<STRIKE>Esto desplegar un texto con una


tachado
lnea</STRIKE>

Esto desplegar un texto con una lnea


Tamao de fuente 1

<FONT SIZE="1">Tamao de fuente 1</FONT>


<FONT SIZE="2">Tamao de fuente 2</FONT>
<FONT SIZE="3">Tamao de fuente 3</FONT>
tamao <FONT SIZE="+1">Tamao de fuente +1</FONT>
<FONT SIZE="+2">Tamao de fuente +2</FONT>
<FONT SIZE="-1">Tamao de fuente -1</FONT>
<FONT SIZE="-2">Tamao de fuente -2</FONT>

Tamao de fuente 2

Tamao de fuente 3

Tamao de fuente 4

Tamao de fuente 5
Tamao de fuente -1
Tamao de fuente -2

color

<FONT COLOR="blue">Texto Azul</FONT>


<FONT COLOR="red">Texto Rojo</FONT>
<FONT COLOR="yellow">Texto Amarillo</FONT>
<FONT COLOR="#000000>Texto Negro <FONT>
<FONT COLOR="#FFFFFF">Texto Blanco</FONT>
<FONT COLOR="#E1EAF7">Texto Azul Claro</FONT>

tipo <FONT FACE="Arial">Fuente arial</FONT>


ENCABEZADOS
Nivel 1 <H1>Nivel 1</H1>

Texto Azul
Texto Rojo
Texto Amarillo
Texto Negro
Texto blanco
Texto Azul Claro
Fuente arial

Nivel 1

Nivel 2 <H2>Nivel 2</H2>

Nivel 2

Nivel 3 <H3>Nivel 3</H3>

Nivel 3

Nivel 4 <H4>Nivel 4</H4>

Nivel 4

Nivel 5 <H5>Nivel 5</H5>

Nivel 5

Nivel 6 <H6>Nivel 6</H6>

Nivel 6

ALINEACIN

<CENTER>Esto centrar una regin del texto,


imgenes, etc.</CENTER>

SALTO DE
LNEA

Salto de<BR>lnea

PRRAFO

Nuevo<P>Prrafo

Esto centrar una regin del texto,


imgenes, etc.
Salto de
lnea
Nuevo
Prrafo

IMGENES

<IMG SRC="cicese.gif"></IMG>

ENLACES <A HREF="otro_archivo.htm">Crea un enlace a una


interno pgina en el mismo servidor</A>
externo
correo

Crea un enlace a una pgina en el mismo servidor

<A HREF ="http://www.cicese.mx">Crea un enlace a


una pgina/sitio en otro servidor</A>

Crea un enlace a una pgina/sitio en otro servidor

Crea un enlace a un < A


HREF="mailto:desquer@uabc.mx">correo-e</A>

Crea un enlace a un correo-e

<A HREF="http://www.cicese.mx"><img
src="cicese.gif"><BR>
Crea un enlace con una foto</A>

Crea un enlace con una foto

<UL>
LISTAS
<LI>tem 1
<LI>tem 2
Vietas </UL>
<OL>
<LI>tem 1
Numerada
<LI>tem 2
</OL>

1. tem 1
2. tem 2

LNEAS

<HR>

TABLAS

<TABLE BORDER="1">
<TR>
<TD>uno</TD>
<TD>dos</TD>
</TR>
<TR>
<TD>tres</TD>
<TD>cuatro</TD>
</TR>
</TABLE>

CARACTERES
ESPECIALES

&aacute;
&aecute;
&iacute;
&oacute;
&uacute;

uno
tres

&Aacute;
&Eecute;
&Iacute;
&Oacute;
&Uacute;

Encabezado del
documento web (ttulo,
autor, palabras clave,
etc.)
Estas etiquetas
indican el principio y
el fin de un
documento web.

tem 1
tem 2

&ntilde;
&Ntilde;
&copy;
&reg;
&uuml;

dos
cuatro

&lt; <
&gt; >
&#137;
&#153;
&cent;

<HTML>
</HEAD>
<TITLE> xxxxxxxxxxxx </TITLE>
<HEAD>
<BODY>

Cuerpo del documento


web (texto, imagen,
ligas, tablas, etc.)

</BODY>

</HTML>
Gua Rpida de Comandos HTML elaborada por Delia Esquer Melndez (desquer@uabc.mx)

También podría gustarte