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
Inicio y fin de
<HTML> </HTML> estar incluida en estas etiquetas
documento
Dentro del encabezado se incluyen las
encabezado <HEAD> </HEAD> siguientes etiquetas: title, description, autor,
keywords.
Es el texto que aparece en la barra de ttulo del
ttulo <TITLE> </TITLE>
navegador.
autor <meta name="author" content="mi nombre"> Nombre del autor de la pgina.
<meta name="description" content="esta es la
descripcion Breve descripcin de la pgina.
pagina principal del centro">
Palabras claves con las que un cliente puede
Palabras clave <meta name="keywords" content="ensenada">
encontrar nuestra pgina.
Cuerpo de la pgina donde se deben colocar
todos los elementos que se visualizarn en el
Cuerpo <BODY> </BODY>
navegador (texto, imgenes, enlaces,
tablas,etc.)

FUNCIN CDIGO HTML RESULTADO

*Esta etiqueta debe colocarse en el rea del


PGINA cuerpo del documento (BODY). El fondo de la
<BODY BGCOLOR="blue">
fondo (color) pgina aparecer con el tono de color del cdigo o
<BODY BGCOLOR="lightyellow">
nombre que se ha indicado.
<BODY BGCOLOR="#DBD7A4">
*En el fondo de la pgina aparece la imagen que
fondo (img) <BODY BACKGROUND="fondo.gif"> se ha indicado y se repite las veces que cabe en
una pantalla.
FUENTES
<B>Esto har el texto en negritas</B> Esto har el texto en negritas
negritas
itlico <I>Esto har letras itlicas</I> 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 Esto desplegar un texto con una lnea
lnea</STRIKE>
Tamao de fuente 1
<FONT SIZE="1">Tamao de fuente 1</FONT> Tamao de fuente 2
<FONT SIZE="2">Tamao de fuente 2</FONT> Tamao de fuente 3
<FONT SIZE="3">Tamao de fuente 3</FONT>
tamao <FONT SIZE="+1">Tamao de fuente +1</FONT> Tamao de fuente 4
<FONT SIZE="+2">Tamao de fuente +2</FONT>
<FONT SIZE="-1">Tamao de fuente -1</FONT> Tamao de fuente 5
<FONT SIZE="-2">Tamao de fuente -2</FONT> Tamao de fuente -1
Tamao de fuente -2

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


<FONT COLOR="red">Texto Rojo</FONT> Texto Rojo
<FONT COLOR="yellow">Texto Amarillo</FONT> Texto Amarillo
color <FONT COLOR="#000000>Texto Negro <FONT> Texto Negro
<FONT COLOR="#FFFFFF">Texto Blanco</FONT> Texto blanco
<FONT COLOR="#E1EAF7">Texto Azul Claro</FONT> Texto Azul Claro
tipo <FONT FACE="Arial">Fuente arial</FONT> Fuente arial
ENCABEZADOS
Nivel 1 <H1>Nivel 1</H1> 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

<CENTER>Esto centrar una regin del texto, Esto centrar una regin del texto,
ALINEACIN
imgenes, etc.</CENTER> imgenes, etc.
SALTO DE Salto de
Salto de<BR>lnea
LNEA lnea
Nuevo
PRRAFO Nuevo<P>Prrafo
Prrafo

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

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


Crea un enlace a una pgina en el mismo servidor
interno pgina en el mismo servidor</A>
<A HREF ="http://www.cicese.mx">Crea un enlace a
externo Crea un enlace a una pgina/sitio en otro servidor
una pgina/sitio en otro servidor</A>
Crea un enlace a un < A
correo Crea un enlace a un correo-e
HREF="mailto:desquer@uabc.mx">correo-e</A>
<A HREF="http://www.cicese.mx"><img
src="cicese.gif"><BR>
Crea un enlace con una foto</A> Crea un enlace con una foto
LISTAS <UL> tem 1
<LI>tem 1
tem 2
<LI>tem 2
Vietas </UL>
<OL> 1. tem 1
<LI>tem 1
Numerada
<LI>tem 2 2. tem 2
</OL>
LNEAS <HR>
<TABLE BORDER="1">
<TR>
<TD>uno</TD>
<TD>dos</TD>
</TR>
TABLAS
<TR> uno dos
<TD>tres</TD> tres cuatro
<TD>cuatro</TD>
</TR>
</TABLE>
&aacute; &Aacute; &ntilde; &lt; <
CARACTERES &aecute; &Eecute; &Ntilde; &gt; >
ESPECIALES &iacute; &Iacute; &copy; &#137;
&oacute; &Oacute; &reg; &#153;
&uacute; &Uacute; &uuml; &cent;

<HTML>
Encabezado del </HEAD>
documento web (ttulo, <TITLE> xxxxxxxxxxxx </TITLE>
autor, palabras clave,
etc.)
<HEAD>
Estas etiquetas
indican el principio y <BODY>
el fin de un
documento web. Cuerpo del documento
web (texto, imagen,
ligas, tablas, etc.) </BODY>

</HTML>

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