SlideShare una empresa de Scribd logo
1 de 6
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 texto en itálicas.
El <I>texto</I> en
It&aacute;licas.
El texto en formato teletipo.
El <TT>texto</TT> en
Formato teletipo.
El texto en 2 tamaños más
grandes y en rojo. El tamaño
puede ser un valor absoluto en el
rango 1..7.
El <FONT SIZE = +2 COLOR = "RED">
texto </FONT> en 2
tama&ntilde;os m&aacute;s
grandes y en rojo. El tama&ntilde;o
puede ser ...
Utilizar la dirección de e-mail
claudio@acm.org
para contactarme.
Utilizar la
direcci&oacute;n
de e-mail <ADDRESS>
claudio@acm.org </ADDRESS>
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.
Un encabezado H2
Justo después del encabezado.
Justo antes del
encabezado.
<H2>Un encabezado
H2<H2>
Justo despu&eacute;s del
encabezado.
Párrafos, fin de línea y comentarios
Salida Etiquetas requeridas
Última oración del párrafo.
Primera oración del nuevo párrafo.
&Uacute;ltima
oraci&oacute;n ...
<P>
Primera oraci&oacute; del
...
Una oración
sobre otra.
Una oraci&oacute;n
<BR>
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 una cita.
La siguiente es <CITE>una
cita</CITE>.>
Representa un listado de
computadora.
<CODE>Representa un
listado
de computadora.</CODE>
Una secuencia de caracteres
literales.
Una secuencia de<SAMP>
caracteres
literales.</SAMP>
Nota:
Esta es una cita de algún texto.
Nota: <BLOCKQUOTE> Esta
es
una cita de alg&uacute;n
texto.</BLOCKQUOTE>
La siguiente es una definición.
La siguiente es <DFN>una
definici&oacute;n.</DFN>
El siguiente texto está enfatizado.
El siguiente <EM> texto
</EM>
est&aacute; enfatizado.
Caracteres de teclado.
<KBD>Caracteres de
teclado.</KBD>
El siguiente texto está fuertemente
enfatizado.
El siguiente <STRONG>
texto
</STRONG> est&aacute;
fuertemente
enfatizado.
El siguiente nombre es una variable
de programa.
El siguiente <VAR> nombre
</VAR>
es una variable de
programa.
Inserción de líneas (rulers)
Salida Etiquetas requeridas
Fin de la parte anterior.
Nueva parte.
Fin de la parte anterior.
<HR> Nueva parte.
Solo 40% de ancho.
Nueva parte.
Solo 40% de ancho.
<HR WIDTH=40%> Nueva
parte.
Alto del ruler = 10.
Nueva parte.
Alto del ruler = 10.
<HR SIZE=10> Nueva
parte.
Etiquetas html básicas

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Clase05
Clase05Clase05
Clase05
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Listado etiquetas html 5
Listado etiquetas html 5Listado etiquetas html 5
Listado etiquetas html 5
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
fila y columna
fila y columna fila y columna
fila y columna
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Conceptos básicos y etiquetas
Conceptos básicos y etiquetasConceptos básicos y etiquetas
Conceptos básicos y etiquetas
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Info p1 b_exce11_andrea salgado
Info p1 b_exce11_andrea salgadoInfo p1 b_exce11_andrea salgado
Info p1 b_exce11_andrea salgado
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Html
HtmlHtml
Html
 

Destacado

Etiquetas basicas de html
Etiquetas basicas de htmlEtiquetas basicas de html
Etiquetas basicas de htmljannet170309
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasjennypalcio
 
Sistemas de archivos tarea
Sistemas de archivos tareaSistemas de archivos tarea
Sistemas de archivos tareayeseniaugmex
 
Tarea dato e informacion.
Tarea dato e informacion.Tarea dato e informacion.
Tarea dato e informacion.yeseniaugmex
 
Nueva tecnología
Nueva tecnología Nueva tecnología
Nueva tecnología yeseniaugmex
 
2 de octubre de 1968
2 de octubre de 19682 de octubre de 1968
2 de octubre de 1968yeseniaugmex
 
Tabla y organigrama
Tabla y organigramaTabla y organigrama
Tabla y organigramayeseniaugmex
 
Herramientas tecnológicas 1 yesenia f.c.z
Herramientas tecnológicas 1 yesenia f.c.zHerramientas tecnológicas 1 yesenia f.c.z
Herramientas tecnológicas 1 yesenia f.c.zyeseniaugmex
 
Explorador de windows..
Explorador de windows..Explorador de windows..
Explorador de windows..yeseniaugmex
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas htmlMiguel Barajas
 
Como trabajar el cálculo mental
Como trabajar el cálculo mentalComo trabajar el cálculo mental
Como trabajar el cálculo mentalAlfons
 

Destacado (15)

Etiquetas basicas de html
Etiquetas basicas de htmlEtiquetas basicas de html
Etiquetas basicas de html
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 
Sistemas de archivos tarea
Sistemas de archivos tareaSistemas de archivos tarea
Sistemas de archivos tarea
 
Tarea dato e informacion.
Tarea dato e informacion.Tarea dato e informacion.
Tarea dato e informacion.
 
Nueva tecnología
Nueva tecnología Nueva tecnología
Nueva tecnología
 
Foros
ForosForos
Foros
 
2 de octubre de 1968
2 de octubre de 19682 de octubre de 1968
2 de octubre de 1968
 
Antivirus tarea
Antivirus tareaAntivirus tarea
Antivirus tarea
 
Tabla y organigrama
Tabla y organigramaTabla y organigrama
Tabla y organigrama
 
Herramientas tecnológicas 1 yesenia f.c.z
Herramientas tecnológicas 1 yesenia f.c.zHerramientas tecnológicas 1 yesenia f.c.z
Herramientas tecnológicas 1 yesenia f.c.z
 
Kernel o núcleo
Kernel o núcleoKernel o núcleo
Kernel o núcleo
 
Explorador de windows..
Explorador de windows..Explorador de windows..
Explorador de windows..
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
Fisiologia del lenguaje
Fisiologia del lenguajeFisiologia del lenguaje
Fisiologia del lenguaje
 
Como trabajar el cálculo mental
Como trabajar el cálculo mentalComo trabajar el cálculo mental
Como trabajar el cálculo mental
 

Similar a Etiquetas html básicas (20)

Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Html
HtmlHtml
Html
 
Etiquetas html 1
Etiquetas html 1Etiquetas html 1
Etiquetas html 1
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
HTML
HTMLHTML
HTML
 
Manual intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
Html
HtmlHtml
Html
 
Colegio diapositivas computacion
Colegio diapositivas computacionColegio diapositivas computacion
Colegio diapositivas computacion
 
Colegio diapositivas computacion
Colegio diapositivas computacionColegio diapositivas computacion
Colegio diapositivas computacion
 
Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida html
 
2. html
2. html2. html
2. html
 
HTML
HTMLHTML
HTML
 
Primera clasee
Primera claseePrimera clasee
Primera clasee
 
Consulta
ConsultaConsulta
Consulta
 
Consulta...docx
Consulta...docxConsulta...docx
Consulta...docx
 
Tarea tercero bachillerato
Tarea tercero bachilleratoTarea tercero bachillerato
Tarea tercero bachillerato
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Los lenguajes de marcas
Los lenguajes de marcasLos lenguajes de marcas
Los lenguajes de marcas
 
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
 

Último

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 

Último (15)

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 

Etiquetas html básicas

  • 1. Etiquetas HTML Básicas Etiquetas de formato de texto Salida Etiquetas requeridas El texto en negritas. El <B>texto</B> en negritas. El texto en itálicas. El <I>texto</I> en It&aacute;licas. El texto en formato teletipo. El <TT>texto</TT> en Formato teletipo. El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7. El <FONT SIZE = +2 COLOR = "RED"> texto </FONT> en 2 tama&ntilde;os m&aacute;s grandes y en rojo. El tama&ntilde;o puede ser ... Utilizar la dirección de e-mail claudio@acm.org para contactarme. Utilizar la direcci&oacute;n de e-mail <ADDRESS> claudio@acm.org </ADDRESS> para contactarme. Etiquetas de encabezamientos Salida Etiquetas requeridas
  • 2. 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. Un encabezado H2 Justo después del encabezado. Justo antes del encabezado. <H2>Un encabezado H2<H2> Justo despu&eacute;s del encabezado. Párrafos, fin de línea y comentarios Salida Etiquetas requeridas Última oración del párrafo. Primera oración del nuevo párrafo. &Uacute;ltima oraci&oacute;n ... <P> Primera oraci&oacute; del ... Una oración sobre otra. Una oraci&oacute;n <BR> sobre otra. Observar que estas etiquetas no son bilaterales.
  • 3. 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>
  • 4. Ver el ejemplo. Etiquetas de formato lógico Salida Etiquetas requeridas La siguiente es una cita. La siguiente es <CITE>una cita</CITE>.> Representa un listado de computadora. <CODE>Representa un listado de computadora.</CODE> Una secuencia de caracteres literales. Una secuencia de<SAMP> caracteres literales.</SAMP> Nota: Esta es una cita de algún texto. Nota: <BLOCKQUOTE> Esta es una cita de alg&uacute;n texto.</BLOCKQUOTE> La siguiente es una definición. La siguiente es <DFN>una definici&oacute;n.</DFN>
  • 5. El siguiente texto está enfatizado. El siguiente <EM> texto </EM> est&aacute; enfatizado. Caracteres de teclado. <KBD>Caracteres de teclado.</KBD> El siguiente texto está fuertemente enfatizado. El siguiente <STRONG> texto </STRONG> est&aacute; fuertemente enfatizado. El siguiente nombre es una variable de programa. El siguiente <VAR> nombre </VAR> es una variable de programa. Inserción de líneas (rulers) Salida Etiquetas requeridas Fin de la parte anterior. Nueva parte. Fin de la parte anterior. <HR> Nueva parte. Solo 40% de ancho. Nueva parte. Solo 40% de ancho. <HR WIDTH=40%> Nueva parte. Alto del ruler = 10. Nueva parte. Alto del ruler = 10. <HR SIZE=10> Nueva parte.