html by beatriz illescas

MANUAL DE HTML El HTML es el idioma en el que se escriben las paginas web. El HTML es el lenguaje que utilizan los navegadores para mostrar las paginas web al usuario. Este lenguaje nos permite aglutinar textos ponerlos de colores, publicados a la derecha, a la izquierda, centrados etc… Podemos poner en práctica estos ejercicios poniendo paso a paso a continuación:

EJERCICIO 1 <html> <head> </title>cocina para todos</title> </head> <body> Bienvenido, Estás en la página cocina para todos. aquí aprenderás recetas fáciles y deliciosas. </body> </html>

A continuación guardamos el archivo con extensión .html y lo guardas y queda de la siguiente manera que os voy a mostrar en el ejemplo:

en el siguiente ejemplo es el mismo ejercicio nada mas que con el fondo de pantalla de color en verde y con un hipervínculo que va a la pagina de cocina y se hace de la siguiente manera: <html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-88591"> <title>Cocina Para Todos</title> </head><body> Bienvenido, Estás en la página Cocina para Todos. Aquí aprenderás recetas fáciles y deliciosas. <a href="http://www.karlosnet.com">ir a pagina de cocina</a> <body bgcolor="green"> </body></html> y queda así:

EJERCICIO 2 Se trata de realizar el mismo ejercicio que el anterior pero sin la etiqueta de <title>:

<html><head> </head><body> Bienvenido, Estás en la página Cocina para Todos. Aquí aprenderás recetas fáciles y deliciosas. </body></html> y en la foto de ejemplo queda así:

EJERCICIO 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

<div align="center"> Podéis comprobar que cambiar de línea en nuestro documento HTML sin introducir alguna de estas u otras etiquetas no implica en absoluto un cambio de línea en la página visualizada. En realidad el navegador introducirá el texto y no cambiara de línea a no ser que esta llegue a su fin o bien lo especifiquemos con la etiqueta correspondiente. Hemos visto que para definir los párrafos nos servimos de la etiqueta que introduce un salto y deja una línea en blanco antes de continuar con el resto del documento.

<div align="right"> Esta etiqueta por si sola no sirve para nada. Tiene que estar acompañada del atributo align y lo que nos permite es alinear cualquier elemento (párrafo o imagen) de la manera que nosotros deseemos Imaginemos un texto relativamente largo donde todos los párrafos están alineados a la izquierda (por ejemplo). Una forma de simplificar nuestro código y de evitar introducir continuamente el atributo align sobre cada una de nuestras etiquetas es utilizando la etiqueta. Como hemos visto, la etiqueta <div> marca divisiones en las que definimos un mismo tipo de alineado. Formatear un texto pasa por tareas tan evidentes como definir los párrafos, justificarlos, introducir viñetas, numeraciones o bien poner en negrita, itálica... y queda de la siguiente manera:

EJERCICIO 4

Construir una página web que contenga todos los encabezados posibles con distintas alineaciones. Se hace así:

<h1 align="center">Pagina Cocina para todos</h1> <h2 align="right">En esta pagina podras encontrar todas las recetas</h2> <h3 align="left">las recetas mas famosas de todos los cocineros españoles</h3> <h4 align="center">probadas y saboreadas por todos</h4> <h5 align="right">los ricos toledanos</h5> <h6 align="left">y aprobadas por todos los exquisitos paladares</h6> queda así:

EJERCICIO 5 Construir una página web que contenga los elementos vistos. Se hace así: Cocina para todos Recetas faciles para todos la composicion que vamos a utilizar es 13CC3H4ClNOS <a href="ficheros/ejercicioshtml.doc">ir al documento de los ejercicios</a> se queda así:

EJERCICIO 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".

Se hace así: Cocina para todos Recetas muy ricas probadas por los mas prestigios paladares queda así:

EJERCICIO 7

Añadir a la página del Ejercicio Nº1 un fondo de la carpeta de fondos. Se hace así: <html> <head> <title>Mi primera página</title> </head> <body background="imagenes/roxy.jpg"> Bienvenido, Estás en la página Cocina para Todos. Aquí aprenderás recetas fáciles y deliciosas. </body> </html> queda así:

EJERCICIO 8 Añadir a la página del Ejercicio Nº1 un color de fondo.

Se hace así: <html> <head> <title>Mi primera página</title> </head> <body bgcolor="pink"> Bienvenido, Estás en la página Cocina para Todos. Aquí aprenderás recetas fáciles y deliciosas. </body> </html> Se queda así:

EJERCICIO 9

Modificar los márgenes de cualquier ejercicio anterior con los el fin de probar los distintos valores de este atributo. Se hace así: <body text="navy" background="imagenes/karlos.jpg" link="red" vlink="purple" alink="brown">La pimienta, de la que se puede hablar como "la reina de las especias", ya era conocida por los romanos en el siglo IV antes de Cristo. La pimienta (Piper negrum) originaria de la India, más concretamente del sudeste, es una planta trepadora de la familia de las piperáceas. Contrariamente a lo que muchos creen la pimienta negra, verde y blanca proceden de la misma baya, y sólo difieren en su maduración, cambiando sustancialmente su sabor, aroma e intensidad. Su empleo es esencial en la gastronomía y cada una de sus variedades, por sus características, se emplea en muchos tipos de platos. La más común es la negra y es utilizada sobre todo en conservas y carnes, la pimienta blanca, como la verde, se aplica más a salsas, cremas y pescados. Su importancia en la conservación de los alimentos en épocas antiguas era esencial, estando catalogada y valorada casi como el oro. Junto con la sal, el ajo y el vinagre eran los verdaderos conservantes de muchos alimentos. El tráfico de esta especia supuso grandes ingresos a los comerciantes y mercaderes durante toda la edad antigua. En la Edad Media, su empleo en Europa casi desapareció, como muchas otras cosas y conocimientos. Poco a poco, y por intermediación de los árabes, comenzó de nuevo a introducirse, era tan grande su valor que los mercaderes europeos y sobre todo italianos iniciaron la ruta de las especias, por diferentes medios con tal de evitar los intermediarios. Esta ruta fue no sólo una ruta comercial, si no un camino para el intercambio de conocimientos y costumbres que poco a poco hizo salir a Europa de la oscuridad. Eran tales los beneficios, que estos fueron motores para el descubrimiento de nuevas rutas por los portugueses y el descubrimiento de América por Cristóbal Colon. La pimienta se puede emplear en granos enteros o recién molida, para que no pierda sus aromas. Hay que comprarla fresca y bien envasada, sino, pierde sus aceites esenciales, su aroma y su fuerza. En esta ocasión queremos desde Recetas.net ofreceros algunas recetas, donde la pimienta es un elemento esencial que determina su sabor, como el pollo a la mostaza, el bonito en escabeche, la mousse de fo-gras, el entrecot a la pimienta o la brandada de bacalao. Karlos Arguiñano nació en Guipúzcoa en 1948. En 1979 fundó su propio restaurante; el espectacular éxito de su programa en televisión y de sus publicaciones lo han convertido en un fenómeno social en España y

Argentina Sus libros (publicados por Debate en los últimos años) han sido todos éxitos de ventas. Habitualmente, Juan Mari Arzak, participa en el programa de cocina de Karlos Arguiñano, aportando sus amplios conocimientos gastronómicos y desvelando los secretos de un gran cocinero. Es de sobra conocida la amistad entre estos dos grandes restauradores. Preparación: • Pela las alcachofas y corta la punta. Pon a cocerlas en la olla rápida con sal y una buena rama de perejil para evitar que se ennegrezcan. Tapa y deja cocer 4-5 minutos. Escurre y reserva. • Pica finamente el ajo y ponlo en un bol. Cúbrelo con aceite y una pizca de sal. Pincela con esta mezcla la placa de horno y coloca las setas. Moja las setas con el aceite de ajo. Hornea a 200º C durante 8-10 minutos. Transcurrido este tiempo dales la vuelta, pincela de nuevo con el aceite, agrega perejil picado y hornea otros 5 minutos. • Pela y corta las zanahorias en rodajas y ponlas a cocer en una cacerola con agua y sal. Deja que se cocinen hasta que estén tiernas. Escúrrelas bien y haz un puré con la ayuda de un tenedor. Condimenta con un chorrito de aceite crudo. • Pon las alcachofas cortadas por la mitad en una fuente con un chorrito de aceite por encima, coloca en el centro un poco de crema de zanahoria y acompaña con las setas.</body> Se queda así:

EJERCICIO 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. Se hace así: Su empleo es esencial en la gastronomía y cada una de sus variedades, por sus características, se emplea en muchos tipos de platos. La más común es la negra y es utilizada sobre todo en conservas y carnes, la pimienta blanca, como la verde, se aplica más a salsas, cremas y pescados. Su importancia en la conservación de los alimentos en épocas antiguas era esencial, estando catalogada y valorada casi como el oro. Junto con la sal, el ajo y el vinagre eran los verdaderos conservantes de muchos alimentos. El tráfico de esta especia supuso grandes ingresos a los comerciantes y mercaderes durante toda la edad antigua. En la Edad Media, su empleo en Europa casi desapareció, como muchas otras cosas y conocimientos. Poco a poco, y por intermediación de los árabes, comenzó de nuevo a introducirse, era tan grande su valor que los mercaderes europeos y sobre todo italianos iniciaron la ruta de las especias, por diferentes medios con tal de evitar los intermediarios. Esta ruta fue no sólo una ruta comercial, si no un camino para el intercambio de conocimientos y costumbres que poco a poco hizo salir a Europa de la oscuridad. Eran tales los beneficios, que estos fueron motores para el descubrimiento de nuevas rutas por los portugueses y el descubrimiento de América por Cristóbal Colon. La pimienta se puede emplear en granos enteros o recién molida, para que no pierda sus aromas. Hay que comprarla fresca y bien envasada, sino, pierde sus aceites esenciales, su aroma y su fuerza. En esta ocasión queremos desde Recetas.net ofreceros algunas recetas, donde la pimienta es un elemento esencial que determina su sabor, como el pollo a la mostaza, el bonito en escabeche, la mousse de fo-gras, el entrecot a la pimienta o la brandada de bacalao.</body> Karlos Arguiñano nació en Guipúzcoa en 1948. En 1979 fundó su propio restaurante; el espectacular éxito de su programa en televisión y de sus publicaciones lo han convertido en un fenómeno social en España y Argentina Sus libros (publicados por Debate en los últimos años) han sido todos éxitos de ventas.

Habitualmente, Juan Mari Arzak, participa en el programa de cocina de Karlos Arguiñano, aportando sus amplios conocimientos gastronómicos y desvelando los secretos de un gran cocinero. Es de sobra conocida la amistad entre estos dos grandes restauradores. Preparación: • Pela las alcachofas y corta la punta. Pon a cocerlas en la olla rápida con sal y una buena rama de perejil para evitar que se ennegrezcan. Tapa y deja cocer 4-5 minutos. Escurre y reserva. • Pica finamente el ajo y ponlo en un bol. Cúbrelo con aceite y una pizca de sal. Pincela con esta mezcla la placa de horno y coloca las setas. Moja las setas con el aceite de ajo. Hornea a 200º C durante 8-10 minutos. Transcurrido este tiempo dales la vuelta, pincela de nuevo con el aceite, agrega perejil picado y hornea otros 5 minutos. • Pela y corta las zanahorias en rodajas y ponlas a cocer en una cacerola con agua y sal. Deja que se cocinen hasta que estén tiernas. Escúrrelas bien y haz un puré con la ayuda de un tenedor. Condimenta con un chorrito de aceite crudo. • Pon las alcachofas cortadas por la mitad en una fuente con un chorrito de aceite por encima, coloca en el centro un poco de crema de zanahoria y acompaña con las setas. Ingredientes: • 12 alcachofas • 16 setas de cardo • 5 zanahorias • 2 dientes de ajo • agua • aceite virgen extra • sal • perejil Paella <a href="abajo">ir a las recetas</a> Preparación Poner una paella al fuego y echar el aceite. Cuando esté caliente añadir tomates rallados y los ajos bien picados. A continuación echar los trozos de carne y rehogarlos. Añadir entonces el arroz y lo mezclarlo todo bien con una cuchara de palo, a continuación añadir los guisantes, los calamares, volver a mezclar y añadir el agua (el doble que de arroz), echar la sal y el azafrán y dejar a fuego fuerte durante durante 5 minutos. Transcurrido este tiempo, o bajar el fuego y mantener la cocción durante otros 15 minutos. Cuando todavía tenga algo de caldo, añadir las almejas y los

mejillones, previamente cocidos y colocar las gambas y las cigalas encima del arroz adornándolo. Cuando el arroz esté en su punto, apartar del fuego, dejar reposar durante unos 5 minutos y servir en la misma paella. Uno de los secretos de la paella, aparte de la calidad del arroz es el manejo del fuego. El fuego debe estar repartido de forma homogénea por todo el fondo de la paella. Para ello, se venden diversos artilugios que se pueden colocar en la cocina de gas y ayudan a que el fuego quede bien repartido. También es importante no mover el arroz desde que empiece a hervir.

Se queda así:

EJERCICIO 12 Construir una página web que en la que aparezcan enlaces a otras páginas web. Se hace así: <a href="http://www.google.es">si quieres ir al buscador google pincha aqui</a> se queda así:

en otra parte del ejercicio 12 hacemos un hipervínculo para que se vaya a otro ejercicio se hace así: <body> <a href="html9.html">ir al ejercicio 9</a> La pimienta, de la que se puede hablar como "la reina de las especias", ya era conocida por los romanos en el siglo IV antes de Cristo. La pimienta (Piper negrum) originaria de la India, más concretamente del sudeste, es una planta trepadora de la familia de las piperáceas. Contrariamente a lo que muchos creen la pimienta

negra, verde y blanca proceden de la misma baya, y sólo difieren en su maduración, cambiando sustancialmente su sabor, aroma e intensidad. Su empleo es esencial en la gastronomía y cada una de sus variedades, por sus características, se emplea en muchos tipos de platos. La más común es la negra y es utilizada sobre todo en conservas y carnes, la pimienta blanca, como la verde, se aplica más a salsas, cremas y pescados. Su importancia en la conservación de los alimentos en épocas antiguas era esencial, estando catalogada y valorada casi como el oro. Junto con la sal, el ajo y el vinagre eran los verdaderos conservantes de muchos alimentos. El tráfico de esta especia supuso grandes ingresos a los comerciantes y mercaderes durante toda la edad antigua. En la Edad Media, su empleo en Europa casi desapareció, como muchas otras cosas y conocimientos. Poco a poco, y por intermediación de los árabes, comenzó de nuevo a introducirse, era tan grande su valor que los mercaderes europeos y sobre todo italianos iniciaron la ruta de las especias, por diferentes medios con tal de evitar los intermediarios. Esta ruta fue no sólo una ruta comercial, si no un camino para el intercambio de conocimientos y costumbres que poco a poco hizo salir a Europa de la oscuridad. Eran tales los beneficios, que estos fueron motores para el descubrimiento de nuevas rutas por los portugueses y el descubrimiento de América por Cristóbal Colon. La pimienta se puede emplear en granos enteros o recién molida, para que no pierda sus aromas. Hay que comprarla fresca y bien envasada, sino, pierde sus aceites esenciales, su aroma y su fuerza. En esta ocasión queremos desde Recetas.net ofreceros algunas recetas, donde la pimienta es un elemento esencial que determina su sabor, como el pollo a la mostaza, el bonito en escabeche, la mousse de fo-gras, el entrecot a la pimienta o la brandada de bacalao. Karlos Arguiñano nació en Guipúzcoa en 1948. En 1979 fundó su propio restaurante; el espectacular éxito de su programa en televisión y de sus publicaciones lo han convertido en un fenómeno social en España y Argentina Sus libros (publicados por Debate en los últimos años) han sido todos éxitos de ventas. Habitualmente, Juan Mari Arzak, participa en el programa de cocina de Karlos Arguiñano, aportando sus amplios conocimientos gastronómicos y desvelando los secretos de un gran cocinero. Es de sobra conocida la amistad entre estos dos grandes restauradores.

Preparación: • Pela las alcachofas y corta la punta. Pon a cocerlas en la olla rápida con sal y una buena rama de perejil para evitar que se ennegrezcan. Tapa y deja cocer 4-5 minutos. Escurre y reserva. • Pica finamente el ajo y ponlo en un bol. Cúbrelo con aceite y una pizca de sal. Pincela con esta mezcla la placa de horno y coloca las setas. Moja las setas con el aceite de ajo. Hornea a 200º C durante 8-10 minutos. Transcurrido este tiempo dales la vuelta, pincela de nuevo con el aceite, agrega perejil picado y hornea otros 5 minutos. • Pela y corta las zanahorias en rodajas y ponlas a cocer en una cacerola con agua y sal. Deja que se cocinen hasta que estén tiernas. Escúrrelas bien y haz un puré con la ayuda de un tenedor. Condimenta con un chorrito de aceite crudo. • Pon las alcachofas cortadas por la mitad en una fuente con un chorrito de aceite por encima, coloca en el centro un poco de crema de zanahoria y acompaña con las setas.</body> Y queda así:

luego cuando pinchamos en el hipervínculo que hay al principio morado pues nos sale el ejercicio numero 9 y se queda asi: