Bobuu

miércoles, 22 de abril de 2009

66.- HTML - Introducción a Lista

Mucho hemos visto ya sobre HTML, y mucho nos queda por ver aún.
Ya sabemos muchas cosas en cuanto a colores, tamaños y fuentes, pero hoy veremos como dar formato a listas, algo muy útil, para ordenar la información en nuestra Web.
El formato de listas nos permite entre sus posibilidades, anidar una lista dentro de otra y cambiar la viñeta indicativa, lo que nos permitirá utilizar números con distintos formatos o pequeños iconos.
Podemos obtener tres tipos de listas, las que utilizan una pequeña viñeta, las numeradas y las listas de definiciones.
Como decíamos antes las etiquetas pueden ser anidadas, pero debemos ser rigurosos y estrictos para mantener su estructura.
Las listas deben tener al menos un elemento. A continuación algunos ejemplos de listas, en los próximos post, explicaremos como poder hacer esto.
Ejemplo de lista numerada - números ganadores:

12578
31567
25698

Ejemplo de lista no ordenada:

Hacer las compras
Revisar los e_mails
Visitar clientes
Tomar un café

Ejemplo listas descriptivas.
Algunas webs:

https://www.bobuu.blogspot.com: Blog con información sobre programación web y noticias curiosas

isp: un isp es un proveedor de servicios de internet

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

Temas anteriores * http://bobuu.blogspot.com
65.- HTML - Anidado correcto de etiquetas
64.- HTML - Atributo - ID
63.- HTML - atributos del lenguaje - dir
mas ... acceder al índice de temas ...

** Gracias por vuestra colaboración.
** Todos los comentarios serán contestados.

martes, 21 de abril de 2009

Curiosidades literarias

Es común encontrar algunos gazapos en los libros, ya que es muy difícil concebir una obra literaria, sin cometer ningún error, sin por ello desmerecer la obra.

He encontrado un sitio donde comentan algunas de estas curiosidades.

Entre las curiosidades esta que Robinson Crusoe, después de desnudarse para ir a buscar restos al barco encallado en la costa, guarda en sus bolsillos lo que encuentra.

O que en El Quijote, cenan dos veces la misma noche, o que Sancho saca dinero del monedero que había perdido, entre otras.

link: Papel en Blanco

Temas anteriores del curso HTML *
65.- HTML - Anidado correcto de etiquetas
64.- HTML - Atributo - ID
63.- HTML - atributos del lenguaje - dir
mas ... acceder al índice de temas ...
** Agradecemos visitéis nuestros Sponsors.
** Gracias por vuestra colaboración.
** Todos los comentarios serán contestados.

lunes, 20 de abril de 2009

65.- HTML - Anidado correcto de etiquetas

Debemos tener mucho cuidado cuando escribimos código, de no anidar incorrectamente las etiquetas.

Las etiquetas se pueden anidar, produciendo un efecto combinado sobre el contenido, pero se debe ser cuidadoso y seguir una estructura rigurosa y estricta.

Las etiquetas se deben cerrar siempre en orden contrario a como se abren. De no hacerlo así, indudablemente se verá afectado el efecto esperado sobre el contenido

En la imagen podéis ver como en el comentario de etiqueta mal anidadas, se ha cerrado la etiqueta antes que las demás que fueron abiertas antes.

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

Temas anteriores *
64.- HTML - Atributo - ID
63.- HTML - atributos del lenguaje - dir
62.- HTML - atributos del lenguaje - lang
mas ... acceder al índice de temas ...
** Agradecemos visitéis nuestros Sponsors.
** Gracias por vuestra colaboración.
** Todos los comentarios serán contestados.

domingo, 19 de abril de 2009

Radios on-line

He encontrado en Internet una emisora de música on-line, que para mi gusto es excelente, es diferente a todas las demás que he visto.

Te permite escuchar la música adecuada a vuestro humor en ese momento.

Además si te registras podrás ir marcando la música que mas te gusta para que el programa automáticamente y en función de tus gustos, emita la mejor música.

Realmente me ha gustado mucho, aunque esto parezca un anuncio publicitario, no lo es. Simplemente quería compartir con todos vosotros esta excelente manera de escuchar música al gusto de cada uno.

Espero os guste también a vosotros. Y si conocéis otras similares o mejores, dejad vuestros comentarios.

link: http://www.rockola.fm

Temas anteriores del curso HTML *
64.- HTML - Atributo - ID
63.- HTML - atributos del lenguaje - dir
62.- HTML - atributos del lenguaje - lang
mas ... acceder al índice de temas ...
** Agradecemos visitéis nuestros Sponsors.
** Gracias por vuestra colaboración.
** Todos los comentarios serán contestados.

sábado, 18 de abril de 2009

Virus - Falsos programas antivirus.

Hay que tener cuidado y especial atención con los falsos programas de limpieza o anti-virus.
Recientemente se esta distribuyendo una falsa herramienta de Trend Micro.

Esta falsa herramienta podría llegar por correo electrónico como un archivo adjunto enviado por el fabricante del software.
Ya este hecho debería llamar la atención ya que ningún fabricante serio enviaría una actualización en archivo adjunto.
En el caso de iClean20.exe, se utiliza el truco de liberar dos archivos, la verdadera herramienta y un troyano que abre una puerta trasera, para que el usuario no sospeche lo que realmente ocurre.
Como siempre la recomendación, es no abrir ningún archivo adjunto que no hemos solicitado, incluso cuando se conozca al remitente.
Por este Malvware por el momento no hay que preocuparse mucho, ya que solo se han detectado infecciones en china. Pero no esta demás prevenir, para otros casos.
via: vsantivirus
Temas anteriores *
64.- HTML - Atributo - ID
63.- HTML - atributos del lenguaje - dir
62.- HTML - atributos del lenguaje - lang
mas ... acceder al índice de temas ... ** Por favor, hacer click, en la publicidad de abajo.
** Gracias por vuestra colaboración.
** También se agradecen vuestros comentarios.

martes, 14 de abril de 2009

64.- HTML - Atributo - ID

Con ID podemos "etiquetar", o identificar de manera única un elemento del documento.

El nombre de un ID debe ser único en el documento, el nombre tampoco puede contener espacios, ya que seria interpretado como que se le asignan dos nombres.

Los nombres asignados a ID, deben empezar por una letra, mayúscula o minúscula. También se admiten guiones.

código : Renglón, identificado como primer-renglon
resultado: asigna un nombre o ID a un elemento del documento, para poder hacer referencia a él por ejemplo al aplicar una hoja de estilos (css).

Pasemos al Código de ejemplo: http://bobuu.blogspot.com

<html>
<head>
<title>Aplicación de ID</title>
<HTML>
</head>
<body>
 Renglón, identificado como primer-renglón
</body>
</html>

El ejemplo en el navegador:

Renglón, identificado como primer-renglón

Nota: Como veis, no hay resultados en la representación para el usuario, pero si hay una marca para el programador poder hacer referencia a ella.

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

Temas anteriores *
63.- HTML - atributos del lenguaje - dir
62.- HTML - atributos del lenguaje - lang
61.- HTML - color de fondo y color de texto - bgcolor
60.- HTML Estilos y efectos de fuentes - Color
59.- HTML - Estilos y efectos de fuentes subíndice
mas ... acceder al índice de temas ...
** Por favor, hacer click, en la publicidad de abajo.
Gracias por vuestra colaboración. **

sábado, 11 de abril de 2009

63.- HTML - atributos del lenguaje - dir

Hemos visto antes el atributo "lang", y ahora veremos el atributo "dir", que nos permite especificar la dirección del texto.

Los valores de dir pueden ser:

LTR (left-to-right) : de izquierda a derecha
RTL (right-to-left) : de derecha a izquierda

Este atributo es útil para idiomas que se escriben de derecha a izquierda como el hebreo. El atributo "lang" para el hebreo es lang="he".

código : <... lang="código idioma" dir="rtl">
resultado: selecciona una dirección del texto.

Pasemos al Código de ejemplo: http://bobuu.blogspot.com

<html>
<head>
 <title>Documento multilingue</title>
<HTML>
</head>
 <body>
 ...Interpretado como hebreo...
 ...Interpretado como hebreo de izq. a derecha...
 ...Interpretado como hebreo de derecha a izq....
</body>
</html>

El ejemplo en el navegador:

...Interpretado como hebreo...

...Interpretado como hebreo de izq. a derecha...

...Interpretado como hebreo de derecha a izq....

Nota: El atributo "dir" es obligatorio, pero no el "lang".

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

Podéis encontrar más información sobre este tema en: Foros del web

Temas anteriores *
62.- HTML - atributos del lenguaje - lang
61.- HTML - color de fondo y color de texto - bgcolor
60.- HTML Estilos y efectos de fuentes - Color
59.- HTML - Estilos y efectos de fuentes subíndice
58.- HTML - Estilos y efectos de fuentes superindice
mas ... acceder al índice de temas ...

jueves, 9 de abril de 2009

62.- HTML - atributos del lenguaje - lang

Utilizar un atributo que especifique el idioma base del valor de los atributos, es útil entre otras cosas para...

Controlar la presentación
Ayudar a los sintetizadores de voz
Ayudar a los buscadores
Ayudar a los verificadores de gramática y ortografía.
Ayudar a elegir a un agente de usuario, variaciones de un signo para tipografía de alta calidad

Con "lang" podemos especificar el valor del idioma base de los atributos y del texto.

código : <... lang="código idioma">
resultado: selecciona un idioma para el texto y los atributos.

Algunos de los valores de este atributo son los siguientes:

lang="en" es el código de idioma para inglés
lang="en-US" para la variación estadounidense del inglés
lang="es" para español
lang="fr" para francés
lang="de" para alemán
lang="it" para italiano
lang="ja" para japonés

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
<html>
<head>
 <title>Documento multilingue</title>
<HTML lang="en">
</head>
 <body>
 ...Interpretado como ingles...
 ...Interpretado como español...
 ...Interpretado de nuevo como ingles...
 ...Texto en ingles interrumpido por algo en alemán
 Aquí vuelve a empezar en ingles...
</body>
</html>

El ejemplo en el navegador:

...Interpretado como ingles...

...Interpretado como español...

...Interpretado de nuevo como ingles...

...Texto en ingles interrumpido por algo en alemán Aquí vuelve a empezar en ingles...

Nota:

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

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

miércoles, 8 de abril de 2009

61.- HTML - color de fondo y color de texto - bgcolor

Sigamos dando vida a nuestra web, esta vez veremos como asignar un color de fondo. Para esto utilizaremos el atributo "bgcolor".

La etiqueta <body> admite los atributos "bgcolor" y "text", con lo que podremos seleccionar para nuestra web, un color de fondo y un color de texto diferentes a los que nos asigna el sistema por defecto.

código : <body bgcolor="color" text="color">

resultado: muestra la página y el texto con los colores seleccionados.

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

<html>
<head>
 <title>Fuente - Colores</title>
</head>
 <body bgcolor="green" text="yellow">
 Se muestra Texto color amarillo sobre 
 fondo de la página color verde.
</body
</html>

El ejemplo en el navegador:

Nota: también podéis asignar los colores como vimos en el post anterior en formato rgb. (60.- HTML Estilos y efectos de fuentes - Color)

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

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

martes, 7 de abril de 2009

60.- HTML - Estilos y efectos de fuentes - Color

Vamos a alegrar nuestra web, o resaltar nuestros textos con colores.

Para indicar el color de un texto se utiliza la propiedad "font" con el atributo "color".

código : Rojo
resultado: muestra el texto entre las etiquetas en color rojo.

Hay dos formas de indicar el valor de la propiedad color, la primer en sus valores RGB (red, green, blue) rojo, verde, azul, es decir que combinando estos valores se obtienen los diferentes colores, o con sus nombres en ingles.

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

<html>
<head>
 <title>Fuente - Colores</title>
</head>
<body>
 Negro 
 Plata 
 Gris 
 Blanco <- Blanco 
 Marron 
 Rojo 
 Purpura 
 Fucsia 
 Verde 
 Verde lima 
 Verde Oliva 
 Amarillo 
 Azul Marino 
 Azul 
 Azul Verdoso 
 Celeste 
</body>
</html>

El ejemplo en el navegador:

Negro
Plata
Gris
Blanco <- Blanco
Marron
Rojo
Purpura
Fucsia
Verde
Verde lima
Verde Oliva
Amarillo
Azul Marino
Azul
Azul Verdoso
Celeste

y ahora el mismo ejemplo pero dándole a los atributos de color su valor en ingles, su representación en el explorador es la misma que para los valores RGB de antes.

<html>
<head>
 <title>Fuente - Colores</title>
</head>
<body>
 Negro 
 Plata 
 Gris 
 Blanco <- Blanco 
 Marron 
 Rojo 
 Purpura 
 Fucsia 
 Verde 
 Verde lima 
 Verde Oliva 
 Amarillo 
 Azul Marino 
 Azul 
 Azul Verdoso 
 Celeste 
</body>
</html>

Nota: Se aconseja utilizar estos colores que son los que la mayoría de los navegadores incluyen en su paleta de colores, aunque se pueden hacer cientos de variedades utilizando las combinaciones rgb, no todos los colores obtenidos se encuentran en las paletas de colores de los navegadores con lo que no se obtendrían los resultados deseados.

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

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

lunes, 6 de abril de 2009

59.- HTML - Estilos y efectos de fuentes subíndice

Como vimos la opción "sup" muestra en formato superindice, pues bien hoy vemos la opción que se utiliza para mostrar un texto en formato subindice (fuente pequeña debajo de la linea de texto).

código : Texto 
resultado: muestra el texto entre las etiquetas en formato grande.

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 formato subindice</title>
</head>
<body>
 Este es un texto normal 
 Este es un texto en subindice 
 Aqui un texto normal subindice para ver la diferencia
 
 Otro ejemplo, la formula del agua: H2O
 </body>
</html>

El ejemplo en el navegador:

Este es un texto normal
_{Este es un texto en subindice}
Aqui un texto normal _subindice para ver la diferencia
Otro ejemplo, la formula del agua: H₂O

Nota:

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

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

http://bobuu.blogspot.com

jueves, 2 de abril de 2009

58.- HTML - Estilos y efectos de fuentes superindice

La opción se utiliza para mostrar un texto en formato superindice.

código : Texto 
resultado: muestra el texto entre las etiquetas en formato grande.

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 formato superindice</title>
</head>
<body>
 Este es un texto normal 
 Este es un texto en superindice 
 Aqui un texto normal superindice para ver la diferencia
 
 </body>
</html>

El ejemplo en el navegador:

Este es un texto normal
^{Este es un texto en superindice}
Aqui un texto normal ^superindice para ver la diferencia

Nota:

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

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

miércoles, 1 de abril de 2009

57.- HTML - Estilos y efectos de fuentes pequeño

La opción se utiliza para mostrar un texto en formato pequeño.

código : Texto 
resultado: muestra el texto entre las etiquetas en formato grande.

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 formato pequeño</title>
</head>
<body>
 Este es un texto normal 
 Este es un texto pequeño
 
 </body>
</html>

El ejemplo en el navegador:

Este es un texto normal
Este es un texto pequeño

Nota:

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

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

Temas anteriores *
56.- HTML - Estilos y efectos de fuentes <big><big> grande.
55.- HTML - Estilos y efectos de fuentes italica o cursiva
54.- HMTL - Estilos y efectos de fuentes <tt> </tt> teletipo
53.- HTML - Estilos y efectos de fuentes <s></s> tachado
52.- HTML - Estilos y efectos de fuentes <strike><strike/> tachado.
51.- HTML - Estilos y efectos de fuentes subrayado.
50.- HTML - Estilos y efectos de fuentes negrita
49.- HTML - Estructuración de Texto - Fuente <basefont>
48.- HTML - Estructuración de Texto - Fuente 
47.- HTML - Estructuración de Texto - Colores

jueves, 26 de marzo de 2009

56.- HTML - Estilos y efectos de fuentes <big><big> grande.

La opción <big> se utiliza para mostrar un texto en formato grande.

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

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 formato grande</title>
</head>
<body>
 Este es un texto normal 
 <big>Este es un texto grande</big>
 
 </body>
</html>

El ejemplo en el navegador:

Este es un texto normal
Este es un texto grande

Nota:

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

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

Temas anteriores *
55.- HTML - Estilos y efectos de fuentes italica o cursiva
54.- HMTL - Estilos y efectos de fuentes <tt> </tt> teletipo
53.- HTML - Estilos y efectos de fuentes <s></s> tachado
52.- HTML - Estilos y efectos de fuentes <strike><strike/> tachado.
51.- HTML - Estilos y efectos de fuentes subrayado.
50.- HTML - Estilos y efectos de fuentes negrita
49.- HTML - Estructuración de Texto - Fuente <basefont>
48.- HTML - Estructuración de Texto - Fuente 
47.- HTML - Estructuración de Texto - Colores 
46.- HTML - Tamaño de la fuente

martes, 24 de marzo de 2009

55.- HTML - Estilos y efectos de fuentes italica o cursiva

La opción se utiliza para mostrar un texto en formato itálica o cursiva.

código : Texto 
resultado: muestra el texto entre las etiquetas en formato cursiva.

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 italica o cursiva</title>
</head>
<body>
 Este es un texto normal 
 Este es un texto italica o cursiva
 
 </body>
</html>

El ejemplo en el navegador:

Este es un texto normal
Este es un texto italica o cursiva

Nota:

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

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

Temas anteriores *
54.- HMTL - Estilos y efectos de fuentes <tt> </tt> teletipo
53.- HTML - Estilos y efectos de fuentes <s></s> tachado
52.- HTML - Estilos y efectos de fuentes <strike><strike/> tachado.
51.- HTML - Estilos y efectos de fuentes subrayado.
50.- HTML - Estilos y efectos de fuentes negrita
49.- HTML - Estructuración de Texto - Fuente <basefont>
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>

lunes, 23 de marzo de 2009

54.- HMTL - Estilos y efectos de fuentes <tt> </tt> teletipo

La opción <tt> para mostrar un texto en formato teletipo o máquina de escribir.

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

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 Teletipo o máquina de escribir</title>
</head>
<body>
 Este es un texto normal 
 <tt>Este es un texto Teletipo</tt>
 
 </body>
</html>

El ejemplo en el navegador:

Este es un texto normal
Este es un texto Teletipo

Nota:

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

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

Temas anteriores *
53.- HTML - Estilos y efectos de fuentes <s></s> tachado
52.- HTML - Estilos y efectos de fuentes <strike><strike/> tachado.
51.- HTML - Estilos y efectos de fuentes subrayado.
50.- HTML - Estilos y efectos de fuentes negrita
49.- HTML - Estructuración de Texto - Fuente <basefont>
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 <></>

sábado, 14 de marzo de 2009

Nuevo botón de suscripción

Ahora suscribirse a las noticias de nuestro blog es mucho mas fácil, hemos arreglado con Wikio, (el primer agregador europeo, con más de 30 000 sitios y blogs hispanófonos indexados), agregar a nuestro sitio un botón de suscripciones universal RSS.

El botón lo encontraras en el panel derecho

En este botón te permite abonarte al feed con el lector RSS de tu elección. Al hacer click en el botón veras la siguiente imagen donde podrás seleccionar el RSS que más te guste.

Pruebalo y verás que simple es, podrás estar informado cada vez que un nuevo tema sea publicado, sin tener que visitar el sitio.

sábado, 28 de febrero de 2009

53.- HTML - Estilos y efectos de fuentes <s></s> tachado

Tenemos otra opción a <strike> para mostrar un texto tachado y es <s>.

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

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 Tachado</title>
</head>
<body>
 Este es un texto normal 
 <s>Este es un texto Tachado</s>
 
 Y este texto tiene una palabra <s>tachada</s> intercalada
</body>
</html>

El ejemplo en el navegador:

Este es un texto normal
~~Este es un texto Tachado~~
Y este texto tiene una palabra ~~tachada~~ intercalada

Nota:

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

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

Temas anteriores *
52.- HTML - Estilos y efectos de fuentes <strike><strike/> tachado.
51.- HTML - Estilos y efectos de fuentes subrayado.
50.- HTML - Estilos y efectos de fuentes negrita
49.- HTML - Estructuración de Texto - Fuente <basefont>
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>

jueves, 26 de febrero de 2009

52.- HTML - Estilos y efectos de fuentes <strike><strike/> tachado.

Siguiendo con las opciones que tenemos para darle estilo y efectos a nuestro texto.

Hoy concretamente aprenderemos a marcar como "tachado" un texto, para esto utilizamos la etiqueta <strike></strike>.

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

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(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 Tachado</title>
</head>
<body>
 Este es un texto normal 
 <strike>Este es un texto Tachado</strike>
 
 Y este texto tiene una palabra <strike>tachada</strike> intercalada
</body>
</html>

El ejemplo en el navegador:

Este es un texto normal
~~Este es un texto Tachado~~
Y este texto tiene una palabra ~~tachada~~ intercalada

Nota:

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

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

Temas anteriores *
51.- HTML - Estilos y efectos de fuentes subrayado.
50.- HTML - Estilos y efectos de fuentes negrita
49.- HTML - Estructuración de Texto - Fuente <basefont>
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>

miércoles, 25 de febrero de 2009

51.- HTML - Estilos y efectos de fuentes subrayado.

Siguiendo con las opciones que tenemos para darle estilo y efectos a nuestro texto.

Hoy concretamente aprenderemos a marcar en "subrayado" un texto, para esto utilizamos la etiqueta (en ingles "underlined").

código : Texto 
resultado: muestra el texto entre las etiquetas en subrayado.

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 Subrayado</title>
</head>
<body>
 Este es un texto normal 
 Este es un texto subrayado
 
 Y este texto tiene una palabra subrayada intercalada
</body>
</html>

El ejemplo en el navegador:

Este es un texto normal
Este es un texto subrayado
Y este texto tiene una palabra subrayada intercalada

Nota:

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

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

Temas anteriores *
50.- HTML - Estilos y efectos de fuentes negrita
49.- HTML - Estructuración de Texto - Fuente <basefont>
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>