SlideShare una empresa de Scribd logo
1 de 17
Xochitl Andrea Flores Morales
Grupo 608
Ta. Samanta Villalobos
ETIQUETAS DE XHTML
<EM> Y <STRONG>
Descripción de <em>:
marca un texto indicando que su importancia es mayor que la del
resto del texto.
Descripción de < strong >:
indica que un determinado texto es de la mayor importancia dentro
de la página
EJEMPLO DE <EM> Y <STRONG>
<html>
<head>
<title>Ejemplo de etiqueta em y strong</title> </head>
<body>
<p>El lenguaje HTML permite marcar algunos segmentos de texto como <em>muy
importantes</em> y otros segmentos como <strong>los más importantes</strong>.</p>
</body>
</html>
POR DEFECTO, LOS NAVEGADORES MUESTRAN LOS ELEMENTOS <EM>
EN CURSIVA PARA HACER EVIDENTE SU IMPORTANCIA Y MUESTRAN
LOS ELEMENTOS <STRONG> EN NEGRITA, PARA INDICAR QUE SON
LOS MÁS IMPORTANTES:
<INS>
<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.
<ACRONYM>
<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>
<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>
EJEMPLO:
& 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.

Más contenido relacionado

La actualidad más candente (6)

Listas
ListasListas
Listas
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Etiquetashtml
EtiquetashtmlEtiquetashtml
Etiquetashtml
 
Html 2
Html 2Html 2
Html 2
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Tags en html
Tags en htmlTags en html
Tags en html
 

Destacado (15)

Carreras orientación
 Carreras orientación Carreras orientación
Carreras orientación
 
Power point orientación
Power point orientaciónPower point orientación
Power point orientación
 
Los sistemas de navegación
Los sistemas de navegaciónLos sistemas de navegación
Los sistemas de navegación
 
Carreras de Orientación. ESO
Carreras de Orientación. ESOCarreras de Orientación. ESO
Carreras de Orientación. ESO
 
Romanian students
Romanian studentsRomanian students
Romanian students
 
Box model
Box modelBox model
Box model
 
SISTEMAS DENAVEGACIÓN PORSATÉLITE. ESPACIO
SISTEMAS DENAVEGACIÓN PORSATÉLITE. ESPACIOSISTEMAS DENAVEGACIÓN PORSATÉLITE. ESPACIO
SISTEMAS DENAVEGACIÓN PORSATÉLITE. ESPACIO
 
Apuntes eso c.orientación
Apuntes eso c.orientaciónApuntes eso c.orientación
Apuntes eso c.orientación
 
Rimaxxxix.docx
Rimaxxxix.docxRimaxxxix.docx
Rimaxxxix.docx
 
Internet
InternetInternet
Internet
 
Bpm
BpmBpm
Bpm
 
La orientación
La orientaciónLa orientación
La orientación
 
Puntos cardinales
Puntos cardinalesPuntos cardinales
Puntos cardinales
 
Puntos Cardinales
Puntos CardinalesPuntos Cardinales
Puntos Cardinales
 
Deporte de Orientación
Deporte de OrientaciónDeporte de Orientación
Deporte de Orientación
 

Similar a Etiquetas de xhtml ñ.ñ (20)

Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
Html
HtmlHtml
Html
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Html
HtmlHtml
Html
 
Deber vero
Deber veroDeber vero
Deber vero
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Comandos Básicos html.docx
Comandos Básicos html.docxComandos Básicos html.docx
Comandos Básicos html.docx
 
Introducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formadosIntroducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formados
 
XHTML
XHTMLXHTML
XHTML
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Segunda Clase de xhtml
Segunda Clase de xhtmlSegunda Clase de xhtml
Segunda Clase de xhtml
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
 
Tema02 html
Tema02 htmlTema02 html
Tema02 html
 

Más de Xoch Flores

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en webXoch Flores
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascriptXoch Flores
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje cssXoch Flores
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónXoch Flores
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarXoch Flores
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación webXoch Flores
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtmlXoch Flores
 

Más de Xoch Flores (9)

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporación
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitar
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación web
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtml
 

Etiquetas de xhtml ñ.ñ

  • 1. Xochitl Andrea Flores Morales Grupo 608 Ta. Samanta Villalobos ETIQUETAS DE XHTML
  • 2. <EM> Y <STRONG> Descripción de <em>: marca un texto indicando que su importancia es mayor que la del resto del texto. Descripción de < strong >: indica que un determinado texto es de la mayor importancia dentro de la página
  • 3. EJEMPLO DE <EM> Y <STRONG> <html> <head> <title>Ejemplo de etiqueta em y strong</title> </head> <body> <p>El lenguaje HTML permite marcar algunos segmentos de texto como <em>muy importantes</em> y otros segmentos como <strong>los más importantes</strong>.</p> </body> </html>
  • 4. POR DEFECTO, LOS NAVEGADORES MUESTRAN LOS ELEMENTOS <EM> EN CURSIVA PARA HACER EVIDENTE SU IMPORTANCIA Y MUESTRAN LOS ELEMENTOS <STRONG> EN NEGRITA, PARA INDICAR QUE SON LOS MÁS IMPORTANTES:
  • 6. <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
  • 7. <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.
  • 8. <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.
  • 9. <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.
  • 10. <abbr> ejemplo Una abreviatura está marcado como sigue: El <abbr title title="World Salud Organization"> OMS </ abbr> fue fundada en 1948.
  • 12. <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>
  • 13. <DFN>
  • 14. <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>
  • 17. & 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.