You are on page 1of 2

GUA RPIDA DE COMANDOS HTML

FUNCIN BSICOS Inicio y fin de <HTML> documento encabezado <HEAD>


ttulo <TITLE>

CDIGO HTML

DESCRIPCIN Indica al navegador el principio y el fin de un documento HTML.Toda la codificacin debe estar incluida en estas etiquetas Dentro del encabezado se incluyen las siguientes etiquetas: title, description, autor, keywords. Es el texto que aparece en la barra de ttulo del navegador. 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 Esto har un texto subrayado Esto desplegar un texto con una lnea
Tamao de fuente 1

</HTML> </HEAD> </TITLE>

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>

</BODY>

FUNCIN

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> negritas <U>Esto har un texto subrayado</U> <STRIKE>Esto desplegar un texto con una tachado lnea</STRIKE>
<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> <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>

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

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

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


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

Nivel 1

Nivel 2 <H2>Nivel 2</H2> Nivel 3 <H3>Nivel 3</H3> Nivel 4 <H4>Nivel 4</H4> Nivel 5 <H5>Nivel 5</H5> Nivel 6 <H6>Nivel 6</H6> ALINEACIN SALTO DE LNEA PRRAFO IMGENES
<CENTER>Esto centrar una regin del texto, imgenes, etc.</CENTER> Salto de<BR>lnea

Nivel 2
Nivel 3
Nivel 4
Nivel 5
Nivel 6

Esto centrar una regin del texto, imgenes, etc. Salto de lnea Nuevo

Nuevo<P>Prrafo

Prrafo
<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
<A HREF ="http://www.cicese.mx">Crea un enlace a una pgina/sitio en otro servidor</A> Crea un enlace a un < A 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> <UL> LISTAS <LI>tem 1 <LI>tem 2 Vietas </UL> <OL> <LI>tem 1 Numerada <LI>tem 2 </OL>

Crea un enlace a una pgina en el mismo servidor Crea un enlace a una pgina/sitio en otro servidor Crea un enlace a un correo-e

Crea un enlace con una foto tem 1 tem 2

1. tem 1 2. tem 2

LNEAS

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

TABLAS

uno tres

dos cuatro

CARACTERES ESPECIALES

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

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

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

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

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

<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)

You might also like