Elementos – (6 Modularización)

Elemento <l></l>

El elemento que se trata a continuación se utiliza para insertar en el documento texto que pertenezca al listado del código fuente de 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 en pantalla el listado del código fuente de un programa, este elemento es muy similar al elemento code. 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 <l> – 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>
<p>el codigo fuente del programa seria el siguiente:</p>
<l>int main(int argc, char *argv[])</l><br/>
<l>{</l><br/>
<l>Printf(“Hola Mundo”);</l><br/>
<l>}</l><br/>
</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 <l> (line code) :

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

Elemento <var></var>

El elemento que se trata a continuación se utiliza para insertar en el documento texto que pertenezca al listado del código fuente de un programa, script, etc. y refleje una variable o argumento de un programa. 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 en pantalla una variable utilizada en el código fuente de un programa, este elemento es muy similar al elemento code. 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 <var> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Mi Primer programa en C </h2>
<p>Teclee a continuacion el siguiente<br/>
programa en su compilador..</p>
<kbd>
int main(int argc,char *argv[])<br/>
{<br/>
int <var>precio</var>=0;<br/>
int <var>cantidad</var>=0;<br/>
<br/>
printf(“Teclee precio…: “);<br/>
scanf(” %d”,<var>&precio</var>);<br/>
printf(“Teclee cantidad…: “);<br/>
scanf(” %d”,<var>&cantidad</var>);<br/>
printf(“el total es … %d”,<var>precio</var>*<var>cantidad</var>);<br/>
</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 <var> (variable) :

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

Elemento <sub></sub>

El elemento que se trata a continuación se utiliza para insertar en el documento texto con apariencia de subíndice que se utiliza frecuentemente en expresiones matemáticas. La salida que produce en el navegador este elemento es con un tipo de fuente mas pequeña que la normal y el texto situado por debajo de la línea base del texto normal. En la mayoría de ocasiones este elemento se utiliza para insertar texto en paginas dedicadas a matemáticas y que requieran expresar un subíndice en una formula. 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 <sub> – www.aprendoencasa.com</title>
</head>
<body>
<h2>SubIndices</h2>
<p><strong>Uso en matematicas</strong></p>
Sumar todo x<sub>i</sub><br/>
x<sub>1</sub> + x<sub>2</sub> + … + x<sub>n</sub>.
<p><strong>Usado en quimica</strong></p>
SO<sub>3</sub> + H<sub>2</sub>O -> H<sub>2</sub>SO<sub>4</sub>
<p><strong>Fracciones:</strong></p>
<sup>2</sup>/<sub>3</sub>
</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 <sub> (subíndice) :

Elemento
<sub> … </sub>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Permite insertar texto con un formato de subíndice, para destacar normalmente el texto perteneciente a un subíndice en una formula matemática, química, etc.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

Elemento <sup></sup>

El elemento que se trata a continuación se utiliza para insertar en el documento texto con apariencia de superíndice que se utiliza frecuentemente en expresiones matemáticas. La salida que produce en el navegador este elemento es con un tipo de fuente mas pequeña que la normal y el texto situado por encima de la línea base del texto normal. En la mayoría de ocasiones este elemento se utiliza para insertar texto en paginas dedicadas a matemáticas y que requieran expresar un superíndice en una formula. 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 <sup> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Superindices</h2>
<p><strong>Notaciones</strong></p>
A<sup>T</sup>
<p><strong>Ecuaciones</strong></p>
x<sup>n</sup> + y<sup>n</sup> = z<sup>n</sup>.
<p><strong>Expresiones</strong></p>
a<sup>b<sup>c</sup></sup> a<sup>(b<sup>c</sup>)</sup>.
<p><strong>Parrafos</strong></p>
Este es un ejemplo de texto en parrafo
que contiene expresiones realizadas <br/>
con superindices como m<sup>2</sup> y e<sup>x</sup>.
Esto afecta a la apariencia visual del parrafo forzando
al navegador a utilizar diferentes anchos de linea. sobre todo
cuando se utilizan superindices como el siguiente (f(a))<sup>e<sup>x<sup>2y</sup></sup></sup>.
<p><strong>Ejemplos no matematicos</strong></p>
La primera palabra que escribo es 1<sup>e.</sup>.<br/>
Aprendoencasa<sup>(TM)</sup> is a trademark of Nacho, Inc.<br/>
En frances, la palabra “mademoiselle” es abreviada M<sup>lle</sup>.
</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 <sup> (superíndice) :

Elemento
<sup> … </sup>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Permite insertar texto con un formato de superíndice, para destacar normalmente el texto perteneciente a un superíndice en una formula matemática, química, etc.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

1 Comentario

  1. Anónimo

    Excellent site. It was pleasant to me.

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