Ejemplo de etiquetas

Etiqueta strong

• La etiqueta strong• De las dos etiquetas es la que concede mayor importancia al

texto contenido en ella.• Con frecuencia es confundida con la etiqueta b, que

aparentemente conduce al mismo resultado (y escribiendo menos): tipografía en negrita.

• La etiqueta strong es un estado lógico, y b es un estado físico. El estado lógico separa la presentación del contenido, por ello la presentación dependerá del navegador (strong suele representarse en negrita) o de la hoja de estilo CSS. Utilizando b no se da énfasis al texto, sino que se especifica que ese texto va en negrita: es un elemento de presentación visual.

Ejemplo de uso

• .negrita { font-weight:bold; }

Etiqueta em

• La etiqueta em• Da menor énfasis que la etiqueta strong. Los

navegadores suelen representar el texto que contiene en cursiva.

• En la etiqueta em también hay lugar a la confusión, esta vez con la etiqueta i, que sirve para delimitar texto en cursiva, siendo, igual que la etiqueta b, un elemento de presentación.

• Para conseguir texto en cursiva también se debe recurrir a las hojas de estilo:

Etiqueta em

• En este párrafo hay texto con poco énfasis, texto con bastante énfasis, texto en cursiva y texto en negrita.

• Codigo"...de acuerdo a la ley <del>17481</del> <ins>17487</ins> del Código Penal"

Etiqueta del

• Definición• La etiqueta <del> se utiliza para marcar

secciones de un texto que han sido borradas.

Ejemplo de etiqueta del

"...de acuerdo a la ley <del>17481</del> 17487 del Código Penal"

Resultado"...de acuerdo a la ley 17481 17487 del Código Penal"

Etiqueta blockquote

• La etiqueta <blockquote> se utiliza para designar una cita de texto larga(en forma de bloque).Generalmente los navegadores insertan espacios en blanco antes y después de cada cita.

Uso de etiqueta blockquote

• Cita de "El Principito" de Antoine de Saint-Exupéry:<blockquote>Las personas mayores nunca son capaces de comprender las cosas por sí mismas, y es muy aburrido para los niños tener que darles una y otra vez explicaciones.</blockquote>

Uso de etiqueta pre

• La etiqueta <pre> le indica a los navegadores que se trata de un texto preformateado.Los textos preformateados tienen las siguientes características:

• Se representan con un tipo de fuente de ancho fijo.

• Respetan los saltos de línea. • Respetan los espacios en blanco.

Ejmplo de <pre>

• <pre> Si les decimos a las personas mayores:"He visto una casa preciosa de ladrillo rosa, con geranios en las ventanas y palomas en el tejado",jamás llegarán a imaginarse cómo es esa casa. Es preciso decirles: "He visto una casa que vale cien mil francos". Entonces exclaman entusiasmados: "¡Oh, qué preciosa es!"</pre>

Etiqueta Code

• La etiqueta <code> se utiliza generalmente para definir códigos de computadora.

Usode <code>

• <code><html><head></head><body>...</body></html></code>

Etiquetas abbr

• La etiqueta <abbr> permite indicar abreviaturas tales como:

• WWW • HTTP • etc. • URL • Puede utilizarce el atributo title para detallar la

forma expandida de la expresión.

Etiqueta abbr ejemplo

• <abbr title="Hipetext Transfer Protocol">HTTP</abbr>

Etiqueta acronym

• La etiqueta <acronym> permite señalar al autor un acrónimo o sigla que se lee como una palabra.El contenido de esta, es la expresión abreviada que aparecerá en el texto.Algunos ejemplos podrían ser:

• Radar • Sida • Laser • UNESCO • Puede utilizarse el atributo title para detallar la forma expandida

de la expresión.

Ejemplo de acronym

• <acronym title="Síndrome de inmuno deficiencia adquirida">Sida</acronym>

Etiqueta dfn

• La etiqueta <dfn> se usa para definir un término o palabra determinada.

Etiqueta dfn ejemplo

• <dfn>HTML</dfn> Lenguaje de Formato de Documentos para Hipertexto

Etiqueta 

• La etiqueta se utiliza para crear un salto de línea.

Etiqueta br ejemplo

• Este texto tiene varios saltos de línea para ver su funcio namiento.

Uso de etiqueta cite

• La etiqueta <cite> contiene una cita o referecia a otro lugar.

Etiqueta cite ejemplo

• Para mayor información sobre el tema recurra al <cite>Diccionario de la lengua española</cite>.

Etiuqeta &nbsp

• La solución al problema de los espacios en blanco no es tan sencilla como el de las nuevas líneas. Para incluir espacios en blanco adicionales, se debe sustituir cada nuevo espacio en blanco por el texto (es importante incluir el símbolo & al principio y el símbolo ; al final).

• Así, el código HTML del ejemplo anterior se debe rehacer para incluir los espacios en blanco

Ejemplode uso de un &nbsp

• <html> <head> <title>Ejemplo de entidad </title> </head> <body> Este primer párrafo no contiene saltos de línea ni otro tipo de espaciado. Este segundo párrafo sí que contiene saltos de línea y otro tipo de espaciado. </body> </html>

Ejemplo de etiquetas

Technology

Transcript of Ejemplo de etiquetas