Negrita, cursiva y subrayado

Anuncio
Negrita, cursiva y subrayado
Comenzamos por estas tres etiquetas porque son, probablemente, las
mas sencillas y utiles.
La etiqueta para poner un texto en negrita se llama "b" (del ingles "bold").
A continuacion podeis ver el codigo y el texto que resultaria al utilizarlo.
<b> texto en negrita </b>
texto en negrita
Para que nuestro texto este en cursiva utilizaremos "i" (del ingles "italic").
Y por supuesto aqui teneis el codigo y un ejemplo.
<i> texto en cursiva </i>
texto en cursiva
Finalmente para subrayar se utiliza "u" (del ingles "underline").
<u> texto surbrayado </u>
texto subrayado
Recordad que estas etiquetas se pueden aplicar tanto a una parte del
texto (por ejemplo, a una letra) como al texto completo y que pueden anidarse (es decir,
utilizar varias
al mismo tiempo).
Para que lo veais un poquito mas claro, aqui teneis un ejemplo completo.
<i>Un soneto me manda hacer
<b><u>Violante</u></b>, que en mi vida me he
visto en tanto aprieto</i> (...)
Tamaño del texto
Para cambiar el tamaño del texto utilizaremos un atributo de la etiqueta "font" llamado
"size".
A este atributo se le pasa un valor numerico que va desde 0 a 7. Y cuanto mayor sea ese
valor, mayor sera el tamaño de la letra.
<font size="3"> texto de tamaño 3 </font>
texto de tamaño 3
Un detalle interesante: cuando tenemos varios atributos distintos de
la misma etiqueta no hace falta que abramos dicha etiqueta dos veces.
Podemos poner todos esos atributos en una sola.
Y, claro, que no falte un ejemplo.
<font color="#FF33CC" size="5"> letra grande y en color </font>
Colores
El color es un atributo de la etiqueta "font".
Esto quiere decir
que es en cierta manera una caracteristica que se puede poner en la
etiqueta (pero que en la misma etiqueta se podrian especificar otrar
caracteristicas o atributos).
Se utiliza del modo siguiente:
<font color="color"> texto en color </font>
Es importante que sepais que si quereis utilizar un color bastante
comun (rojo, azul, etc.) basta con poner su nombre en ingles, pero si
quereis utilizar algun otro tono mas concreto necesitareis un codigo
que posiblemente podreis encontrar entre los que encontrareis en la
informacion adicional.
De cualquier modo aqui teneis un ejemplo de como seria en el caso de un color comun.
<font color="red"> texto coloradito como una manzanita </font>
texto coloradito como una manzanita
Y por supuesto insistir en que podeis "mezclar" etiquetas distintas,
siempre que recordeis que se cierra primero la ultima en ser abierta.
<font color="green"> pero si esta manzanita esta <b>verde</b> ... </font>
Enlaces
Ahora empieza lo realmente util.
La etiqueta para los enlaces es "a" (de "anchor") y utilizaremos un
atributo llamado "href" (no, Shreck no :D) para indicarle cual es la
direccion de la pagina que queremos que abra.
El codigo general es el siguiente:
<a href="enlace"> texto </a>
El texto puede ser el que tu quieras, y si, puede llevar formato de color, tamaño, etc.
Recordad que los enlaces suelen empezar por "http://" ya que si los poneis empezando
por "www." no funciona.
Seguro que no extrañara a nadie que vaya a poner un ejemplo, ¿no?
<a href="http://www.google.es"><font color="green">Google</font></a>
Imágenes
Es una etiqueta especial, ya que no necesita otra de cierre. Todo se hace en la primera y
única etiqueta. Como son imagenes, solo necesitamos la dirección de la imagen que se
incluye con src=""
<img src="/cpsadrw/la_voz_menuda/blogs/nirea" />
Tabla con un resumen de las etiquetas mas comunes. Haz click aquí.
INSERTAR OTRAS PAGINAS EN LA
NUESTRA
En el 3º Ciclo, he insertado un programa de sudokus, que realmente es una página
independiente, no nuestra. ¿Cómo? Gracias a una etiqueta HTML llamada "iframe"
El código es este:
<iframe src="http://www.sudoku.nom.es/sudoku.html" width="380" height="560"
marginwidth="0" marginheight="0" frameborder="0"></iframe>
En el vemos que abrimos la etiqueta iframe ( <iframe>). Dentro de ellos existen una
serie de atributos, de los cuales el mas importante es la dirección de la página en
cuestión (Se incluye en src="") Los demás números especifican el ancho, el alto, el
margen horizontal, el margen vertical y el grosor del borde. Para finalizar se escribe
</iframe> como en las demás etiquetas.
Descargar