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.