Elementos – (Modularización)

Elemento <em></em>

Este elemento permite establecer un resalte en el texto denominado énfasis, básicamente muestra el texto con letra cursiva. Aunque es un atributo importante ya que realiza un realce del texto que es considerado por muchos buscadores como textos con una importancia relativamente alta. Para especificar un texto con énfasis se ha de abrir en primer lugar la etiqueta con <em>, a continuación escribir el texto que se quiere realzar y por ultimo cerrar la etiqueta con </em>. A continuación se muestra un ejemplo utilizando la etiqueta de énfasis. Se ha de tener en cuenta que según la especificación de xhtml con la que se este trabajando los módulos pueden tener ciertas diferencias en las etiquetas que contienen.


<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica Realce – www.aprendoencasa.com</title>
</head>
<body>
<p>Esta práctica permite escribir un documento con tres párrafos, este es el primer párrafo del documento. </p>
<p>A continuación escribimos el <em>segundo párrafo</em> del documento en el cual se ha incluido el realce de texto</p>
<p>un saludo desde <em>Aprendoencasa.com</em> y como se puede observar este parrafo tambien incluye realce</p>
</body>
</html>

Después de guardar el ejemplo anterior y que se visualice con un navegador debería mostrarse lo mas parecida posible a la siguiente imagen:

clip_image002

El realce del texto con esta etiqueta muestra que la misma es un elemento de línea, con lo cual no se producen saltos en los párrafos al finalizar las etiquetas. A continuación se muestran las características del elemento <em> (énfasis) :

Elemento
<em> … </em>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Realiza un realce del texto que engloba entre la etiqueta de inicio y final. La apariencia del realce en este caso es similar a utilizar letra cursiva.

Elemento <strong></strong>

El siguiente elemento permite establecer al igual que el anterior un realce del texto sobre el cual actual la etiqueta. El efecto sobre el texto es como aplicar letra negrita al texto resaltado, también es considerado un atributo importante ya que sirve para determinar la importancia de un texto sobre otro. Para especificar un texto con este tipo de resalte se ha de abrir la etiqueta <strong> , a continuación se escribe el texto a resaltar y por ultimo se cierra la etiqueta </strong>. A continuación se muestra un ejemplo utilizando esta nueva etiqueta y las anteriores:


<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para Strong – www.aprendoencasa.com</title>
</head>
<body>
<p>En esta practica se va a <em>resaltar</em> diferentes partes del cuerpo del documento. Utilizando etiquetas <em>antiguas</em> y <strong>nuevas</strong> </p>
<p> Tambien se pueden utilizan combinaciones de resalte con las <em><strong>etiquetas</strong> estudiadas </em>, como se puede observar aquí. </p>
<p>un saludo desde <em><strong>Aprendoencasa.com</strong></em> y como se puede observar este parrafo tambien incluye realce de texto con etiquetas combinadas</p>
</body>
</html>

Una vez guardado el ejemplo anterior y tras abrirlo con un navegador, se ha de mostrar una imagen similar a la siguiente:

clip_image004


El realce del texto con esta etiqueta muestra que la misma es un elemento de línea, con lo cual no se producen saltos en los párrafos al finalizar las etiquetas. A continuación se muestran las características del elemento <strong> (fuerte) :

Elemento
<strong> … </strong>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Realiza un realce del texto que engloba entre la etiqueta de inicio y final. La apariencia del realce en este caso es similar a utilizar letra negrita.

Ejercicios a realizar


A continuación se propone un ejercicio, en el que se tendrán que utilizar las etiquetas comentadas hasta ahora.

clip_image006

A continuación se detalla la solución del ejercicio:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para Strong – www.aprendoencasa.com</title> </head>
<body>
<h1>13 Leyes de oro</h1>
<p>Texto extraido de www.minid.net<p>
<p>Aquellos que estan decididos pero no saben como entrar en el mundo XHTML ,este articulo quizas les aclare algunas cosas. El gran paso al mundo XHTML es simple:
<strong><em>LAS REGLAS</em></strong></p>
<p>En todo lenguaje se encuentras reglas basicas. <em>XHTML</em> no es un lenguaje distinto a <strong>HTML</strong>, para nada, solo tiene unas reglas basicas que lo hacen <em>especial</em> . Esas reglas permiten crear paginas validas.</p>
<p>Que una pagina sea <strong>valida</strong> no asegura que sea <em>buena</em> o que <em> solucione todos los problemas</em>.</p>
<p>XHTML tiene unas reglas muy basicas. A continuacion se citan paso a paso las reglas del lenguaje</p>
<h2>Regla 1</h2>
<h3>Todos los documentos XHTML necesitan especificarse con un DTD</h3>
<h4>Regla 2</h4>
<h5>El elemento raiz de cada documento debe serla etiqueta html</h5>
<h2>Regla 3</h2>
<h6>Los documentos deben ser gramaticalmente correctos</h6> <p>Existen mas leyes pero no queremos que el ejercicio sea tan largo…</p>
</body>
</html>

Etiquetas de Technorati: ,,,,

Enviar comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies