SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
Etiquetas HTML Básicas

Etiquetas de formato de texto

                Salida                       Etiquetas requeridas
El texto en negritas.              El <B>texto</B> en negritas.
                                   El <I>texto</I> en
El texto en itálicas.               it&aacute;licas.
                                   El <TT>texto</TT> en
El texto en formato teletipo.       formato teletipo.
                                   El <FONT SIZE = +2 COLOR =
                                   "RED">
El texto     en 2 tamaños más       texto </FONT> en 2
grandes y en rojo. El tamaño puede tama&ntilde;os m&aacute;s
ser un valor absoluto en el rango   grandes y en rojo. El
1..7.                              tama&ntilde;o
                                    puede ser ...
                                   Utilizar la direcci&oacute;n
Utilizar la dirección de e-mail     de e-mail <ADDRESS>
claudio@acm.org                     claudio@acm.org </ADDRESS>
para contactarme.                   para contactarme.



Etiquetas de encabezamientos


                  Salida                      Etiquetas requeridas

Encabezado H1                         <H1>Encabezado H1<H1>

Encabezado H3                         <H3>Encabezado H3<H3>
Encabezado H6                         <H6>Encabezado H6<H6>

Las etiquetas de encabezado generan automáticamente un fin de línea.


                  Salida                      Etiquetas requeridas
Justo antes del encabezado.              Justo antes del
                                          encabezado.
 Un encabezado H2                          <H2>Un encabezado H2<H2>
                                           Justo despu&eacute;s del
 Justo después del encabezado.             encabezado.




  Párrafos, fin de línea y comentarios

                 Salida                              Etiquetas requeridas
                                          &Uacute;ltima
Última oración del párrafo.               oraci&oacute;n ...
                                          <P>
Primera oración del nuevo párrafo.        Primera oraci&oacute;
                                          del ...
                                           Una oraci&oacute;n
Una oración                               <BR>
sobre otra.                               sobre otra.


  Observar que estas etiquetas no son bilaterales.

  Los comentarios dentro de un archivo HTML se delimitan del siguiente modo:

  <!-Este texto no será analizado por el visualizador-
  >


  Un ejemplo de página WEB

  El siguiente ejemplo es el contenido del archivo eje2.htm en el directorio
  corriente:



  <HTML>
   <HEAD>
    <TITLE>P&aacute;gina de ejemplo</TITLE>
   </HEAD>
   <BODY>
<H2> Encabezado </H2>
  <P>Primer p&aacute;rrafo debajo del
encabezado.</P>
  <H3> Un encabezado <BR> en dos renglones </H3>
  <P>P&aacute;rrafo con partes <B>en negrita</B>
</P>
 </BODY>
</HTML>




                                      Ver el ejemplo.


Etiquetas de formato lógico



                Salida                   Etiquetas requeridas
                                   La siguiente es <CITE>una
La siguiente es una cita.           cita</CITE>.>
                                   <CODE>Representa un
Representa un listado de
                                   listado
computadora.
                                    de computadora.</CODE>
                                   Una secuencia de<SAMP>
Una secuencia de caracteres
                                    caracteres
literales.
                                   literales.</SAMP>
                                   Nota: <BLOCKQUOTE> Esta es
Nota:                               una cita de alg&uacute;n
Esta es una cita de algún texto.    texto.</BLOCKQUOTE>
                                   La siguiente es <DFN>una
La siguiente es una definición.      definici&oacute;n.</DFN>
El siguiente <EM> texto
El siguiente texto está enfatizado.   </EM>
                                        est&aacute; enfatizado.
                                      <KBD>Caracteres de
Caracteres de teclado.
                                      teclado.</KBD>
                                      El siguiente <STRONG>
                                      texto
El siguiente texto está fuertemente    </STRONG> est&aacute;
enfatizado.                           fuertemente
                                       enfatizado.
                                       El siguiente <VAR> nombre
El siguiente nombre es una variable de </VAR>
programa.                               es una variable de
                                       programa.




Inserción de líneas (rulers)



                 Salida                    Etiquetas requeridas
Fin de la parte anterior.             Fin de la parte anterior.
Nueva parte.                           <HR> Nueva parte.
                                      Solo 40% de ancho.
Solo 40% de ancho.
                                       <HR WIDTH=40%> Nueva
Nueva parte.                          parte.
Alto del ruler = 10.                  Alto del ruler = 10.
Nueva parte.                           <HR SIZE=10> Nueva parte.

Más contenido relacionado

La actualidad más candente (18)

Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Practica01
Practica01Practica01
Practica01
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
Guia html
Guia htmlGuia html
Guia html
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Manual de html
Manual de htmlManual de html
Manual de 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
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Html
 
html
htmlhtml
html
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
Html
HtmlHtml
Html
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 

Similar a Etiquetas html 1 (20)

Etiquetas basicas de html
Etiquetas basicas de htmlEtiquetas basicas de html
Etiquetas basicas de html
 
Etiquetas html básicas
Etiquetas html básicasEtiquetas html básicas
Etiquetas html básicas
 
Etiquetas html básicas
Etiquetas html básicasEtiquetas html básicas
Etiquetas html básicas
 
2. html
2. html2. html
2. html
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2
 
CONSULTA.docx
CONSULTA.docxCONSULTA.docx
CONSULTA.docx
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
Codigo Html
Codigo HtmlCodigo Html
Codigo Html
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
 
02 texto
02 texto02 texto
02 texto
 
Deber vero
Deber veroDeber vero
Deber vero
 
Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida html
 
Html
HtmlHtml
Html
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Guía 1 html
Guía 1 htmlGuía 1 html
Guía 1 html
 
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
 

Más de Pepe Potamo

Las fibras-textiles-3
Las fibras-textiles-3Las fibras-textiles-3
Las fibras-textiles-3
Pepe Potamo
 
Fibrastextiles 2
Fibrastextiles 2Fibrastextiles 2
Fibrastextiles 2
Pepe Potamo
 
Fibrastextiles 1
Fibrastextiles 1Fibrastextiles 1
Fibrastextiles 1
Pepe Potamo
 
Materiales textiles
Materiales textilesMateriales textiles
Materiales textiles
Pepe Potamo
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
Pepe Potamo
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
Pepe Potamo
 
Interpretadibujos
InterpretadibujosInterpretadibujos
Interpretadibujos
Pepe Potamo
 
Impacto tecnológico
Impacto tecnológicoImpacto tecnológico
Impacto tecnológico
Pepe Potamo
 
Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)
Pepe Potamo
 
Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)
Pepe Potamo
 
Puntos limpios (mariely báez)
Puntos limpios (mariely báez)Puntos limpios (mariely báez)
Puntos limpios (mariely báez)
Pepe Potamo
 
Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)
Pepe Potamo
 
Contenidos página web
Contenidos página webContenidos página web
Contenidos página web
Pepe Potamo
 
Photo story 3. manual
Photo story 3. manualPhoto story 3. manual
Photo story 3. manual
Pepe Potamo
 
Protocolo de montreal
Protocolo de montrealProtocolo de montreal
Protocolo de montreal
Pepe Potamo
 
Actividades iniciales html
Actividades iniciales htmlActividades iniciales html
Actividades iniciales html
Pepe Potamo
 
Etiquetas html 2
Etiquetas html 2Etiquetas html 2
Etiquetas html 2
Pepe Potamo
 

Más de Pepe Potamo (20)

Las fibras-textiles-3
Las fibras-textiles-3Las fibras-textiles-3
Las fibras-textiles-3
 
Fibrastextiles 2
Fibrastextiles 2Fibrastextiles 2
Fibrastextiles 2
 
Fibrastextiles 1
Fibrastextiles 1Fibrastextiles 1
Fibrastextiles 1
 
Materiales textiles
Materiales textilesMateriales textiles
Materiales textiles
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
 
Interpretadibujos
InterpretadibujosInterpretadibujos
Interpretadibujos
 
Impacto tecnológico
Impacto tecnológicoImpacto tecnológico
Impacto tecnológico
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)
 
Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)
 
Puntos limpios (mariely báez)
Puntos limpios (mariely báez)Puntos limpios (mariely báez)
Puntos limpios (mariely báez)
 
Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)
 
Contenidos página web
Contenidos página webContenidos página web
Contenidos página web
 
Photo story 3. manual
Photo story 3. manualPhoto story 3. manual
Photo story 3. manual
 
Protocolo de montreal
Protocolo de montrealProtocolo de montreal
Protocolo de montreal
 
Actividades iniciales html
Actividades iniciales htmlActividades iniciales html
Actividades iniciales html
 
Etiquetas html 2
Etiquetas html 2Etiquetas html 2
Etiquetas html 2
 
Lenguaje.html
Lenguaje.htmlLenguaje.html
Lenguaje.html
 
Gauss
GaussGauss
Gauss
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (14)

presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 

Etiquetas html 1

  • 1. Etiquetas HTML Básicas Etiquetas de formato de texto Salida Etiquetas requeridas El texto en negritas. El <B>texto</B> en negritas. El <I>texto</I> en El texto en itálicas. it&aacute;licas. El <TT>texto</TT> en El texto en formato teletipo. formato teletipo. El <FONT SIZE = +2 COLOR = "RED"> El texto en 2 tamaños más texto </FONT> en 2 grandes y en rojo. El tamaño puede tama&ntilde;os m&aacute;s ser un valor absoluto en el rango grandes y en rojo. El 1..7. tama&ntilde;o puede ser ... Utilizar la direcci&oacute;n Utilizar la dirección de e-mail de e-mail <ADDRESS> claudio@acm.org claudio@acm.org </ADDRESS> para contactarme. para contactarme. Etiquetas de encabezamientos Salida Etiquetas requeridas Encabezado H1 <H1>Encabezado H1<H1> Encabezado H3 <H3>Encabezado H3<H3> Encabezado H6 <H6>Encabezado H6<H6> Las etiquetas de encabezado generan automáticamente un fin de línea. Salida Etiquetas requeridas
  • 2. Justo antes del encabezado. Justo antes del encabezado. Un encabezado H2 <H2>Un encabezado H2<H2> Justo despu&eacute;s del Justo después del encabezado. encabezado. Párrafos, fin de línea y comentarios Salida Etiquetas requeridas &Uacute;ltima Última oración del párrafo. oraci&oacute;n ... <P> Primera oración del nuevo párrafo. Primera oraci&oacute; del ... Una oraci&oacute;n Una oración <BR> sobre otra. sobre otra. Observar que estas etiquetas no son bilaterales. Los comentarios dentro de un archivo HTML se delimitan del siguiente modo: <!-Este texto no será analizado por el visualizador- > Un ejemplo de página WEB El siguiente ejemplo es el contenido del archivo eje2.htm en el directorio corriente: <HTML> <HEAD> <TITLE>P&aacute;gina de ejemplo</TITLE> </HEAD> <BODY>
  • 3. <H2> Encabezado </H2> <P>Primer p&aacute;rrafo debajo del encabezado.</P> <H3> Un encabezado <BR> en dos renglones </H3> <P>P&aacute;rrafo con partes <B>en negrita</B> </P> </BODY> </HTML> Ver el ejemplo. Etiquetas de formato lógico Salida Etiquetas requeridas La siguiente es <CITE>una La siguiente es una cita. cita</CITE>.> <CODE>Representa un Representa un listado de listado computadora. de computadora.</CODE> Una secuencia de<SAMP> Una secuencia de caracteres caracteres literales. literales.</SAMP> Nota: <BLOCKQUOTE> Esta es Nota: una cita de alg&uacute;n Esta es una cita de algún texto. texto.</BLOCKQUOTE> La siguiente es <DFN>una La siguiente es una definición. definici&oacute;n.</DFN>
  • 4. El siguiente <EM> texto El siguiente texto está enfatizado. </EM> est&aacute; enfatizado. <KBD>Caracteres de Caracteres de teclado. teclado.</KBD> El siguiente <STRONG> texto El siguiente texto está fuertemente </STRONG> est&aacute; enfatizado. fuertemente enfatizado. El siguiente <VAR> nombre El siguiente nombre es una variable de </VAR> programa. es una variable de programa. Inserción de líneas (rulers) Salida Etiquetas requeridas Fin de la parte anterior. Fin de la parte anterior. Nueva parte. <HR> Nueva parte. Solo 40% de ancho. Solo 40% de ancho. <HR WIDTH=40%> Nueva Nueva parte. parte. Alto del ruler = 10. Alto del ruler = 10. Nueva parte. <HR SIZE=10> Nueva parte.