SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
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:
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 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.

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.

</p>

</body>

</html>

define un estilo CSS para que este quede con la siguiente apariencia:




Nota: Padding inferior y superior 30px,izquierda y derecha 5px



Ejercicio 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.

Weitere ähnliche Inhalte

Was ist angesagt?

Ficha de trabajo no 1 html
Ficha de trabajo no 1 htmlFicha de trabajo no 1 html
Ficha de trabajo no 1 htmlCarlos Diaz
 
Sesión del miércoles 30 de enero (grupo emilio)
Sesión del miércoles 30 de enero (grupo emilio)Sesión del miércoles 30 de enero (grupo emilio)
Sesión del miércoles 30 de enero (grupo emilio)alabau
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de htmlfelipe4519
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de htmlfelipe4519
 
S9 Como Crearun Postpaso2
S9 Como Crearun Postpaso2S9 Como Crearun Postpaso2
S9 Como Crearun Postpaso2IUTE.BAILADORES
 
Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes
Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes
Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes Julio Alonso Arévalo
 
Colegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaColegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaFredy Moyano
 
Practicas diseño de páginas web
Practicas diseño de páginas webPracticas diseño de páginas web
Practicas diseño de páginas webjesus
 
Uso avanzado del navegador
Uso avanzado del navegadorUso avanzado del navegador
Uso avanzado del navegadorLonnyArmijos
 

Was ist angesagt? (13)

Ejemplo practico
Ejemplo practicoEjemplo practico
Ejemplo practico
 
Ficha de trabajo no 1 html
Ficha de trabajo no 1 htmlFicha de trabajo no 1 html
Ficha de trabajo no 1 html
 
Sesión del miércoles 30 de enero (grupo emilio)
Sesión del miércoles 30 de enero (grupo emilio)Sesión del miércoles 30 de enero (grupo emilio)
Sesión del miércoles 30 de enero (grupo emilio)
 
Instructivo internet navegador
Instructivo internet navegadorInstructivo internet navegador
Instructivo internet navegador
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de html
 
Dn11 u3 a4_aalt1
Dn11 u3 a4_aalt1Dn11 u3 a4_aalt1
Dn11 u3 a4_aalt1
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de html
 
S9 Como Crearun Postpaso2
S9 Como Crearun Postpaso2S9 Como Crearun Postpaso2
S9 Como Crearun Postpaso2
 
Reloj
RelojReloj
Reloj
 
Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes
Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes
Hot potatoes: Elaboración de Test de aprendizaje con Hot Potatoes
 
Colegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaColegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creada
 
Practicas diseño de páginas web
Practicas diseño de páginas webPracticas diseño de páginas web
Practicas diseño de páginas web
 
Uso avanzado del navegador
Uso avanzado del navegadorUso avanzado del navegador
Uso avanzado del navegador
 

Ähnlich wie Preparacion examen de dreamweaver

Ähnlich wie Preparacion examen de dreamweaver (20)

Recuperacion
RecuperacionRecuperacion
Recuperacion
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Html, css y tablas.compressed
Html, css y tablas.compressedHtml, css y tablas.compressed
Html, css y tablas.compressed
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Ejercicios htm lcompletos
Ejercicios htm lcompletosEjercicios htm lcompletos
Ejercicios htm lcompletos
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
html
htmlhtml
html
 
Html guia 1
Html guia 1 Html guia 1
Html guia 1
 
Pagina web trabajo html 2 .1
Pagina web trabajo html 2 .1Pagina web trabajo html 2 .1
Pagina web trabajo html 2 .1
 
d
      d        d
d
 
Introducción a CSS en XHTML
Introducción a CSS en XHTMLIntroducción a CSS en XHTML
Introducción a CSS en XHTML
 
Introduccion a css
Introduccion a cssIntroduccion a css
Introduccion a css
 
Ejercicio html primer año
Ejercicio html primer añoEjercicio html primer año
Ejercicio html primer año
 
Ejemplo para alumnos de TIC
Ejemplo para alumnos de TICEjemplo para alumnos de TIC
Ejemplo para alumnos de TIC
 
Paginas web
Paginas webPaginas web
Paginas web
 
Guia N1 Proyectos Web Html
Guia N1   Proyectos Web   HtmlGuia N1   Proyectos Web   Html
Guia N1 Proyectos Web Html
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
 

Mehr von gonzalovizuete

Unidad 5 estructura atomica 11
Unidad 5  estructura atomica 11Unidad 5  estructura atomica 11
Unidad 5 estructura atomica 11gonzalovizuete
 
Informapuntes de software y hardware
Informapuntes de software y hardwareInformapuntes de software y hardware
Informapuntes de software y hardwaregonzalovizuete
 
Sustancias puras mezclas y disoluciones
Sustancias puras mezclas y disolucionesSustancias puras mezclas y disoluciones
Sustancias puras mezclas y disolucionesgonzalovizuete
 
Ejercicios tema 2resueltos
Ejercicios tema 2resueltosEjercicios tema 2resueltos
Ejercicios tema 2resueltosgonzalovizuete
 
Preguntas de asi comemos
Preguntas de asi comemos Preguntas de asi comemos
Preguntas de asi comemos gonzalovizuete
 
Informacion general de la asignatura
Informacion general de la asignaturaInformacion general de la asignatura
Informacion general de la asignaturagonzalovizuete
 
Criterios de calificación CITE modulo III
Criterios de calificación CITE modulo IIICriterios de calificación CITE modulo III
Criterios de calificación CITE modulo IIIgonzalovizuete
 
Lección 3 de Inkscape
Lección 3 de InkscapeLección 3 de Inkscape
Lección 3 de Inkscapegonzalovizuete
 
Calendario de sesion evaluacion
Calendario de sesion evaluacionCalendario de sesion evaluacion
Calendario de sesion evaluaciongonzalovizuete
 
Calendario de sesion evaluacion
Calendario de sesion evaluacionCalendario de sesion evaluacion
Calendario de sesion evaluaciongonzalovizuete
 

Mehr von gonzalovizuete (20)

Dibujo word
Dibujo wordDibujo word
Dibujo word
 
examen final partes
examen final partesexamen final partes
examen final partes
 
Unidad 5 estructura atomica 11
Unidad 5  estructura atomica 11Unidad 5  estructura atomica 11
Unidad 5 estructura atomica 11
 
Informapuntes de software y hardware
Informapuntes de software y hardwareInformapuntes de software y hardware
Informapuntes de software y hardware
 
Sustancias puras mezclas y disoluciones
Sustancias puras mezclas y disolucionesSustancias puras mezclas y disoluciones
Sustancias puras mezclas y disoluciones
 
dia 10
dia 10dia 10
dia 10
 
Ejercicios tema 2resueltos
Ejercicios tema 2resueltosEjercicios tema 2resueltos
Ejercicios tema 2resueltos
 
Ejercicios tema2
Ejercicios tema2Ejercicios tema2
Ejercicios tema2
 
Preguntas de asi comemos
Preguntas de asi comemos Preguntas de asi comemos
Preguntas de asi comemos
 
Tema 1 actividades
Tema 1 actividadesTema 1 actividades
Tema 1 actividades
 
Informacion general de la asignatura
Informacion general de la asignaturaInformacion general de la asignatura
Informacion general de la asignatura
 
Criterios de calificación CITE modulo III
Criterios de calificación CITE modulo IIICriterios de calificación CITE modulo III
Criterios de calificación CITE modulo III
 
Recuperacion del3er
Recuperacion del3erRecuperacion del3er
Recuperacion del3er
 
Examen de gimp
Examen de gimpExamen de gimp
Examen de gimp
 
Lección 3 de Inkscape
Lección 3 de InkscapeLección 3 de Inkscape
Lección 3 de Inkscape
 
Calendario de sesion evaluacion
Calendario de sesion evaluacionCalendario de sesion evaluacion
Calendario de sesion evaluacion
 
Calendario de sesion evaluacion
Calendario de sesion evaluacionCalendario de sesion evaluacion
Calendario de sesion evaluacion
 
Leccion2exercises
Leccion2exercisesLeccion2exercises
Leccion2exercises
 
Leccion2
Leccion2Leccion2
Leccion2
 
Leccion1 de ink scape
Leccion1 de ink scapeLeccion1 de ink scape
Leccion1 de ink scape
 

Preparacion examen de dreamweaver

  • 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. 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 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. Esto es una prueba para ver el funcionamiento de la propiedad padding.
  • 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 5px Ejercicio 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.