SlideShare uma empresa Scribd logo
1 de 2
Baixar para ler offline
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)

Mais conteúdo relacionado

Mais procurados (20)

Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Etiquetas html
Etiquetas html   Etiquetas html
Etiquetas html
 
Curso html
Curso   htmlCurso   html
Curso html
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Tema 6 - Formularios en html
Tema 6 - Formularios en htmlTema 6 - Formularios en html
Tema 6 - Formularios en html
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
Introduction To HTML
Introduction To HTMLIntroduction To HTML
Introduction To HTML
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
 
CSS
CSSCSS
CSS
 
1. HTML
1. HTML1. HTML
1. HTML
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion web
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Comandos ddl y dml
Comandos ddl y dmlComandos ddl y dml
Comandos ddl y dml
 
PPT on Basic HTML Tags
PPT on Basic HTML TagsPPT on Basic HTML Tags
PPT on Basic HTML Tags
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 

Destaque

Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML. Maria_Sabando
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest975dcd
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de htmlUTLA
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos htmllelabytes
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos htmlAlvaro Gomes
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLESandra Meza
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILSandra Meza
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correoSandra Meza
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSSandra Meza
 
Guía para optimizar tu email marketing
Guía para optimizar tu email marketingGuía para optimizar tu email marketing
Guía para optimizar tu email marketingSandra Meza
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSSandra Meza
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESSandra Meza
 
Ppt informatica guia didactica
Ppt informatica guia didacticaPpt informatica guia didactica
Ppt informatica guia didacticamileuga
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASSandra Meza
 

Destaque (20)

Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML.
 
COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos html
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos html
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLE
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAIL
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correo
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOS
 
Guía para optimizar tu email marketing
Guía para optimizar tu email marketingGuía para optimizar tu email marketing
Guía para optimizar tu email marketing
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Los+mudras
Los+mudrasLos+mudras
Los+mudras
 
Los mudras
Los mudrasLos mudras
Los mudras
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
 
Ppt informatica guia didactica
Ppt informatica guia didacticaPpt informatica guia didactica
Ppt informatica guia didactica
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIAS
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 

Semelhante a Guía rápida de comandos HTML

Semelhante a Guía rápida de comandos HTML (20)

Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida 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
 
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.
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 

Guía rápida de comandos 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)