Autor Tema: link rel CSS vincular archivos Formas de aplicar CSS: interno y externo CU1010D (Leído 2294 veces)

Jack_F · « **en:** 26 de Diciembre 2016, 06:10 »

Formas de aplicar CSS: interno y externo. link rel y archivos de extensión.css

Citar

EJERCICIO 1

Modifica el código HTML mostrado a continuación para cumplir con estos requisitos mediante la aplicación de estilos internos:

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 deben mostrar su texto en color brown (marrón).

Ejercicio 1:

Código: [Seleccionar]

<!DOCTYPE html>
<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;}
			 a {color:brown; text-decoration:none;}
			 </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>

Citar

EJERCICIO 2

Modifica el código HTML del ejercicio anterior para cumplir con estos requisitos mediante la aplicación de CSS externo definido en un archivo independiente, donde debes incluir al menos un comentario:

a) Todas las etiquetas h1 deben mostrar su texto en color azul.
b) Todas las etiquetas h3 deben mostrar su texto en color orange (naranja).
c) Todos los párrafos deben mostrar su texto en color brown (marrón).

Ejercicio 2:

Código: [Seleccionar]

<!DOCTYPE html>
<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="extension.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>

pedro,, · « **Respuesta #1 en:** 28 de Diciembre 2016, 14:01 »

Hola Jorgito.

El primer ejercicio está bien.

En el segundo ejercicio no has puesto el código css.

Saludos.

Jack_F · « **Respuesta #2 en:** 28 de Diciembre 2016, 15:06 »

Hola si me olvide del código CSS.

Alex Rodríguez · « **Respuesta #3 en:** 14 de Enero 2017, 18:09 »

Hola Jorgito Pucheta, ¿puedes poner el código? Así dejamos el hilo completo con la respuesta a ambos ejercicios.

Saludos

Jack_F · « **Respuesta #4 en:** 16 de Enero 2017, 04:27 »

Código CSS externo

Código: [Seleccionar]

 h1{
color:blue;
}  
h3{
color:orange;
}
p{
color:brown;}

Una disculpa, alex, es que eh estado un poco alejado del foro. Pero aquí esta el código externo CSS.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: link rel CSS vincular archivos Formas de aplicar CSS: interno y externo CU1010D (Leído 2294 veces)

Jack_F

link rel CSS vincular archivos Formas de aplicar CSS: interno y externo CU1010D

pedro,,

Re:CSS. Formas de aplicar CSS: interno y externo CU1010D

Jack_F

Re:CSS. Formas de aplicar CSS: interno y externo CU1010D

Alex Rodríguez

Re:CSS. Formas de aplicar CSS: interno y externo CU1010D

Jack_F

Re:link rel CSS vincular archivos Formas de aplicar CSS: interno y externo CU1010D

Preguntas y respuestas