SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
GUÍA RÁPIDA DE COMANDOS HTML
FUNCIÓN CÓDIGO HTML DESCRIPCIÓN
BÁSICOS
Inicio y fin de
documento
<HTML> </HTML>
Indica al navegador el principio y el fin de un
documento HTML.Toda la codificación debe
estar incluida en estas etiquetas
encabezado <HEAD> </HEAD>
Dentro del encabezado se incluyen las
siguientes etiquetas: title, description, autor,
keywords.
título <TITLE> </TITLE>
Es el texto que aparece en la barra de título del
navegador.
autor <meta name="author" content="mi nombre"> Nombre del autor de la página.
descripcion
<meta name="description" content="esta es la
pagina principal del centro">
Breve descripción de la página.
Palabras clave <meta name="keywords" content="ensenada">
Palabras claves con las que un “cliente” puede
encontrar nuestra página.
Cuerpo <BODY> </BODY>
Cuerpo de la página donde se deben colocar
todos los elementos que se visualizarán en el
navegador (texto, imágenes, enlaces,
tablas,etc.)
FUNCIÓN CÓDIGO HTML RESULTADO
PÁGINA
fondo (color)
<BODY BGCOLOR="blue">
<BODY BGCOLOR="lightyellow">
<BODY BGCOLOR="#DBD7A4">
*Esta etiqueta debe colocarse en el área del
cuerpo del documento (BODY). El fondo de la
página aparecerá con el tono de color del código o
nombre que se ha indicado.
fondo (img) <BODY BACKGROUND="fondo.gif">
*En el fondo de la página aparece la imagen que
se ha indicado y se repite las veces que cabe en
una pantalla.
FUENTES
negritas
<B>Esto hará el texto en negritas</B> Esto hará el texto en negritas
itálico <I>Esto hará letras itálicas</I> Esto hará letras itálicas
negritas <U>Esto hará un texto subrayado</U> Esto hará un texto subrayado
tachado
<STRIKE>Esto desplegará un texto con una
línea</STRIKE>
Esto desplegará un texto con una línea
tamaño
<FONT SIZE="1">Tamaño de fuente 1</FONT>
<FONT SIZE="2">Tamaño de fuente 2</FONT>
<FONT SIZE="3">Tamaño de fuente 3</FONT>
<FONT SIZE="+1">Tamaño de fuente +1</FONT>
<FONT SIZE="+2">Tamaño de fuente +2</FONT>
<FONT SIZE="-1">Tamaño de fuente -1</FONT>
<FONT SIZE="-2">Tamaño de fuente -2</FONT>
Tamaño de fuente 1
Tamaño de fuente 2
Tamaño de fuente 3
Tamaño de fuente 4
Tamaño de fuente 5
Tamaño de fuente -1
Tamaño 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>
Texto Azul
Texto Rojo
Texto Amarillo
Texto Negro
Texto blanco
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
ALINEACIÓN
<CENTER>Esto centrará una región del texto,
imágenes, etc.</CENTER>
Esto centrará una región del texto,
imágenes, etc.
SALTO DE
LÍNEA
Salto de<BR>línea
Salto de
línea
PÁRRAFO Nuevo<P>Párrafo
Nuevo
Párrafo
IMÁGENES <IMG SRC="cicese.gif"></IMG>
ENLACES
interno
<A HREF="otro_archivo.htm">Crea un enlace a una
página en el mismo servidor</A>
Crea un enlace a una página en el mismo servidor
externo
<A HREF ="http://www.cicese.mx">Crea un enlace a
una página/sitio en otro servidor</A>
Crea un enlace a una página/sitio en otro servidor
correo
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
LISTAS
Viñetas
<UL>
<LI>ítem 1
<LI>ítem 2
</UL>
 ítem 1
 ítem 2
Numerada
<OL>
<LI>ítem 1
<LI>ítem 2
</OL>
1. ítem 1
2. ítem 2
LÍNEAS <HR>
TABLAS
<TABLE BORDER="1">
<TR>
<TD>uno</TD>
<TD>dos</TD>
</TR>
<TR>
<TD>tres</TD>
<TD>cuatro</TD>
</TR>
</TABLE>
uno dos
tres cuatro
CARACTERES
ESPECIALES
&aacute;  á
&aecute;  é
&iacute;  í
&oacute;  ó
&uacute;  ú
&Aacute;  Á
&Eecute;  É
&Iacute;  Í
&Oacute;  Ó
&Uacute;  Ú
&ntilde;  ñ
&Ntilde; Ñ
&copy; ©
&reg; ®
&uuml; ü
&lt;  <
&gt;  >
&#137;  ‰
&#153;  ™
&cent;  ¢
<HTML>
</HEAD>
<TITLE> xxxxxxxxxxxx </TITLE>
<HEAD>
<BODY>
</BODY>
</HTML>
Cuerpo del documento
web (texto, imagen,
ligas, tablas, etc.)
Estas etiquetas
indican el principio y
el fin de un
documento web.
Encabezado del
documento web (título,
autor, palabras clave,
etc.)
Guía Rápida de Comandos HTML elaborada por Delia Esquer Meléndez (desquer@uabc.mx)

Más contenido relacionado

La actualidad más candente

Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heard
Danita Viteri
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
duberlisg
 
como hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notascomo hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notas
jose_rock
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
Rawdoom
 

La actualidad más candente (20)

Programación basica en html
Programación basica en htmlProgramación basica en html
Programación basica en html
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Html 1
Html 1Html 1
Html 1
 
Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heard
 
Comentarios (1)
Comentarios (1)Comentarios (1)
Comentarios (1)
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
como hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notascomo hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notas
 
Sitio 1196353748625921 3
Sitio 1196353748625921 3Sitio 1196353748625921 3
Sitio 1196353748625921 3
 
Html
HtmlHtml
Html
 
Sitio
SitioSitio
Sitio
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Sitio
SitioSitio
Sitio
 
fila y columna
fila y columna fila y columna
fila y columna
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
Formularios con html5
Formularios con html5Formularios con html5
Formularios con html5
 

Similar a Guia rapida html (20)

Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida html
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Html
HtmlHtml
Html
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Diseño de paginas con html1
Diseño de paginas con html1Diseño de paginas con html1
Diseño de paginas con html1
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
HTML
HTMLHTML
HTML
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 
Pagina web
Pagina webPagina web
Pagina web
 
DISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdfDISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdf
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
ETIQUETAS HTML
ETIQUETAS HTMLETIQUETAS HTML
ETIQUETAS HTML
 
Comandos de html
Comandos de htmlComandos de html
Comandos de html
 
HTML
HTMLHTML
HTML
 
Que es html
Que es htmlQue es html
Que es html
 
Html
HtmlHtml
Html
 
Etilos
Etilos Etilos
Etilos
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 

Último

Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
perezreyesalberto10
 

Último (6)

Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Web
 
Biología Células Musculares presentación
Biología Células Musculares presentaciónBiología Células Musculares presentación
Biología Células Musculares presentación
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC Mexico
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
 

Guia rapida html

  • 1. GUÍA RÁPIDA DE COMANDOS HTML FUNCIÓN CÓDIGO HTML DESCRIPCIÓN BÁSICOS Inicio y fin de documento <HTML> </HTML> Indica al navegador el principio y el fin de un documento HTML.Toda la codificación debe estar incluida en estas etiquetas encabezado <HEAD> </HEAD> Dentro del encabezado se incluyen las siguientes etiquetas: title, description, autor, keywords. título <TITLE> </TITLE> Es el texto que aparece en la barra de título del navegador. autor <meta name="author" content="mi nombre"> Nombre del autor de la página. descripcion <meta name="description" content="esta es la pagina principal del centro"> Breve descripción de la página. Palabras clave <meta name="keywords" content="ensenada"> Palabras claves con las que un “cliente” puede encontrar nuestra página. Cuerpo <BODY> </BODY> Cuerpo de la página donde se deben colocar todos los elementos que se visualizarán en el navegador (texto, imágenes, enlaces, tablas,etc.) FUNCIÓN CÓDIGO HTML RESULTADO PÁGINA fondo (color) <BODY BGCOLOR="blue"> <BODY BGCOLOR="lightyellow"> <BODY BGCOLOR="#DBD7A4"> *Esta etiqueta debe colocarse en el área del cuerpo del documento (BODY). El fondo de la página aparecerá con el tono de color del código o nombre que se ha indicado. fondo (img) <BODY BACKGROUND="fondo.gif"> *En el fondo de la página aparece la imagen que se ha indicado y se repite las veces que cabe en una pantalla. FUENTES negritas <B>Esto hará el texto en negritas</B> Esto hará el texto en negritas itálico <I>Esto hará letras itálicas</I> Esto hará letras itálicas negritas <U>Esto hará un texto subrayado</U> Esto hará un texto subrayado tachado <STRIKE>Esto desplegará un texto con una línea</STRIKE> Esto desplegará un texto con una línea tamaño <FONT SIZE="1">Tamaño de fuente 1</FONT> <FONT SIZE="2">Tamaño de fuente 2</FONT> <FONT SIZE="3">Tamaño de fuente 3</FONT> <FONT SIZE="+1">Tamaño de fuente +1</FONT> <FONT SIZE="+2">Tamaño de fuente +2</FONT> <FONT SIZE="-1">Tamaño de fuente -1</FONT> <FONT SIZE="-2">Tamaño de fuente -2</FONT> Tamaño de fuente 1 Tamaño de fuente 2 Tamaño de fuente 3 Tamaño de fuente 4 Tamaño de fuente 5 Tamaño de fuente -1 Tamaño 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> Texto Azul Texto Rojo Texto Amarillo Texto Negro Texto blanco Texto Azul Claro tipo <FONT FACE="Arial">Fuente arial</FONT> Fuente arial ENCABEZADOS Nivel 1 <H1>Nivel 1</H1> Nivel 1
  • 2. 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 ALINEACIÓN <CENTER>Esto centrará una región del texto, imágenes, etc.</CENTER> Esto centrará una región del texto, imágenes, etc. SALTO DE LÍNEA Salto de<BR>línea Salto de línea PÁRRAFO Nuevo<P>Párrafo Nuevo Párrafo IMÁGENES <IMG SRC="cicese.gif"></IMG> ENLACES interno <A HREF="otro_archivo.htm">Crea un enlace a una página en el mismo servidor</A> Crea un enlace a una página en el mismo servidor externo <A HREF ="http://www.cicese.mx">Crea un enlace a una página/sitio en otro servidor</A> Crea un enlace a una página/sitio en otro servidor correo 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 LISTAS Viñetas <UL> <LI>ítem 1 <LI>ítem 2 </UL>  ítem 1  ítem 2 Numerada <OL> <LI>ítem 1 <LI>ítem 2 </OL> 1. ítem 1 2. ítem 2 LÍNEAS <HR> TABLAS <TABLE BORDER="1"> <TR> <TD>uno</TD> <TD>dos</TD> </TR> <TR> <TD>tres</TD> <TD>cuatro</TD> </TR> </TABLE> uno dos tres cuatro CARACTERES ESPECIALES &aacute;  á &aecute;  é &iacute;  í &oacute;  ó &uacute;  ú &Aacute;  Á &Eecute;  É &Iacute;  Í &Oacute;  Ó &Uacute;  Ú &ntilde;  ñ &Ntilde; Ñ &copy; © &reg; ® &uuml; ü &lt;  < &gt;  > &#137;  ‰ &#153;  ™ &cent;  ¢ <HTML> </HEAD> <TITLE> xxxxxxxxxxxx </TITLE> <HEAD> <BODY> </BODY> </HTML> Cuerpo del documento web (texto, imagen, ligas, tablas, etc.) Estas etiquetas indican el principio y el fin de un documento web. Encabezado del documento web (título, autor, palabras clave, etc.) Guía Rápida de Comandos HTML elaborada por Delia Esquer Meléndez (desquer@uabc.mx)