SlideShare una empresa de Scribd logo
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

CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
Rachel Andrew
 
CSS
CSSCSS
Visual basic concepts
Visual basic conceptsVisual basic concepts
Visual basic concepts
melody77776
 
HTML & CSS: Chapter 03
HTML & CSS: Chapter 03HTML & CSS: Chapter 03
HTML & CSS: Chapter 03
Steve Guinan
 
Bootstrap PPT Part - 2
Bootstrap PPT Part - 2Bootstrap PPT Part - 2
Bootstrap PPT Part - 2
EPAM Systems
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
jeroenvdmeer
 
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
Morten Rand-Hendriksen
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
IT Geeks
 
Introduction to BOOTSTRAP
Introduction to BOOTSTRAPIntroduction to BOOTSTRAP
Introduction to BOOTSTRAP
Jeanie Arnoco
 
Html5 structure & semantic
Html5 structure & semanticHtml5 structure & semantic
Html5 structure & semanticMuktadiur Rahman
 
Asp.net mvc
Asp.net mvcAsp.net mvc
Asp.net mvc
Er. Kamal Bhusal
 
Accessible dynamic forms
Accessible dynamic formsAccessible dynamic forms
Accessible dynamic formsDylan Barrell
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
Software Engineering
 
Bootstrap
BootstrapBootstrap
Bootstrap
Fajar Baskoro
 
JavaScript guide 2020 Learn JavaScript
JavaScript guide 2020 Learn JavaScriptJavaScript guide 2020 Learn JavaScript
JavaScript guide 2020 Learn JavaScript
Laurence Svekis ✔
 
Javascript Module Patterns
Javascript Module PatternsJavascript Module Patterns
Javascript Module Patterns
Nicholas Jansma
 
Dynamic HTML Event Model
Dynamic HTML Event ModelDynamic HTML Event Model
Dynamic HTML Event Model
Reem Alattas
 
Javascript arrays
Javascript arraysJavascript arrays
Javascript arrays
Hassan Dar
 
Bootstrap ppt
Bootstrap pptBootstrap ppt
Bootstrap ppt
Nidhi mishra
 

La actualidad más candente (20)

CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
 
CSS
CSSCSS
CSS
 
Visual basic concepts
Visual basic conceptsVisual basic concepts
Visual basic concepts
 
HTML & CSS: Chapter 03
HTML & CSS: Chapter 03HTML & CSS: Chapter 03
HTML & CSS: Chapter 03
 
Bootstrap PPT Part - 2
Bootstrap PPT Part - 2Bootstrap PPT Part - 2
Bootstrap PPT Part - 2
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Introduction to BOOTSTRAP
Introduction to BOOTSTRAPIntroduction to BOOTSTRAP
Introduction to BOOTSTRAP
 
Html5 structure & semantic
Html5 structure & semanticHtml5 structure & semantic
Html5 structure & semantic
 
Asp.net mvc
Asp.net mvcAsp.net mvc
Asp.net mvc
 
2. HTML forms
2. HTML forms2. HTML forms
2. HTML forms
 
Accessible dynamic forms
Accessible dynamic formsAccessible dynamic forms
Accessible dynamic forms
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
JavaScript guide 2020 Learn JavaScript
JavaScript guide 2020 Learn JavaScriptJavaScript guide 2020 Learn JavaScript
JavaScript guide 2020 Learn JavaScript
 
Javascript Module Patterns
Javascript Module PatternsJavascript Module Patterns
Javascript Module Patterns
 
Dynamic HTML Event Model
Dynamic HTML Event ModelDynamic HTML Event Model
Dynamic HTML Event Model
 
Javascript arrays
Javascript arraysJavascript arrays
Javascript arrays
 
Bootstrap ppt
Bootstrap pptBootstrap ppt
Bootstrap ppt
 

Similar a Guia rapida html

Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida html
AliciaFernandez77
 
Comandos de html
Comandos de htmlComandos de html
Comandos de html
Mayra_Pao
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
cristhianloor
 
Taller de HTML
Taller de HTMLTaller de HTML
presentacion html
presentacion htmlpresentacion html
presentacion htmljavier
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
Viviana Mercedes Ponce
 
Diseño de paginas con html1
Diseño de paginas con html1Diseño de paginas con html1
Diseño de paginas con html1
Ricardo ViGuillermo
 
Manual html
Manual htmlManual html
Manual html
Angel Arias Camacho
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
JONNATAN TORO
 
Deber vero
Deber veroDeber vero
Deber vero
cristhianloor
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
Noemi Gavilánez
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
LuisICM
 
Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!
Fatty-Vera
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Mariscalino2012
 
Deber de programacion web.
Deber de programacion web.Deber de programacion web.
Deber de programacion web.hamintoperez
 

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)