Elementos – (5 Modularización)

Elemento <code></code>

Este elemento permite insertar en el documento texto con un formato de ancho fijo, pero a diferencia del elemento anterior en el cual se respetaban los saltos de línea y espacios en blanco que se insertaban en el texto, este elemento no los respeta. En la mayoría de ocasiones este elemento se utiliza para insertar texto en paginas dedicadas a la programación y de esta forma resaltar lo que es el código fuente de un programa del resto del texto de la pagina web. A continuación se muestra un ejemplo de utilización de este elemento:

<!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 <code> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Mi Primer programa en C </h2>
<p>El siguiente programa muestra el tipico ejemplo Hola Mundo con el lenguaje de programacion C</p>
<br/>
<code>int main(int argc, char *argv[])<br/>
{<br/>
Printf(“Hola Mundo”);<br/>
}<br/>
</code>
</body>
</html>

clip_image002

La etiqueta corresponde a 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 <code> (código) :

Elemento
<code> … </code>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar texto con un formato de código y ancho fijo, para destacar normalmente el texto perteneciente al código fuente de un programa.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

[ad]

Elemento <kbd></kbd>

Este elemento permite insertar en el documento un texto que resalte sobre el resto, normalmente se utiliza para expresar al usuario que es el texto que debe de teclear. El siguiente ejemplo muestra la utilización del mismo:

<!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 <kbd> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Mi Primer programa en C </h2>
<p>El siguiente programa muestra el tipico ejemplo Hola Mundo con el lenguaje de programacion C</p>
<br/>
<code>int main(int argc, char *argv[])<br/>
{<br/>
Printf(“Hola Mundo”);<br/>
}<br/>
</code>
<p>Una vez compilado el programa y generado el archive ejecutable correpondiente, deberia de teclear lo siguiente para ejecutarlo:</p>
<code>C:\></code><kbd>Miprograma</kdb><br/>
<kbd>Y a continuacion pulse Intro</kbd>
</body>
</html>

clip_image004


La etiqueta corresponde a 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 <kbd> (keyboard) :

Elemento
<kbd> … </kbd>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar texto con un formato para destacar normalmente el texto que el usuario debería de teclear.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

[ad]

Elemento <q></q>

Este elemento permite insertar un texto entrecomillado con comillas dobles (quotes) en el documento, para resaltarlo sobre otro tipo de texto. La etiqueta tiene un atributo concreto denominado cite, que sirve para proporcionar una uri (dirección de Internet que tiene relación con el texto entrecomillado). El siguiente ejemplo muestra una pagina en la cual se han incluido varias frases entrecomilladas:

<!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 <q> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Frases</h2>
<q cite=”http://www.aprendoencasa.com”>Aprender en casa es mas
comodo de lo que uno piensa</q
>
<p>Antes tenía seis teorías sobre el modo de educar a los niños. Ahora tengo seis hijos y ninguna teoría.</p>
<q cite=”http://www.aprendoencasa.com”>Lord Rochesterd</q>
<p>El inteligente no es aquel que lo sabe todo <br/>
sino aquel que sabe utilizar lo poco que sabe.</p>
<q cite=”http://www.aprendoencasa.com”>Saavedra</q>
</body>
</html>

clip_image006


La etiqueta corresponde a 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 <q> (quotes) :

Elemento
<q> … </q>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Cite=”referenciaURL”
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar texto entrecomillado para destacar el texto. Tiene un atributo que permite especificar una dirección de referencia para el texto insertado.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

[ad]

Elemento <samp></samp>

El elemento que se trata a continuación se utiliza para insertar en el documento texto que pertenezca a la salida generada por un programa, script, etc. La salida que produce en el navegador este elemento es con un tipo de fuente de ancho fijo. En la mayoría de ocasiones este elemento se utiliza para insertar texto en paginas dedicadas a la programación y de esta forma resaltar el resultado en pantalla de un programa. A continuación se muestra un ejemplo de utilización de este elemento:

<!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 <samp> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Mi Primer programa en C </h2>
<p>El siguiente programa muestra el tipico ejemplo Hola Mundo con el lenguaje de programacion C</p>
<br/>
<code>int main(int argc, char *argv[])<br/>
{<br/>
Printf(“Hola Mundo”);<br/>
}<br/>
</code>
<p>Una vez compilado el programa y generado el archive ejecutable correpondiente, deberia de teclear lo siguiente para ejecutarlo:</p>
<code>C:\></code><kbd>Miprograma</kdb><br/>
<kbd>Y a continuacion pulse Intro</kbd>
<p>Una vez ejecutado el programa la salida correspondiente al mismo seria la siguiente:</p>
<samp>Hola Mundo</samp> df
</body>
</html>

clip_image008


La etiqueta corresponde a 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 <samp> (sample) :

Elemento
<samp> … </samp>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar texto con un formato de ejemplo y ancho fijo, para destacar normalmente el texto perteneciente a la salida producida por un programa.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

[ad#enlaces1]

[ad#privalia468x60]

3 Comentarios

  1. denis

    un ejemplo de modularizacion

  2. admin

    Hola, y gracias por visitar esta pagina, la modularización es un concepto del lenguaje xhtml, con dicho concepto se intenta hacer distinciones entre las etiquetas y la orientación de las misma, es decir se intenta separar por categorías las etiquetas para que sea mas fácil su compresión y estudio. De esta forma se separan las etiquetas por utilidad en modulas y de ahí el nombre de “modularización”. Espero haberte ayudado.

  3. admin

    Hola, y gracias por visitar esta pagina, la modularización es un concepto del lenguaje xhtml, con dicho concepto se intenta hacer distinciones entre las etiquetas y la orientación de las misma, es decir se intenta separar por categorías las etiquetas para que sea mas fácil su compresión y estudio. De esta forma se separan las etiquetas por utilidad en modulas y de ahí el nombre de “modularización”. Espero haberte ayudado.

Enviar comentario

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

Uso de cookies

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