Bobuu

domingo, 22 de febrero de 2009

50.- HTML - Estilos y efectos de fuentes negrita

En este post comenzamos con con las opciones que tenemos para darle estilo y efectos a nuestro texto.

Hoy concretamente aprenderemos a marcar en "negrita" un texto, para esto utilizamos la etiqueta .

código : Texto </>
resultado: muestra el texto entre las etiquetas en negrita.

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Fuente en negrita-</title>
</head>
<body>
 Este es un texto normal 
 Este es un texto en negrita
 
 Y este texto tiene una palabra en negrita intercalada
</body>
</html>

El ejemplo en el navegador:

Este es un texto normal
Este es un texto en negrita
Y este texto tiene una palabra en negrita intercalada.

Nota:

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: HTML en castellano

sábado, 21 de febrero de 2009

49.- HTML - Estructuración de Texto - Fuente <basefont>

Con "basefont" podemos establecer el tamaño base de la fuente utilizando la etiqueta "size".

Los cambios de tamaño de fuente producidos con "font" son relativos al tamaño establecido con "basefont". No tiene etiqueta de cierre con lo que a partir del uso de esta todo el texto a continuación pasara al nuevo tamaño.

En caso de no utilizarse "basefont", el tamaño de la fuente es el establecido en el atributo.

código : <basefont size="número" />
resultado: permite mostrar el texto con diferentes fuentes.

En el ejemplo tenéis algunos de los aspectos posibles, podéis probar con otros.

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

Ejemplo de texto en fuente Verdana, de color azul y tamaño 3

Ahora utilizaremos: basefont size=6
Y entonces el Texto desde este punto esta en tamaño 6.

Nota: Actualmente este elemento esta en desuso, a cambio se utilizan las hojas de estilo que ya veremos más adelante.

En I. Explorer 7 se ve bien, pero con Chrome no es reconocido.

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Webmasters Lycos

Temas anteriores *
48.- HTML - Estructuración de Texto - Fuente 
47.- HTML - Estructuración de Texto - Colores 
46.- HTML - Tamaño de la fuente 
45.- Elementos de Estructuración de Texto <del></del>
44.- Elementos de estructuracion de Texto <></>
43.- Elementos de Estructuración de Texto <q></q>
42.- Elementos de Estructuración de Texto <blockquote></blockquote>
41.- Elementos de estructuración de Texto <address></address>
40.- Elementos de estructuración de Texto <acronym></acronym>
39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"

miércoles, 11 de febrero de 2009

48.- HTML - Estructuración de Texto - Fuente

Ahora veremos como determinar el tipo de fuente a utilizar. Lo haremos con el mismo elemento pero en este caso utilizamos el atributo face

código : 
resultado: permite mostrar el texto con diferentes fuentes.

En el ejemplo tenéis algunos de los aspectos posibles, podéis probar con otros.

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Texto - Tipos de Fuente - aspecto</title>
</head>
<body>
 Fuente con aspecto Verdana 
 Fuente con aspecto Arial 
 Fuente con aspecto Times New Roman 
 Fuente con aspecto Courier 
 Fuente con aspecto Comic Sans MS
 </body>
</html>

El código anterior se vería así en el navegador:

Fuente con aspecto Verdana
Fuente con aspecto Arial
Fuente con aspecto Times New Roman
Fuente con aspecto Courier
Fuente con aspecto Comic Sans MS

Nota: Dado que el ordenador del que mira la web puede que no disponga del tipo de fuente seleccionado, se le mostrará la fuente por defecto, para evitar esto, podemos dar varias opciones de fuente, agregándolas separadas por comas, por ejemplo "arial, verdana, courier", en este caso si no es posible mostrar el texto en arial, intentara mostrarlo en verdana, y si no es posible en courier.

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Superhosting

Temas anteriores *
47.- HTML - Estructuración de Texto - Colores 
46.- HTML - Tamaño de la fuente 
45.- Elementos de Estructuración de Texto <del></del>
44.- Elementos de estructuracion de Texto <></>
43.- Elementos de Estructuración de Texto <q></q>
42.- Elementos de Estructuración de Texto <blockquote></blockquote>
41.- Elementos de estructuración de Texto <address></address>
40.- Elementos de estructuración de Texto <acronym></acronym>
39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"
38.- Elementos de Estructuración de Texto "<cite></cite>"

sábado, 7 de febrero de 2009

47.- HTML - Estructuración de Texto - Colores

En el post anterior hemos visto como cambiar el tamaño al text, hoy veremos como darle color para que nuestra web sea mas bonita. Lo haremos con el mismo elemento pero con diferente atributo "color".

código : 
resultado: permite mostrar el texto en diferentes colores.

También es posible utilizar los valores sRGB para indicar el color.

En el ejemplo tenéis los colores.

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Texto - Colores de la fuente</title>
</head>
<body>
 Texto en color NEGRO atributo = black 
 Texto en color PLATEADO atributo = silver 
 Texto en color GRIS atributo = gray 
 Texto en color BLANCO (BLANCO) atributo = white 
 Texto en color MARRÓN atributo = maroon 
 Texto en color ROJO atributo = red 
 Texto en color PÚRPURA atributo = purple 
 Texto en color FUCSIA atributo = fuchsia 
 Texto en color VERDE atributo = green 
 Texto en color VERDE LIMA atributo = lime 
 Texto en color VERDE OLIVA atributo = olive 
 Texto en color AMARILLO atributo = yellow 
 Texto en color AZUL MARINO atributo = navy 
 Texto en color AZUL atributo = blue 
 Texto en color AZUL VERDOSO atributo = teal 
 Texto en color CELESTE atributo = aqua 
 </body>
</html>

El código anterior se vería así en el navegador:

Texto en color NEGRO atributo = black
Texto en color PLATEADO atributo = silver
Texto en color GRIS atributo = gray
Texto en color BLANCO (BLANCO) atributo = white
Texto en color MARRÓN atributo = maroon
Texto en color ROJO atributo = red
Texto en color PÚRPURA atributo = purple
Texto en color FUCSIA atributo = fuchsia
Texto en color VERDE atributo = green
Texto en color VERDE LIMA atributo = lime
Texto en color VERDE OLIVA atributo = olive
Texto en color AMARILLO atributo = yellow
Texto en color AZUL MARINO atributo = navy
Texto en color AZUL atributo = blue
Texto en color AZUL VERDOSO atributo = teal
Texto en color CELESTE atributo = aqua

Nota: Observad que en el ejemplo el color blanco no se ve porque utilizamos un fondo blanco, pero sobre un fondo oscuro queda muy bien.

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: conclase.net

Temas anteriores *
46.- HTML - Tamaño de la fuente 
45.- Elementos de Estructuración de Texto <del></del>
44.- Elementos de estructuracion de Texto <></>
43.- Elementos de Estructuración de Texto <q></q>
42.- Elementos de Estructuración de Texto <blockquote></blockquote>
41.- Elementos de estructuración de Texto <address></address>
40.- Elementos de estructuración de Texto <acronym></acronym>
39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"
38.- Elementos de Estructuración de Texto "<cite></cite>"
37.- Elementos de estructuración de Texto "<var></var>"

jueves, 5 de febrero de 2009

46.- HTML - Tamaño de la fuente

Otro elemento importante es el que nos permite cambiar el tamaño de la fuente, este elemento es el elemento .

código : 
resultado: permite entre otras cosas cambiar el tamaño de la fuente.

Como vereis necesita etiqueta de inicio y de cierre. pero además cuenta con algunos atributos. En este caso veremos el que nos permite cambiar el tamaño de la fuente "size".

Los valores posibles son un número entero entre 1 y 7. Por ejemplo el tamaño "2", significa dos tamaños mayor.

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Texto - Tamaños de la fuente</title>
</head>
<body>
 tamaño de fuente con size = 1 
 tamaño de fuente con size = 2 
 tamaño de fuente con size = 3 
 tamaño de fuente con size = 4 
 tamaño de fuente con size = 5 
 tamaño de fuente con size = 6 
 tamaño de fuente con size = 7 
 </body>
</html>

El código anterior se vería así en el navegador:

tamaño de fuente con size = 1
tamaño de fuente con size = 2
tamaño de fuente con size = 3
tamaño de fuente con size = 4
tamaño de fuente con size = 5
tamaño de fuente con size = 6
tamaño de fuente con size = 7

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador Mozilla Firefox
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Universidad de Murcia

miércoles, 4 de febrero de 2009

45.- Elementos de Estructuración de Texto <del></del>

Continuamos con los elementos de estructuración de texto en html, el último de esta serie, esta etiqueta es utilizada para textos borrados.

código : <del></del>
resultado: formato para escribir textos borrados

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <del>Formato utilizado para los textos borrados</del>
 
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
~~Formato utilizado para los textos borrados~~

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador I Explorer 7
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: conclase.net

martes, 3 de febrero de 2009

44.- Elementos de Estructuración de Texto <></>

Continuamos con los elementos de estructuración (ya faltan menos) de texto en html, la etiqueta en esta oportunidad es para textos insertados.

código : <ins></ins>
resultado: formato para escribir textos insertados

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <ins>Formato utilizado para los textos insertados</ins>
 
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Formato utilizado para los textos insertados

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador I Explorer 7
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Mozilla

lunes, 2 de febrero de 2009

43.- Elementos de Estructuración de Texto <q></q>

Continuamos con los elementos de estructuración (ya faltan menos) de texto en html, tenemos la etiqueta para citas cortas, a diferencia de "blockquote" no muestra sangría.

código : <q></q>
resultado: formato para escribir citas cortas

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <q>Formato utilizado para escribir citas cortas <q> </q>
 
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Formato utilizado para escribir citas cortas

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador I Explorer 7
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: wikibooks.org

domingo, 1 de febrero de 2009

42.- Elementos de Estructuración de Texto <blockquote></blockquote>

Continuamos con los elementos de estructuración (ya faltan menos) de texto en html, tenemos la etiqueta para citas largas, esto muestra un bloque de texto con sangria.

código : <blockquote></blockquote>
resultado: formato para escribir citas largas

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <blockquote>Formato utilizado para escribir
 citas largas con blockquote como un solo bloque 
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal

Formato utilizado para escribir citas largas con blockquote como un solo bloque

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador I. Explorer 7
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Conclase.net

viernes, 30 de enero de 2009

41.- Elementos de estructuración de Texto <address></address>

En este caso, y continuando con los elementos de estructuración de texto en html, tenemos la etiqueta para direcciones.

código : <address></address>
resultado: formato para escribir direcciones

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
<title>Estructuración de Texto</title>
</head>
<body>
Texto normal

<address>Formato utilizado para escribir direcciones con "address"</address> 
</body>
</html>

El código anterior se vería así en el navegador:

Texto normal

Formato utilizado para escribir direcciones con "address"

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador Chrome 1.0.
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Programación html

http://bobuu.blogspot.com

viernes, 23 de enero de 2009

40.- Elementos de estructuración de Texto <acronym></acronym>

Un nuevo elementos que nos ayudara a estructurar el texto. Ahora veremos que formato utilizar cuando utilizamos acrónimos.

código : <acronym></acronym>
resultado: formato para escribir acrónimos

Antes de poner el código de ejemplo, y para los que no lo sepan he aquí lo que es un acrónimo:

En lingüística moderna, un acrónimo (del grigo ἄκρος akros, 'extremo' y ὄνομα ónoma, 'nombre') puede ser una sigla que se lee como una palabra o un vocablo formado al unir parte de dos palabras. Este tipo de acrónimos funden dos elementos léxicos tomando, casi siempre, del primer elemento el inicio y del segundo el final. (fuente Wikipedia)

Ahora que sabemos lo que es un acrónimo pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <acronym>Formato utilizado para escribir acrónimos con "acronym"</acronym>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Formato utilizado para escribir acrónimos con "acronym"

Nota: Después de haber escrito este artículo y no antes, les digo, que en mi opinión este elemento solo sirve más qeu para ordenar nuestro código, ya que he probado el ejemplo en los siguientes exploradores todos con el mismo resultado ningún cambio en el formato.

iexplorer 7.0
google chrome 1.0
Mozilla Firefox 3.0
SeaMonkey 1.1

Si alguien ve en algún navegador un cambio en el formato del texto que lo diga.
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Otringal

Temas anteriores *
39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"
38.- Elementos de Estructuración de Texto "<cite></cite>"
37.- Elementos de estructuración de Texto "<var></var>"
36.- Elementos de estructuración de Texto "<kbd></kbd>
35.- Elementos de estructuración de Texto "<samp></samp>"
34.- Elementos de estructuración de Texto "<code></code>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
href="http://bobuu.blogspot.com">href="http://bobuu.blogspot.com">Sponsors:

jueves, 22 de enero de 2009

Firefox 3.0.5 - actualización

Ya se puede actualizar Firefox a la versión 3.0.5, puedes bajarlo en español para Windows de la siguiente dirección http://www.mozilla.com/en-US/.

Vía: Softhoy
Mas información: Mozilla

sábado, 17 de enero de 2009

39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"

Seguimos con los elementos que nos ayudaran a estructurar el texto. Ahora veremos que formato utilizar cuando utilizamos abreviaturas.

código : <abr></abr>
resultado: formato para escribir abreviaturas
código : <abbr></abbr>
resultado: formato para escribir abreviaturas con texto emergente

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <abr>Formato utilizado para escribir abreviaturas con "abr"</abr>
 
 <abbr title="Texto sin abreviar, texto largo">Abreviatura utilizando "abbr"</abbr>
 </body>
</html>
El código anterior se vería así en el navegador:
Texto normal
Formato utilizado para escribir abreviaturas con "abr"
Abreviatura utilizando "abbr"
Nota: he probado el código con iexplorer, gmail y mozilla, y en ninguno he visto un cambio de formato. Incluso aquí he aplicado el código sin cambios en su formato. En cuanto a "abbr", si podéis ver que al pasar el mouse (ratón) sobre el texto surge una etiqueta con el texto largo.
-----------------------------------------------------------
Podéis encontrar más información sobre este tema en: Línea de código
Temas anteriores *
38.- Elementos de Estructuración de Texto "<cite></cite>"
37.- Elementos de estructuración de Texto "<var></var>"
36.- Elementos de estructuración de Texto "<kbd></kbd>
35.- Elementos de estructuración de Texto "<samp></samp>" 34.- Elementos de estructuración de Texto "<code></code>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn> 29.- HTML - Elementos básicos - Espacios y líneas

lunes, 12 de enero de 2009

38.- Elementos de Estructuración de Texto "<cite></cite>"

Como se puede ver en este y los anteriores temas hay muchos elementos que nos ayudaran a estructurar el texto. Ahora veremos que formato utilizar cuando hacemos referencia a otra fuente.

código : <cite></cite>
resultado: formato para hacer referencia a otra fuente

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <cite>Formato utilizado para hacer referencia a otra fuente</cite>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Formato utilizado para hacer referencia a otra fuente

Nota: En el link de más abajo sobre donde encontrar más información, hemos aplicado este formato.
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Lycos

Temas anteriores *
37.- Elementos de estructuración de Texto "<var></var>"
36.- Elementos de estructuración de Texto "<kbd></kbd>
35.- Elementos de estructuración de Texto "<samp></samp>"
34.- Elementos de estructuración de Texto "<code></code>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos-

viernes, 9 de enero de 2009

37.- Elementos de Estructuración de Texto "<var></var>"

Como se puede ver en este y los anteriores temas hay muchos elementos que nos ayudaran a estructurar el texto. Ahora veremos como poner el texto en formato variables de un programa.

código : <var></var>
resultado: formato variables de un programa

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <var>Texto en formato variables</var>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Texto en formato variables

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Universidad de Murcia

Temas anteriores *
36.- Elementos de estructuracion de Texto "<var></var>"
35.- Elementos de estructuración de Texto "<kbd></kbd>
34.- Elementos de estructuracion de Texto "<samp></samp>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto

jueves, 8 de enero de 2009

36.- Elementos de Estructuración de Texto "<kbd></kbd>"

Seguimos con elementos que nos ayudaran a estructurar el texto. Ahora veremos como poner el texto en formato texto a introducir.

código : <kbd></kbd>
resultado: formato texto a introducir

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <kbd>Texto a introducir</kbd>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Texto a introducir

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: ABC Web

Temas anteriores *
35.- Elementos de estructuración de Texto "<kbd></kbd>
34.- Elementos de estructuracion de Texto "<samp></samp>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2

miércoles, 7 de enero de 2009

35.- Elementos de Estructuración de Texto "<samp></samp>"

Seguimos con elementos que nos ayudaran a estructurar el texto, Ahora veremos como poner el texto en formato ejemplo.

código : <samp></samp>
resultado: formato ejemplo

Código de ejemplo (samp, proviene del inglés sample=ejemplo):
He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas.

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <samp>texto en formato ejemplo</samp>
 </body>
</html>

Se vería así:

Texto normal
texto en formato ejemplo

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: monografias.com

Temas anteriores *
34.- Elementos de estructuracion de Texto "<samp></samp>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)

lunes, 5 de enero de 2009

34.- Elementos de Estructuración de Texto <code></code>

Continuando con los diferentes elementos que nos ayudaran a estructurar el texto, Ahora veremos como poner el texto en formato código.

código : <code></code>
resultado: formato código

Código de ejemplo (hemos aplicado el formato 'code' a este código de ejemplo):

<html>      
  <head>       
    <title>Estructuración de Texto</title>       
  </head>       
  <body>       
     Texto normal       
     <code>texto en formato código</code>       
  </body>       
</html>

Se vería así:
Texto normal texto en formato código
-----------------------------------------------------------
Podéis encontrar más información sobre este tema en: ATC
Temas anteriores *
33.- Elementos de estructuración de Texto "
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn> 29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html

sábado, 3 de enero de 2009

33.- Elementos de estructuración de Texto "<dfn></dfn>"

Continuando con los diferentes elementos que nos ayudaran a estructurar el texto, Ahora veremos como poner el texto en formato definición.

código : <dfn></dfn>
resultado: formato definición

Código de ejemplo:

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal
 <dfn>texto en formato definición</dfn>
</body>
</html>

Se vería así:

Texto normal texto en formato definición

Nota: he probado el código en Google Chrome y no muestra el texto en formato definición, en IE8 si funciona.

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: conclase.net

Temas anteriores *
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento

viernes, 2 de enero de 2009

32.- Elementos de estructuración de Texto ""

Continuamos en este y los siguientes post con los diferentes elementos, que nos ayudaran a estructurar el texto. En este caso veremos como enfatizar el texto o poner más fuerte.

código : 
resultado: mayor enfatizado

Para facilitar la diferencia en el ejemplo hemos incluido el elemento anterior "enfatizado" () para facilitar la comparación.

Código de ejemplo:

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal
 texto enfatizado
 texto mayor enfatizado
 </body>
</html>

Se vería así:

Texto normal texto enfatizado texto mayor enfatizado

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: vesc

Temas anteriores *
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento