css

Laboratorio II – Analista de Sistemas de Computación Instituto 9 de Julio Pag: 1/3 T rabajamos con hojas de Estilo 1. Crear una página html con el nombre “ejercicio1.html” que contenga el siguiente texto: <html> <head> <title>Ejercicio1</title> <style type="text/css"> h1 {color:#ff0000;back ground-color:#ffff00} </style> </head> <body> <h1>Primer título</h1> <h1>Segundo título</h1> </body> </html> a. Cuál es el atributo que otorga color al texto?. b. Qué atribut o establec e el color de fondo? c. Cambie los colo res de texto y fondo 2. Crear una página html con el nombre “ejercicio2.html” que contenga el siguiente texto: <html> <head> <title>Ejercicio2</title> <style type="text/css">> h1 {color:#ff0000} h2 {color:#00ff00} h3 {color:#0000ff} </style> </head> <body> <h1>rojo</h1> <h2>verde</h2> <h3>azul</h3> </body> </html> a. Establezca u n color de fondo diferente para cada encabezado. 3. Crear una página html con el nombre “ejercicio3.html” que contenga el siguiente texto: <html> <head> <title>Ejercicio3</title> <style type="text/css">

Upload: joaquineveron

Post on 04-Nov-2015

215 views

Category:

Documents

0 download

Report

Download

Embed Size (px):

DESCRIPTION

Trabajo Css

TRANSCRIPT

Laboratorio II Analista de Sistemas de Computacin Instituto 9 de Julio

Pag: 1/3

Trabajamos con hojas de Estilo

1. Crear una pgina html con el nombre ejercicio1.html que contenga el siguiente texto:

Ejercicio1 h1 {color:#ff0000;background-color:#ffff00} Primer ttulo Segundo ttulo

a. Cul es el atributo que otorga color al texto?. b. Qu atributo establece el color de fondo? c. Cambie los colores de texto y fondo

2. Crear una pgina html con el nombre ejercicio2.html que contenga el siguiente texto:

Ejercicio2 > h1 {color:#ff0000} h2 {color:#00ff00} h3 {color:#0000ff} rojo verde azul

a. Establezca un color de fondo diferente para cada encabezado.

3. Crear una pgina html con el nombre ejercicio3.html que contenga el

siguiente texto:

Ejercicio3
Laboratorio II Analista de Sistemas de Computacin Instituto 9 de Julio

Pag: 2/3

h1 { font-family:times new roman; font-size:30px; font-style:italic; font-weight:bold; } h2 { font-family:verdana; font-size:20px; } Titulo de nivel 1 Titulo de nivel 2

a. Incorpore fondo a cada estilo b. Incorpore bordes diferentes a cada estilo

4. Crear una pgina html con el nombre ejercicio4.html que contenga el siguiente texto:

Ejercicio4 h1 { letter-spacing:10px; word-spacing:30px; text-transform:capitalize; } p { text-indent:20px; } Federico Garca Lorca Naci en el municipio de Fuente Vaqueros, Granada (Espaa), en el seno de una familia de posicin econmica desahogada, el 5 de junio de 1898 y fue bautizado con el nombre de Federico del Sagrado Corazn de Jess Garca Lorca; su padre fue Federico Garca Rodrguez, un hacendado, y su madre, Vicenta Lorca, maestra de escuela que foment el gusto literario a su hijo.
Laboratorio II Analista de Sistemas de Computacin Instituto 9 de Julio

Pag: 3/3

a. Realice los cambios que crea necesarios a fin de establecer un estilo para el cuerpo de la pgina.

b. Otorgue color al encabezado 1 c. Establezca borde y color de letra al prrafo.

5. Crear una pgina html con el nombre ejercicio5.html que contenga el siguiente texto:

Ejercicio5 body { color:#0000ff; font-family:verdana; } i { color:#008800; } p { color:#999999; } Federico Garca Lorca Naci en el municipio de Fuente Vaqueros, Granada (Espaa), en el seno de una familia de posicin econmica desahogada, el 5 de junio de 1898 y fue bautizado con el nombre de Federico del Sagrado Corazn de Jess Garca Lorca; su padre fue Federico Garca Rodrguez, un hacendado, y su madre, Vicenta Lorca, maestra de escuela que foment el gusto literario a su hijo.

a. Incorpore una imagen como fondo de pantalla. b. Incorpore espacios entre las palabras del encabezado. c. Agregue espacios entre letras para el tag Itlico.