SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
Etiquetas
en HTML
Elaborado por Luis Castellanos. Junio 2014.
Generalidades
• Los archivos HTML son sólo texto (Ascii
plano).
• Contienen el texto del documento.
• Contienen etiquetas que indican cuál es la
estructura del documento, los vínculos
internos y externos, y la inclusión de
gráficos y multimedios.
• La relación entre texto y etiquetas es
generalmente la siguiente:
<etiqueta> texto afectado </etiqueta>
2Etiquetas en HTML
Generalidades
• La mayor parte de las veces no es
necesario trabajar directamente en el
archivo HTML.
• Gran parte de los utilitarios y navegadores
incluyen la posibilidad de editar
documentos HTML en la modalidad
``WYSWYG''.
• También existen convertidores de
formatos tradicionales a HTML.
3Etiquetas en HTML
Generalidades
• El formato y la disposición del archivo no influyen en el
resultado. Todos los siguientes fragmentos de entrada
producirán el mismo fragmento de salida:
4Etiquetas en HTML
El navegador
ignora líneas y
espacios en blanco
en el archivo.
El navegador
ignora líneas
y espacios en
blanco en el
archivo.
El navegador
ignora líneas y
espacios en blanco
en el archivo.
El navegador ignora líneas y espacios en blanco en el archivo.
Formato de las Etiquetas
• Las etiquetas tienen una palabra de apertura y una palabra
de cierre, de acuerdo al atributo que se quiere dar a las
distintas partes del documento que se va a generar, las
cuales se insertan dentro de las etiquetas.
5Etiquetas en HTML
Etiqueta Funcióno finalidad
<HTML> </HTML> Comienzo y fin del documento HTML.
<HEAD> </HEAD> Encabezado del documento. Contiene información
de la descripción del documento
<TITLE> </TITLE> Título que figura en la barra del navegador.
<BODY> </BODY> Comienzo y fin del contenido de la página
<B> </B> El texto demarcado en negritas.
&aacute; a minúscula con tilde (se usan secuencias
similares para otros caracteres especiales).
Etiquetas más comunes
6Etiquetas en HTML
Etiqueta Salida
El <B>texto</B> en negritas. El texto en negritas.
El <I>texto</I> en it&aacute;licas. El texto en itálicas.
El <TT>texto</TT> en formato
teletipo.
El texto en formato
teletipo.
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 ...
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.
Utilizar la direcci&oacute;n de e-mail
<ADDRESS> claudio@acm.org
</ADDRESS> para contactarme.
Utilizar la dirección de e-
mail
pedroperez@gmail.com
para contactarme.
Formato
de Textos
Etiquetas más comunes
7Etiquetas en HTML
Etiqueta Salida
<H1>Encabezado H1<H1>
Encabezado H1
<H2>Encabezado H2<H2>
Encabezado H2
<H3>Encabezado H3<H3> Encabezado H3
<H4>Encabezado H4<H4> Encabezado H4
<H5>Encabezado H5<H5> Encabezado H5
Encabeza-
mientos
Etiquetas más comunes
8Etiquetas en HTML
Etiqueta Salida
Fin de la parte anterior.
<HR> Nueva parte.
Fin de la parte anterior.
Nueva parte.
Solo 40% de ancho. <HR
WIDTH=40%> Nueva parte.
Solo 40% de ancho.
Nueva parte.
Alto del ruler = 10. <HR
SIZE=10> Nueva parte.
Alto del ruler = 10.
Nueva parte.
Inserción
de líneas
Referencias
• http://ima.udg.es/~dagush/cursohtml/estr
uct.htm
• http://ima.udg.es/~dagush/cursohtml/etiq
uet1.htm
9Etiquetas en HTML

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Etiquetas head y body
Etiquetas head y bodyEtiquetas head y body
Etiquetas head y body
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Practico html
Practico htmlPractico html
Practico html
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Curso html
Curso   htmlCurso   html
Curso html
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 

Destacado

Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTMLIvan Perez
 
Prueba de independencia (arriba y abajo)
Prueba de independencia (arriba y abajo)Prueba de independencia (arriba y abajo)
Prueba de independencia (arriba y abajo)Henry Cordova
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Joaquin Lara Sierra
 
Metodos para comprobar numeros aleatorios
Metodos para comprobar numeros aleatoriosMetodos para comprobar numeros aleatorios
Metodos para comprobar numeros aleatoriosYoyicto Alvarado
 
Pruebas de Uniformidad
Pruebas de UniformidadPruebas de Uniformidad
Pruebas de UniformidadEwing Ma
 
Clase 3 Modelo Entidad Relacion
Clase 3   Modelo Entidad   RelacionClase 3   Modelo Entidad   Relacion
Clase 3 Modelo Entidad Relacionoswchavez
 
Numeros Pseudoaleatorios - Variables aleatorias (presentacion)
Numeros Pseudoaleatorios - Variables aleatorias (presentacion)Numeros Pseudoaleatorios - Variables aleatorias (presentacion)
Numeros Pseudoaleatorios - Variables aleatorias (presentacion)Alberto Carranza Garcia
 
Transformar modelo entidad relacion a modelo logico
Transformar modelo entidad relacion a modelo logicoTransformar modelo entidad relacion a modelo logico
Transformar modelo entidad relacion a modelo logicojosecuartas
 
Pruebas estadisticas
Pruebas estadisticasPruebas estadisticas
Pruebas estadisticaslady
 
Modelo entidad relación de base de datos
Modelo entidad relación de base de datosModelo entidad relación de base de datos
Modelo entidad relación de base de datosani_tuza
 
Expo u2-simulacion
Expo u2-simulacionExpo u2-simulacion
Expo u2-simulacionKaren Zuniga
 
Base de Datos II UTPL 20071
Base de Datos II UTPL 20071Base de Datos II UTPL 20071
Base de Datos II UTPL 20071Juan Carlos
 
Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)
Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)
Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)Cristina Zavala Palacios
 

Destacado (20)

Modelo er
Modelo erModelo er
Modelo er
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Modelamiento y simulación
Modelamiento y simulaciónModelamiento y simulación
Modelamiento y simulación
 
Simulacion uam
Simulacion uamSimulacion uam
Simulacion uam
 
Prueba de ks
Prueba de ksPrueba de ks
Prueba de ks
 
Prueba de independencia (arriba y abajo)
Prueba de independencia (arriba y abajo)Prueba de independencia (arriba y abajo)
Prueba de independencia (arriba y abajo)
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5
 
Metodos para comprobar numeros aleatorios
Metodos para comprobar numeros aleatoriosMetodos para comprobar numeros aleatorios
Metodos para comprobar numeros aleatorios
 
Pruebas de Uniformidad
Pruebas de UniformidadPruebas de Uniformidad
Pruebas de Uniformidad
 
Prueba de corridas arriba y abajo de la media
Prueba de corridas arriba y abajo de la mediaPrueba de corridas arriba y abajo de la media
Prueba de corridas arriba y abajo de la media
 
Clase 3 Modelo Entidad Relacion
Clase 3   Modelo Entidad   RelacionClase 3   Modelo Entidad   Relacion
Clase 3 Modelo Entidad Relacion
 
Pruebas De Varianza Uniformidad E Independencia
Pruebas De Varianza Uniformidad E IndependenciaPruebas De Varianza Uniformidad E Independencia
Pruebas De Varianza Uniformidad E Independencia
 
Numeros Pseudoaleatorios - Variables aleatorias (presentacion)
Numeros Pseudoaleatorios - Variables aleatorias (presentacion)Numeros Pseudoaleatorios - Variables aleatorias (presentacion)
Numeros Pseudoaleatorios - Variables aleatorias (presentacion)
 
Transformar modelo entidad relacion a modelo logico
Transformar modelo entidad relacion a modelo logicoTransformar modelo entidad relacion a modelo logico
Transformar modelo entidad relacion a modelo logico
 
Pruebas estadisticas
Pruebas estadisticasPruebas estadisticas
Pruebas estadisticas
 
Modelo entidad relación de base de datos
Modelo entidad relación de base de datosModelo entidad relación de base de datos
Modelo entidad relación de base de datos
 
Reglas de transformación
Reglas de transformaciónReglas de transformación
Reglas de transformación
 
Expo u2-simulacion
Expo u2-simulacionExpo u2-simulacion
Expo u2-simulacion
 
Base de Datos II UTPL 20071
Base de Datos II UTPL 20071Base de Datos II UTPL 20071
Base de Datos II UTPL 20071
 
Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)
Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)
Unidad III: GENERACION DE NUMEROS ALEATORIOS (SIMULACIÓN)
 

Similar a Etiquetas en Html (20)

Presentación
PresentaciónPresentación
Presentación
 
Html
HtmlHtml
Html
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Narrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosNarrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgos
 
Consulta
ConsultaConsulta
Consulta
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Html
HtmlHtml
Html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Manual intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
Html concpetos
Html concpetosHtml concpetos
Html concpetos
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
HTML
HTMLHTML
HTML
 
Manual html
Manual htmlManual html
Manual html
 
1
11
1
 
Html
HtmlHtml
Html
 

Más de Luis R Castellanos (20)

INT 1010 08-4.pdf
INT 1010 08-4.pdfINT 1010 08-4.pdf
INT 1010 08-4.pdf
 
INT 1010 08-3.pdf
INT 1010 08-3.pdfINT 1010 08-3.pdf
INT 1010 08-3.pdf
 
INT 1010 08-1.pdf
INT 1010 08-1.pdfINT 1010 08-1.pdf
INT 1010 08-1.pdf
 
INT 1010 04-2.pdf
INT 1010 04-2.pdfINT 1010 04-2.pdf
INT 1010 04-2.pdf
 
INT 1010 04-3.pdf
INT 1010 04-3.pdfINT 1010 04-3.pdf
INT 1010 04-3.pdf
 
INT 1010 04-1.pdf
INT 1010 04-1.pdfINT 1010 04-1.pdf
INT 1010 04-1.pdf
 
INT 1010 04-4.pdf
INT 1010 04-4.pdfINT 1010 04-4.pdf
INT 1010 04-4.pdf
 
INT 1010 04-5.pdf
INT 1010 04-5.pdfINT 1010 04-5.pdf
INT 1010 04-5.pdf
 
INT 1010 03.pdf
INT 1010 03.pdfINT 1010 03.pdf
INT 1010 03.pdf
 
INT 1010 02.pdf
INT 1010 02.pdfINT 1010 02.pdf
INT 1010 02.pdf
 
INT 1010 01.pdf
INT 1010 01.pdfINT 1010 01.pdf
INT 1010 01.pdf
 
INT 1010 10-1.pdf
INT 1010 10-1.pdfINT 1010 10-1.pdf
INT 1010 10-1.pdf
 
INT 1010 10-3.pdf
INT 1010 10-3.pdfINT 1010 10-3.pdf
INT 1010 10-3.pdf
 
INT 1010 10-2.pdf
INT 1010 10-2.pdfINT 1010 10-2.pdf
INT 1010 10-2.pdf
 
INT 1010 09-1.pdf
INT 1010 09-1.pdfINT 1010 09-1.pdf
INT 1010 09-1.pdf
 
INT 1010 09-2.pdf
INT 1010 09-2.pdfINT 1010 09-2.pdf
INT 1010 09-2.pdf
 
INT 1010 08-2.pdf
INT 1010 08-2.pdfINT 1010 08-2.pdf
INT 1010 08-2.pdf
 
INT 1010 07-4.pdf
INT 1010 07-4.pdfINT 1010 07-4.pdf
INT 1010 07-4.pdf
 
INT 1010 07-3.pdf
INT 1010 07-3.pdfINT 1010 07-3.pdf
INT 1010 07-3.pdf
 
INT 1010 07-1.pdf
INT 1010 07-1.pdfINT 1010 07-1.pdf
INT 1010 07-1.pdf
 

Último

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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 

Último (10)

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
 
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...
 
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)
 
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
 
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
 
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
 
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
 
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
 
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
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 

Etiquetas en Html

  • 1. Etiquetas en HTML Elaborado por Luis Castellanos. Junio 2014.
  • 2. Generalidades • Los archivos HTML son sólo texto (Ascii plano). • Contienen el texto del documento. • Contienen etiquetas que indican cuál es la estructura del documento, los vínculos internos y externos, y la inclusión de gráficos y multimedios. • La relación entre texto y etiquetas es generalmente la siguiente: <etiqueta> texto afectado </etiqueta> 2Etiquetas en HTML
  • 3. Generalidades • La mayor parte de las veces no es necesario trabajar directamente en el archivo HTML. • Gran parte de los utilitarios y navegadores incluyen la posibilidad de editar documentos HTML en la modalidad ``WYSWYG''. • También existen convertidores de formatos tradicionales a HTML. 3Etiquetas en HTML
  • 4. Generalidades • El formato y la disposición del archivo no influyen en el resultado. Todos los siguientes fragmentos de entrada producirán el mismo fragmento de salida: 4Etiquetas en HTML El navegador ignora líneas y espacios en blanco en el archivo. El navegador ignora líneas y espacios en blanco en el archivo. El navegador ignora líneas y espacios en blanco en el archivo. El navegador ignora líneas y espacios en blanco en el archivo.
  • 5. Formato de las Etiquetas • Las etiquetas tienen una palabra de apertura y una palabra de cierre, de acuerdo al atributo que se quiere dar a las distintas partes del documento que se va a generar, las cuales se insertan dentro de las etiquetas. 5Etiquetas en HTML Etiqueta Funcióno finalidad <HTML> </HTML> Comienzo y fin del documento HTML. <HEAD> </HEAD> Encabezado del documento. Contiene información de la descripción del documento <TITLE> </TITLE> Título que figura en la barra del navegador. <BODY> </BODY> Comienzo y fin del contenido de la página <B> </B> El texto demarcado en negritas. &aacute; a minúscula con tilde (se usan secuencias similares para otros caracteres especiales).
  • 6. Etiquetas más comunes 6Etiquetas en HTML Etiqueta Salida El <B>texto</B> en negritas. El texto en negritas. El <I>texto</I> en it&aacute;licas. El texto en itálicas. El <TT>texto</TT> en formato teletipo. El texto en formato teletipo. 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 ... 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. Utilizar la direcci&oacute;n de e-mail <ADDRESS> claudio@acm.org </ADDRESS> para contactarme. Utilizar la dirección de e- mail pedroperez@gmail.com para contactarme. Formato de Textos
  • 7. Etiquetas más comunes 7Etiquetas en HTML Etiqueta Salida <H1>Encabezado H1<H1> Encabezado H1 <H2>Encabezado H2<H2> Encabezado H2 <H3>Encabezado H3<H3> Encabezado H3 <H4>Encabezado H4<H4> Encabezado H4 <H5>Encabezado H5<H5> Encabezado H5 Encabeza- mientos
  • 8. Etiquetas más comunes 8Etiquetas en HTML Etiqueta Salida Fin de la parte anterior. <HR> Nueva parte. Fin de la parte anterior. Nueva parte. Solo 40% de ancho. <HR WIDTH=40%> Nueva parte. Solo 40% de ancho. Nueva parte. Alto del ruler = 10. <HR SIZE=10> Nueva parte. Alto del ruler = 10. Nueva parte. Inserción de líneas