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
                                                                     Indica al navegador el principio y el fin de un
                                                                     documento HTML.Toda la codificación 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 título del
            título <TITLE>                           </TITLE>
                                                                     navegador.
            autor <meta name="author" content="mi nombre">           Nombre del autor de la página.
                    <meta name="description" content="esta es la
      descripcion                                                    Breve descripción de la página.
                    pagina principal del centro">
                                                                     Palabras claves con las que un “cliente” puede
   Palabras clave <meta name="keywords" content="ensenada">
                                                                     encontrar nuestra página.
                                                                     Cuerpo de la página donde se deben colocar
                                                                     todos los elementos que se visualizarán en el
        Cuerpo <BODY>                                </BODY>
                                                                     navegador (texto, imágenes, enlaces,
                                                                     tablas,etc.)


FUNCIÓN             CÓDIGO HTML                                     RESULTADO

                                                                    *Esta etiqueta debe colocarse en el área del
PÁGINA                                                              cuerpo del documento (BODY). El fondo de la
                <BODY BGCOLOR="blue">
  fondo (color)                                                     página aparecerá con el tono de color del código o
                <BODY BGCOLOR="lightyellow">
                                                                    nombre que se ha indicado.
                <BODY BGCOLOR="#DBD7A4">
                                                                    *En el fondo de la página 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
          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
                <STRIKE>Esto desplegará un texto con una
        tachado                                                     Esto desplegará un texto con una línea
                línea</STRIKE>
                                                                    Tamaño de fuente 1
               <FONT SIZE="1">Tamaño de fuente 1</FONT>             Tamaño de fuente 2
               <FONT SIZE="2">Tamaño de fuente 2</FONT>             Tamaño de fuente 3
               <FONT SIZE="3">Tamaño de fuente 3</FONT>
        tamaño <FONT SIZE="+1">Tamaño de fuente +1</FONT>           Tamaño de fuente 4
               <FONT SIZE="+2">Tamaño de fuente +2</FONT>
               <FONT SIZE="-1">Tamaño de fuente -1</FONT>           Tamaño de fuente 5
               <FONT SIZE="-2">Tamaño de fuente -2</FONT>           Tamaño de fuente -1
                                                                    Tamaño 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 región del texto,                   Esto centrará una región del texto,
ALINEACIÓN
                     imágenes, etc.</CENTER>                                                 imágenes, etc.
SALTO DE                                                                Salto de
                     Salto de<BR>línea
LÍNEA                                                                   línea
                                                                        Nuevo
PÁRRAFO              Nuevo<P>Párrafo
                                                                        Párrafo

IMÁGENES             <IMG SRC="cicese.gif"></IMG>

      ENLACES <A HREF="otro_archivo.htm">Crea un enlace a una
                                                                        Crea un enlace a una página en el mismo servidor
        interno página en el mismo servidor</A>
                     <A HREF ="http://www.cicese.mx">Crea un enlace a
         externo                                                        Crea un enlace a una página/sitio en otro servidor
                     una página/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
       Viñetas </UL>
              <OL>                                                           1. ítem 1
              <LI>ítem 1
     Numerada
              <LI>ítem 2                                                     2. ítem 2
              </OL>
LÍNEAS               <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 (título,              <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>

                      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

Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao css
Léo Dias
 

La actualidad más candente (20)

Bootstrap 5 ppt
Bootstrap 5 pptBootstrap 5 ppt
Bootstrap 5 ppt
 
CSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and moreCSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
 
Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao css
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoy
 
XML y DTDs
XML y DTDsXML y DTDs
XML y DTDs
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
html5.ppt
html5.ppthtml5.ppt
html5.ppt
 
Semántica en HTML5
Semántica en HTML5Semántica en HTML5
Semántica en HTML5
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
HTML CSS JS in Nut shell
HTML  CSS JS in Nut shellHTML  CSS JS in Nut shell
HTML CSS JS in Nut shell
 
FRONTEND.pptx
FRONTEND.pptxFRONTEND.pptx
FRONTEND.pptx
 
What-is-Laravel-23-August-2017.pptx
What-is-Laravel-23-August-2017.pptxWhat-is-Laravel-23-August-2017.pptx
What-is-Laravel-23-August-2017.pptx
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 
HTML Semantic Tags
HTML Semantic TagsHTML Semantic Tags
HTML Semantic Tags
 
Css - Tema 1
Css - Tema 1Css - Tema 1
Css - Tema 1
 
CSS
CSSCSS
CSS
 
Html5 semantics
Html5 semanticsHtml5 semantics
Html5 semantics
 
O Glossário das tags de HTML ® Para iniciantes
O Glossário das tags de HTML ® Para iniciantesO Glossário das tags de HTML ® Para iniciantes
O Glossário das tags de HTML ® Para iniciantes
 

Similar a Guia rapida html (20)

Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida html
 
Comandos de html
Comandos de htmlComandos de html
Comandos de html
 
Html
HtmlHtml
Html
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
 
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
 
presentacion html
presentacion htmlpresentacion html
presentacion html
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Diseño de paginas con html1
Diseño de paginas con html1Diseño de paginas con html1
Diseño de paginas con html1
 
Manual html
Manual htmlManual html
Manual html
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
Deber vero
Deber veroDeber vero
Deber vero
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
Deber de programacion web.
Deber de programacion web.Deber de programacion web.
Deber de programacion web.
 

Guia rapida html

  • 1. GUÍA RÁPIDA DE COMANDOS HTML FUNCIÓN CÓDIGO HTML DESCRIPCIÓN BÁSICOS Indica al navegador el principio y el fin de un documento HTML.Toda la codificación 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 título del título <TITLE> </TITLE> navegador. autor <meta name="author" content="mi nombre"> Nombre del autor de la página. <meta name="description" content="esta es la descripcion Breve descripción de la página. pagina principal del centro"> Palabras claves con las que un “cliente” puede Palabras clave <meta name="keywords" content="ensenada"> encontrar nuestra página. Cuerpo de la página donde se deben colocar todos los elementos que se visualizarán en el Cuerpo <BODY> </BODY> navegador (texto, imágenes, enlaces, tablas,etc.) FUNCIÓN CÓDIGO HTML RESULTADO *Esta etiqueta debe colocarse en el área del PÁGINA cuerpo del documento (BODY). El fondo de la <BODY BGCOLOR="blue"> fondo (color) página aparecerá con el tono de color del código o <BODY BGCOLOR="lightyellow"> nombre que se ha indicado. <BODY BGCOLOR="#DBD7A4"> *En el fondo de la página 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 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 <STRIKE>Esto desplegará un texto con una tachado Esto desplegará un texto con una línea línea</STRIKE> Tamaño de fuente 1 <FONT SIZE="1">Tamaño de fuente 1</FONT> Tamaño de fuente 2 <FONT SIZE="2">Tamaño de fuente 2</FONT> Tamaño de fuente 3 <FONT SIZE="3">Tamaño de fuente 3</FONT> tamaño <FONT SIZE="+1">Tamaño de fuente +1</FONT> Tamaño de fuente 4 <FONT SIZE="+2">Tamaño de fuente +2</FONT> <FONT SIZE="-1">Tamaño de fuente -1</FONT> Tamaño de fuente 5 <FONT SIZE="-2">Tamaño de fuente -2</FONT> Tamaño de fuente -1 Tamaño 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
  • 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 <CENTER>Esto centrará una región del texto, Esto centrará una región del texto, ALINEACIÓN imágenes, etc.</CENTER> imágenes, etc. SALTO DE Salto de Salto de<BR>línea LÍNEA línea Nuevo PÁRRAFO Nuevo<P>Párrafo Párrafo IMÁGENES <IMG SRC="cicese.gif"></IMG> ENLACES <A HREF="otro_archivo.htm">Crea un enlace a una Crea un enlace a una página en el mismo servidor interno página en el mismo servidor</A> <A HREF ="http://www.cicese.mx">Crea un enlace a externo Crea un enlace a una página/sitio en otro servidor una página/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 Viñetas </UL> <OL> 1. ítem 1 <LI>ítem 1 Numerada <LI>ítem 2 2. ítem 2 </OL> LÍNEAS <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 (título, <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> Guía Rápida de Comandos HTML elaborada por Delia Esquer Meléndez (desquer@uabc.mx)