SlideShare una empresa de Scribd logo
1 de 14
Etiquetas XHTML
Andrea Arellano González.
608
em énfasis Ctrl + i + e
strong
énfasis (mayor
que <em>)
Ctrl + i + s
ins texto insertado Ctrl + i + i
<pre>
El texto de un elemento de pre
se muestra en un ancho fijo
fuente, y conserva
ambos espacios y
los saltos de línea
</ pre>
<pre>
El texto de un elemento de pre
se muestra en un ancho fijo
fuente, y conserva
ambos espacios y
los saltos de línea
</ pre>
Consejo: Utilice el elemento <pre> al mostrar texto
con formato inusual, o algún tipo de código
informático.
Diferencias entre HTML 4.01 y HTML5
<code>
ejemplo
Dar formato al texto en un documento:
<code> Un pedazo de código informático </ code>
Definición y Uso de
La etiqueta es una etiqueta <code> frase. Define un
pedazo de código informático.
Consejo: Esta etiqueta no está en desuso, pero que es
posible lograr un efecto más rica con CSS.
<body>
ejemplo
Una sección en la que se cita de otra fuente:
<blockquote
cite="http://www.worldwildlife.org/who/index.html">
Durante 50 años, WWF ha protegido el futuro de la
naturaleza. Organización de conservación más importante
del mundo, WWF trabaja en 100 países y es apoyada por 1,2
millones de miembros en los Estados Unidos y cerca de 5
millones de dólares a nivel mundial.
</ blockquote>
Definición y Uso de
La etiqueta <blockquote> especifica una sección que se cita
de otra fuente.
Navegadores elementos <blockquote> generalmente guión.
<cite>
ejemplo
Definir el título de una obra con la etiqueta <cite>:
<p> <cite> The Scream </ cite> de Edward Munch.
Pintado en 1893. </ P>
Definición y Uso de
La etiqueta <cite> define el título de una obra (por
ejemplo, un libro, una canción, una película, un programa
de televisión, una pintura, una escultura, etc.)
Nota: El nombre de una persona no es el título de una
obra.
 <abbr>
ejemplo
Una abreviatura está marcado como sigue:
El <abbr title title="World Salud Organization">
OMS </ abbr> fue fundada en 1948.
Atributos
propios
•title = "texto" - Indica el significado completo de la
abreviatura
Tipo de
element
o
En línea
Descripc
ión
Se emplea para marcar las abreviaturas del texto y
proporcionar el significado de esas abreviaturas
 <acronym>
Atributos
comunes
básicos, internacionalización y eventos
Atributos
propios
•title = "texto" - Indica el significado completo del acrónimo o sigla
Tipo de
elemento
En línea
Descripció
n
Se emplea para marcar las siglas o acrónimos del texto y
proporcionar el significado de esas siglas
 <acronym>
html> <head> <title>Ejemplo de etiqueta
acronym</title> </head> <body> <p>El lenguaje
<acronym title="HyperText Markup
Language">HTML</acronym> es estandarizado por
el <acronym title="World Wide Web
Consortium">W3C</acronym>.</p>
</body> </html>
 <dfn>
Atributos
comunes
básicos, internacionalización y eventos
Atributos
propios
•title = "texto" - Indica el significado completo del término
Tipo de
elemento
En línea
Descripció
n
Se emplea para marcar las definiciones de ciertos términos y
proporcionar el significado de esos términos
 <dfn>
<p>Con estos síntomas, podría tratarse de un caso de
<dfn title="Imagen o sensación subjetiva, propia de un
sentido, determinada por otra sensación que afecta a un
sentido diferente">sinestesia</dfn></p>
<br>
Salto de línea
Ejemplo:
<html>
<head>
</head>
<body>
<p>Hola</p>
<br>
<br>
<p>Me llamo Andrea</p>
<br>
</body>
</html>
 & nbsp
En HTML se utiliza principalmente para forzar
espacios en blanco entre palabras que no
se pueden separar, por ejemplo “hola
mundo”, en código HTML podría ser
“hola&nbsp;mundo” y tan anchos, que
esto no se parte.
 Ejemplo:

Más contenido relacionado

Similar a Etiquetas+xhtml

Html-CSS
Html-CSSHtml-CSS
Html-CSS
morsi95
 

Similar a Etiquetas+xhtml (20)

Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
05introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp0205introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp02
 
Doctypehtml
DoctypehtmlDoctypehtml
Doctypehtml
 
Manual intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdfGUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
 
HTML
HTMLHTML
HTML
 
Html-CSS
Html-CSSHtml-CSS
Html-CSS
 
Html
HtmlHtml
Html
 
Guia html
Guia htmlGuia html
Guia html
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
HTML
HTMLHTML
HTML
 
Una Página WEB
Una Página WEBUna Página WEB
Una Página WEB
 
Etiquetas basicas de html
Etiquetas basicas de htmlEtiquetas basicas de html
Etiquetas basicas de html
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Tatiana
TatianaTatiana
Tatiana
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
Definiciones
DefinicionesDefiniciones
Definiciones
 

Más de Andrea Arellano

Más de Andrea Arellano (6)

Unidad 2 2.2
Unidad 2 2.2Unidad 2 2.2
Unidad 2 2.2
 
Unidad 2 2.1
Unidad 2 2.1Unidad 2 2.1
Unidad 2 2.1
 
Box model
Box modelBox model
Box model
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
 
Diferentes lenguajes de programación para diseño web
Diferentes lenguajes de programación para diseño webDiferentes lenguajes de programación para diseño web
Diferentes lenguajes de programación para diseño web
 
Samanta2
Samanta2Samanta2
Samanta2
 

Último

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 

Último (20)

Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Linea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxLinea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 

Etiquetas+xhtml

  • 2. em énfasis Ctrl + i + e strong énfasis (mayor que <em>) Ctrl + i + s ins texto insertado Ctrl + i + i <pre> El texto de un elemento de pre se muestra en un ancho fijo fuente, y conserva ambos espacios y los saltos de línea </ pre>
  • 3. <pre> El texto de un elemento de pre se muestra en un ancho fijo fuente, y conserva ambos espacios y los saltos de línea </ pre> Consejo: Utilice el elemento <pre> al mostrar texto con formato inusual, o algún tipo de código informático. Diferencias entre HTML 4.01 y HTML5
  • 4. <code> ejemplo Dar formato al texto en un documento: <code> Un pedazo de código informático </ code> Definición y Uso de La etiqueta es una etiqueta <code> frase. Define un pedazo de código informático. Consejo: Esta etiqueta no está en desuso, pero que es posible lograr un efecto más rica con CSS.
  • 5. <body> ejemplo Una sección en la que se cita de otra fuente: <blockquote cite="http://www.worldwildlife.org/who/index.html"> Durante 50 años, WWF ha protegido el futuro de la naturaleza. Organización de conservación más importante del mundo, WWF trabaja en 100 países y es apoyada por 1,2 millones de miembros en los Estados Unidos y cerca de 5 millones de dólares a nivel mundial. </ blockquote> Definición y Uso de La etiqueta <blockquote> especifica una sección que se cita de otra fuente. Navegadores elementos <blockquote> generalmente guión.
  • 6. <cite> ejemplo Definir el título de una obra con la etiqueta <cite>: <p> <cite> The Scream </ cite> de Edward Munch. Pintado en 1893. </ P> Definición y Uso de La etiqueta <cite> define el título de una obra (por ejemplo, un libro, una canción, una película, un programa de televisión, una pintura, una escultura, etc.) Nota: El nombre de una persona no es el título de una obra.
  • 7.  <abbr> ejemplo Una abreviatura está marcado como sigue: El <abbr title title="World Salud Organization"> OMS </ abbr> fue fundada en 1948. Atributos propios •title = "texto" - Indica el significado completo de la abreviatura Tipo de element o En línea Descripc ión Se emplea para marcar las abreviaturas del texto y proporcionar el significado de esas abreviaturas
  • 8.  <acronym> Atributos comunes básicos, internacionalización y eventos Atributos propios •title = "texto" - Indica el significado completo del acrónimo o sigla Tipo de elemento En línea Descripció n Se emplea para marcar las siglas o acrónimos del texto y proporcionar el significado de esas siglas
  • 9.  <acronym> html> <head> <title>Ejemplo de etiqueta acronym</title> </head> <body> <p>El lenguaje <acronym title="HyperText Markup Language">HTML</acronym> es estandarizado por el <acronym title="World Wide Web Consortium">W3C</acronym>.</p> </body> </html>
  • 10.  <dfn> Atributos comunes básicos, internacionalización y eventos Atributos propios •title = "texto" - Indica el significado completo del término Tipo de elemento En línea Descripció n Se emplea para marcar las definiciones de ciertos términos y proporcionar el significado de esos términos
  • 11.  <dfn> <p>Con estos síntomas, podría tratarse de un caso de <dfn title="Imagen o sensación subjetiva, propia de un sentido, determinada por otra sensación que afecta a un sentido diferente">sinestesia</dfn></p>
  • 13.  & nbsp En HTML se utiliza principalmente para forzar espacios en blanco entre palabras que no se pueden separar, por ejemplo “hola mundo”, en código HTML podría ser “hola&nbsp;mundo” y tan anchos, que esto no se parte.