Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Dimitar Stefanov en 12 de Enero 2016, 15:31
-
Códigos del ejercicio: CU01010D del curso CSS desde cero.
Primer código:
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<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;}
a {color: brown;}
</style>
<body>
<p><a href="principal.html" title="Página principal">Ir a la página principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies 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-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>
Segundo código:
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos02.css">
<body>
<p><a href="principal.html" title="Página principal">Ir a la página principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies 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-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>
Código del archivo "estilos02.css":
h1{ color: blue;}
h3{ color: orange;}
p{ color: brown;}
a{ color: brown;}
/* Primer ejercicio de estilos con CSS */
-
Correcto..