html by beatriz illescas

Ejejejej TRABAJO DE HTML El HTML, es el lenguaje con el que se escriben las p�ginas web. Podemos decir por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las p�ginas webs al usuario, siendo hoy en d�a la interfase m�s extendida en la red. Nos permite aglutinar textos, sonidos e im�genes y combinarlos a nuestro gusto y la introducci�n de referencias a otras p�ginas por medio de los enlaces hipertexto. Se cre� en un principio con objetivos divulgativos. Algunos de los problemas que ha acompa�ado al HTML es la diversidad de navegadores presentes en el mercado los cuales no son capaces de interpretar un mismo c�digo de una manera unificada. Para programar en HTML necesitamos un editor de textos. Es recomendable usar el �blog de notas� que viene con windows, u otro editor de textos sencillo. -Podemos poner en pr�ctica este lenguaje en determinados ejercicios observando paso a paso como se hace: Ejercicio n�mero 1 <html> <head> </title>clase de inform�tica</title> </head> <body> Bienvenido, Est�s en la p�gina clase de inform�tica. En clase de inform�tica aprender�s cosas nuevas. </body> </html> Ahora se guarda este archivo con extensi�n .html o .htm en el disco duro y qeda as�:

Ejercicio n�mero 2 Se trata de repetir el Ejercicio n� 1 eliminado la etiqueta <title>.

<html> <head> <title>clase de inform�tica</title> </head> <body> Bienvenido, Est�s en la p�gina clase de inform�tica. En clase de inform�tica aprender�s cosas nuevas. </body> </html> <html> <head> clase de inform�tica </head> <body> Bienvenido, Est�s en la p�gina clase de inform�tica. En clase de inform�tica aprender�s cosas nuevas. </body> </html> Se diferencian en que cuando el tema de lo que se habla se pone en el ejercicio dos se quita en el ejercicio uno. Ejercicio n�mero 3 Construir una p�gina que tenga, por este orden: -2 P�rrafos centrados -3 P�rrafos alineados a la derecha -Un salto de l�nea triple -1 p�rrafo alineado a la izquierda

clase de inform�tica clase de inform�tica actividades para hacer el coche es rojo el coche es rojo la casa es bonita TEXTO: -Testo alineado a la izquierda: Texto alineado a la izquierda -Texto alineado al centro: Texto alineado al centro -Texto alineado a la derecha: Texto alineado a la derecha

SALTO: <div align="right"> Parrafo1 Parrafo2 Parrafo3 </div> Ejercicio n�mero 4 Construir una p�gina web que contenga todos los encabezados posibles con distintas alineaciones. <html><body> <h1>la casa es bonita</h1> <h2>la casa est� encantada</h2> <h3>la casa es vieja</h3> <h4>la casa nueva</h4> <h5>la casa es roja</h5> <h6>la casa es grande</h6> </html></body>

Ejercicio n�mero 5 Construir una p�gina web que contenga todos los elementos vistos. <html><body> 13CC3H4 esto est� subrayado y en negrita </html></body> Ejercicio n�mero 6 Realizar una p�gina que tenga las siguientes caracter�sticas: .. Un titular con encabezado de nivel 1 centrado y color verde oliva. .. Un segundo titular con encabezado de nivel 2 centrado, tambi�n de color verde oliva. .. Todo el texto de la p�gina deber� presentarse con una fuente distinta de la fuente por defecto. Por ejemplo "Comic Sans MS" o �Tahoma� y en caso de que �sta no est� en el sistema que se coloque la fuente "Arial".

la casa es grande el perro negro el caramelo del ni�o Ejercicio n�mero 7 A�adir a la p�gina del Ejercicio N�1 un fondo de la carpeta de fondos.

<html> <head> </title>clase de inform�tica</title> </head> <body background="si.jpg"></body> Bienvenido, Est�s en la p�gina clase de inform�tica. En clase de inform�tica aprender�s cosas nuevas. </body> </html> Ejercicio n�mero 8 A�adir a la p�gina del Ejercicio N�1 un color de fondo. <html> <head> </title>clase de inform�tica</title> </head> <body bgcolor="pink"></body> Bienvenido, Est�s en la p�gina clase de inform�tica. En clase de inform�tica aprender�s cosas nuevas.

</body> </html> Ejercicio n�mero 9 Modificar los m�rgenes de cualquier ejercicio anterior con los el fin de probar los distintos valores de este atributo. <htmal> <head> </title>clase de inform�tica</title> </head> <body> Bienvenido, Est�s en la p�gina clase de inform�tica. En clase de inform�tica aprender�s cosas nuevas. </body> </html>

Ejercicio n�mero 11 Construir una p�gina web que ocupe un espacio mayor que una pantalla y colocar un enlace interno para pasar del principio al final de la p�gina y otro que realice la operaci�n inversa. <body> <h2> devota & lomba <h2/><a href="#abajo">dise�o espa�ol de vanguardia</a> <body>Mencionar Devota & Lomba es evocar el dise�o creativo y la innovaci�n, y lo m�s importante, con sello espa�ol. Desde que comenzaran su andadura por los inciertos derroteros de la moda all� en 1986, Luis Devota y Modesto Lomba se han erigido como una f�rrea promesa del dise�o hispano. Merecedores de prestigiosos galardones como el Ama al dise�o joven en 1988, el Crist�bal Balenciaga para creadores noveles en 1989 o el Pasarela Madrid a la mejor colecci�n de mujer en 1991, esta firma ha seguido cosechando �xitos e insuflando aires renovados al panorama �fashion�

actual.Hoy al frente de la firma se encuentra Modesto Lomba �Presidente de la Asociaci�n de Creadores de Moda de Espa�a�, y su buen hacer le ha llevado a ampliar negocio y abarcar otras �reas tan pr�speras como el pr�t�porter. Aparte de sus creaciones para pasarela, ha realizado el vestuario para obras de cine y teatro, colaborado con otras firmas de prestigio, creado su propia l�nea de novias y lo m�s novedoso, un espacio de arquitectura e interiorismo� Una �dilatada� trayectoria profesional a la que ha exprimido el jugo al m�ximo. Centr�ndonos en el pr�t-�-porter, tanto masculino como femenino, el rasgo caracter�stico de la firma es el juego de vol�menes, la mezcla de texturas y otros detalles arquitect�nicos que confiere a sus dise�os. Con todo, las creaciones de este prol�fico dise�ador son m�s que aceptadas.Una de las ramas del negocio en floreciente expansi�n es la l�nea nupcial; para la temporada de 2008 Lomba apuesta por lo ecol�gico con la inclusi�n de tejidos de composici�n natural, para novias, la mezcla de tejidos es la m�xima: tafetas, organzas, georgette, rejillas de lino o encajes que se fusionan originando una miscel�nea de texturas originales y novedosas. Para novios: chaquetas cortas y estrechas, pantalones pitillo, pajaritas importantes y predominancia de tonos blancos, grises y �c�mo no� el sempiterno negro. Para novias y novios poco convencionales y muy originales. Otras vertientes del negocio: l�nea textil hogar, joyer�a, accesorios y complementos, �ptica, papeler�a, relojes, perfumes� Y suma y sigue.</body> Devota & Lomba est� presente en El Corte Ingl�s de P� de la Castellana de Madrid (primera planta) hasta el d�a 14 de Marzo con una VENTA ESPECIAL del �vestido estrella� de la �ltima Colecci�n, pret � porter de Verano 2009 y como complementos joyas, relojes, bolsos y pa�uelos.<a href="abajo"> ir a dise�o espa�ol en la vanguardia </a> Ejercicio n�mero 12 Construir una p�gina web que en la que aparezcan enlaces a otras p�ginas web.

<a href="http://www.msn.com"> si quieres ir al buscador msn pincha aqu� </a> Carpeta �RENAULT� y su respectivo fichero index

Dentro de esa carpeta se�alada que es la de �Renault� hay cuatro carpetas: Dentro de cada una de las carpetas hay otras dos carpetas una con fotos de las distintas marcas de coches y la otra con un coche elegido y una serie de tablas junto a �l de sus precios, colores, tipos, etc� Ejemplo dentro de la carpeta laguna hay una de fotos y la otra de un coche laguna con sus precios, etc�

Abrimos la carpeta de fotos del laguna:

Ahora vemos el enlace index que lo hemos guardado dentro de la carpeta Renault ya que forma parte del trabajo: