Ejercicio 1) A partir del siguiente código HTML<!DOCTYPE html><html><head></head><body><h1 >Este mensaje es de color rojo ...
Ejercicio 3) A partir del siguiente código HTML:<!DOCTYPE html><html><head><title>Problema</title><link rel="StyleSheet" h...
Esto es una prueba para ver el funcionamiento de la propiedad padding.Esto es una prueba para ver el funcionamiento de la ...
Upcoming SlideShare
Loading in...5
×

Preparacion examen de dreamweaver

556

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
556
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Preparacion examen de dreamweaver

  1. 1. Ejercicio 1) A partir del siguiente código HTML<!DOCTYPE html><html><head></head><body><h1 >Este mensaje es de color rojo sobre fondo amarillo.</h1></body></html>define un estilo CSS para que este quede con la siguiente apariencia:Ejercicio 2) A partir del siguiente código HTML:<!DOCTYPE html><html><head><title>Problema</title></head><body><h1>Titulo de nivel 1</h1><h2>Titulo de nivel 2</h2></body></html>define un estilo CSS para que este quede con la siguiente apariencia:
  2. 2. Ejercicio 3) A partir del siguiente código HTML:<!DOCTYPE html><html><head><title>Problema</title><link rel="StyleSheet" href="estilos.css" type="text/css"></head><body><p class="pregunta">¿Quién descubrió América y en que año fue?</p><p class="respuesta">Colón en 1492</p></body></html>define un estilo CSS para que este quede con la siguiente apariencia:Ejercicio 4) A partir del siguiente código HTML:<!DOCTYPE html><html><head><title>Problema</title></head><body><p class="comentarios">Esto es una prueba para ver el funcionamiento de la propiedadpadding.Esto es una prueba para ver el funcionamiento de la propiedad padding.Esto es una prueba para ver el funcionamiento de la propiedad padding.Esto es una prueba para ver el funcionamiento de la propiedad padding.Esto es una prueba para ver el funcionamiento de la propiedad padding.
  3. 3. Esto es una prueba para ver el funcionamiento de la propiedad padding.Esto es una prueba para ver el funcionamiento de la propiedad padding.</p></body></html>define un estilo CSS para que este quede con la siguiente apariencia:Nota: Padding inferior y superior 30px,izquierda y derecha 5pxEjercicio 5) A partir del siguiente código HTML:<!DOCTYPE html><html><head><title>Problema</title></head><body><h1 class="tituloprincipal">Propiedad border</h1><p class="comentarios">Debemos indicar el border-width border-style border-color</p></body></html>define un estilo CSS para que este quede con la siguiente apariencia:Nota: El borde rojo es de 5px y el azul de 1 px.

×