Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Sosender en 17 de Junio 2020, 12:32

Título: Ejercicios resueltos CSS y HTML Formas aplicar css: interno y externo CU01010D#
Publicado por: Sosender en 17 de Junio 2020, 12:32
Hola buenos días, adjunto solución para los ejercicios de la entrega CU01010D del tutorial de programación web partiendo de cero de aprenderaprogramar

Ejercicio 1: Modificar html mediante la aplicación de estilos internos css:

a) todas las etiquetas h1 deben mostrar su texto en color rojo
b) todas las etiquetas h3 deben mostrar su texto en color verde
c) todos los párrafos debén mostrar su texto en color marrón.

Ejercicio 2 lo mismo pero mediante aplicación de css externo.


Ejercicio 1 (css interno)

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
<style type="text/css">
h1{color:red;}
h3{color:green;}
p{color:brown;}
</style>
</head>
<body>
<p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>


Ejercicio 2 aplicación css externo

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">

<link rel="stylesheet"type="text/css"href="estiloejercicio2cu01010b.css">

</head>
<body>
<p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>


Archivo css

Código: [Seleccionar]
/*estilos css ejercicio2 CU01010D-aprenderaprogramar.com*/

h1{color:red;}
h3{color:green;}
p{color:brown;}
Título: Re:Ejercicios resueltos CSS y HTML Formas aplicar css: interno y externo CU01010D#
Publicado por: Alex Rodríguez en 28 de Octubre 2020, 17:32
Hola, el ejercicio está bien resuelto, cumple con lo que se pedía. Saludos.