Ejemplo de etiquetas
-
Upload
juan-carlos-medrano -
Category
Technology
-
view
180 -
download
2
Transcript of Ejemplo de etiquetas
![Page 1: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/1.jpg)
Ejemplo de etiquetas
![Page 2: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/2.jpg)
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.
![Page 3: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/3.jpg)
Ejemplo de uso
• .negrita { font-weight:bold; }
![Page 4: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/4.jpg)
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:
![Page 5: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/5.jpg)
Etiqueta em
• <p> En este párrafo hay texto con <em>poco énfasis</em>, texto con <strong>bastante énfasis</strong>, texto <span class="cursiva">en cursiva</span> y texto <span class="negrita">en negrita</span>. </p>
![Page 6: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/6.jpg)
• Codigo"...de acuerdo a la ley <del>17481</del> <ins>17487</ins> del Código Penal"
![Page 7: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/7.jpg)
Etiqueta del
• Definición• La etiqueta <del> se utiliza para marcar
secciones de un texto que han sido borradas.
![Page 8: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/8.jpg)
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"
![Page 9: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/9.jpg)
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.
![Page 10: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/10.jpg)
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>
![Page 11: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/11.jpg)
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.
![Page 12: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/12.jpg)
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>
![Page 13: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/13.jpg)
Etiqueta Code
• La etiqueta <code> se utiliza generalmente para definir códigos de computadora.
![Page 14: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/14.jpg)
Usode <code>
• <code><html><head></head><body>...</body></html></code>
![Page 15: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/15.jpg)
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.
![Page 16: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/16.jpg)
Etiqueta abbr ejemplo
• <abbr title="Hipetext Transfer Protocol">HTTP</abbr>
![Page 17: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/17.jpg)
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.
![Page 18: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/18.jpg)
Ejemplo de acronym
• <acronym title="Síndrome de inmuno deficiencia adquirida">Sida</acronym>
![Page 19: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/19.jpg)
Etiqueta dfn
• La etiqueta <dfn> se usa para definir un término o palabra determinada.
![Page 20: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/20.jpg)
Etiqueta dfn ejemplo
• <dfn>HTML</dfn> Lenguaje de Formato de Documentos para Hipertexto
![Page 21: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/21.jpg)
Etiqueta <br>
• La etiqueta <br> se utiliza para crear un salto de línea.
![Page 22: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/22.jpg)
Etiqueta br ejemplo
• Este texto tiene <br>varios saltos de línea<br> para ver su funcio<br>namiento.
![Page 23: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/23.jpg)
Uso de etiqueta cite
• La etiqueta <cite> contiene una cita o referecia a otro lugar.
![Page 24: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/24.jpg)
Etiqueta cite ejemplo
• Para mayor información sobre el tema recurra al <cite>Diccionario de la lengua española</cite>.
![Page 25: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/25.jpg)
Etiuqeta  
• 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
![Page 26: Ejemplo de etiquetas](https://reader034.fdocuments.ec/reader034/viewer/2022042510/55845115d8b42a5b0a8b4b78/html5/thumbnails/26.jpg)
Ejemplode uso de un  
• <html> <head> <title>Ejemplo de entidad </title> </head> <body> <p>Este primer párrafo no contiene saltos de línea ni otro tipo de espaciado.</p> <p>Este segundo párrafo sí que contiene saltos <br/> de <br/> línea <br/> y otro tipo de espaciado.</p> </body> </html>