SlideShare una empresa de Scribd logo
EJERCICIOS EN CSS
EJERCICIO1

Deseo obtener un archivo con Fondo sea amarillo, y que el texto contenido en ella sea de 10 puntos de
altura y de la fuente Arial, con márgenes izquierdo y derecho de media pulgada. Esto afectará a todo lo
que está contenido entre <BODY> y </BODY>, o sea a toda la página.
EJERCICIO2 – COMO LO LOGRAMOS?????

Esto es un párrafo con varias palabras en color azul oscuro. resulta muy fácil.
EJERCICIO3 – QUE OBTENEMOS????

<p>
Esto es un párrafo en varias palabras <SPAN style="color:green">en color verde</SPAN>.
resulta muy fácil.
</p>
EJERCICIO4 – COMO LO LOGRAMOS?????

<p style="color:#990000">
Esto es un párrafo de color rojo.
</p>
<p style="color:#000099">
Esto es un párrafo de color azul.
</p>

EJERCICIO5 – AL INSERTAR EL CÓDIGO QUE SE OBTIENE???????

<html>
<head>
<title> Título de la página </title>
<style type="text/css">
<!--
body {background: black; font-size: 10pt; font-family: Arial,Helvetica,sans-serif; color: yellow; text-
align:justify; margin-left: 0.5in; margin-right: 0.5in}
H1 {background: aqua; font-size: 14pt; font-weight: bold; color: orange}
H2 {font-size: 12pt; font-weight: bold; color: white}
-->
</style>
</head>
<body>
Conjunto de etiquetas del cuerpo de la página
</body>
</html>
EJERCICIO6 – QUE OBTENEMOS AL TRABAJAR EL SIGUIENTE CÓDIGO

<style type='text/css'>
body {
  background-color:#345485;
}

h1 {
  color:orange;
  font-family:'Times New Roman';
  text-align:center;
}

p{
  color:#E9EBAB;
  font-family:Arial,Helvetica,sans-serif;
  font-size:20px;
  text-align:center;
}
</style>
EJERCICIO7 – QUE OBTENEMOS?????

body {
  background: transparent url('COLOCAR UNA IMAGEN.EXT') no-repeat center
        background-attachment: fixed;
}

h1 {
  color:red;
  font-family:'Times New Roman';
  font-size:24px;
  font-weight:bold;
  text-align:center;
}

h2 {
  color:blue;
  font-family:Verdana, Geneva, sans-serif;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}

p{
  color:black;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align:center;
}
DESEO LOGRAR LO SIGUIENTE, ¿QUÉ DEBEMOS HACER?
P{
font-size : 12pt;
font-family : arial,helvetica;
font-weight : normal;
}
H1 {
font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;
}
BODY {
background-color : #006600;
font-family : arial;
color : White;
}

Más contenido relacionado

Similar a Ejercicios en css

Introducción a CSS en XHTML
Introducción a CSS en XHTMLIntroducción a CSS en XHTML
Introducción a CSS en XHTML
Omar Sosa-Tzec
 
Introduccion a css
Introduccion a cssIntroduccion a css
Introduccion a css
catalan21
 
Laboratorio 03
Laboratorio 03Laboratorio 03
Laboratorio 03
dcarolina10
 
Html, css y tablas.compressed
Html, css y tablas.compressedHtml, css y tablas.compressed
Html, css y tablas.compressed
Carlos Ruedas
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
yanpier1
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
GiovanniMelendez6
 
Pagina con maquetacion
Pagina con maquetacionPagina con maquetacion
Pagina con maquetacion
cristian guevara
 
Get & post
Get & postGet & post
Get & post
Abraham Fernández
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
rogeliotapia
 
Presentacion html
Presentacion htmlPresentacion html
Presentacion html
Henry T Tandy
 
Presentacion html
Presentacion htmlPresentacion html
Presentacion html
Henry T Tandy
 
DIRECTIVAS BASICAS HTML
DIRECTIVAS BASICAS HTMLDIRECTIVAS BASICAS HTML
DIRECTIVAS BASICAS HTML
Henry T Tandy
 
Presentacion html
Presentacion htmlPresentacion html
Presentacion html
Henry T Tandy
 
Ejercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cEjercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_c
DenisseChacaguasay
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
Andrés Quintero Macea
 
html
htmlhtml
Modulo1parte2ver2 140505061829-phpapp02
Modulo1parte2ver2 140505061829-phpapp02Modulo1parte2ver2 140505061829-phpapp02
Modulo1parte2ver2 140505061829-phpapp02
Pablo Ch
 
Fundamentos de CSS
Fundamentos de CSSFundamentos de CSS
Fundamentos de CSS
Nicolas Navarro Rincón
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
JohnDeZethyak
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
Jorge19_Roque
 

Similar a Ejercicios en css (20)

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
 
Laboratorio 03
Laboratorio 03Laboratorio 03
Laboratorio 03
 
Html, css y tablas.compressed
Html, css y tablas.compressedHtml, css y tablas.compressed
Html, css y tablas.compressed
 
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
 
Pagina con maquetacion
Pagina con maquetacionPagina con maquetacion
Pagina con maquetacion
 
Get & post
Get & postGet & post
Get & post
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Presentacion html
Presentacion htmlPresentacion html
Presentacion html
 
Presentacion html
Presentacion htmlPresentacion html
Presentacion html
 
DIRECTIVAS BASICAS HTML
DIRECTIVAS BASICAS HTMLDIRECTIVAS BASICAS HTML
DIRECTIVAS BASICAS HTML
 
Presentacion html
Presentacion htmlPresentacion html
Presentacion html
 
Ejercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cEjercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_c
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
html
htmlhtml
html
 
Modulo1parte2ver2 140505061829-phpapp02
Modulo1parte2ver2 140505061829-phpapp02Modulo1parte2ver2 140505061829-phpapp02
Modulo1parte2ver2 140505061829-phpapp02
 
Fundamentos de CSS
Fundamentos de CSSFundamentos de CSS
Fundamentos de CSS
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Más de Claretiano

IMPRIME.docx
IMPRIME.docxIMPRIME.docx
IMPRIME.docx
Claretiano
 
Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...
Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...
Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...
Claretiano
 
Practica sesion6
Practica sesion6Practica sesion6
Practica sesion6
Claretiano
 
Computo2.0
Computo2.0Computo2.0
Computo2.0
Claretiano
 
Practica sesion6
Practica sesion6Practica sesion6
Practica sesion6
Claretiano
 
Practica1 5 p
Practica1 5 pPractica1 5 p
Practica1 5 p
Claretiano
 
Com08 docentes
Com08 docentesCom08 docentes
Com08 docentes
Claretiano
 
Recomendaciones1
Recomendaciones1Recomendaciones1
Recomendaciones1
Claretiano
 
La Web4.0
La Web4.0La Web4.0
La Web4.0
Claretiano
 
Manual Crear Blogs
Manual Crear BlogsManual Crear Blogs
Manual Crear Blogs
Claretiano
 
Ht ml exposicion_2011
Ht ml exposicion_2011Ht ml exposicion_2011
Ht ml exposicion_2011
Claretiano
 
Programacion Estructurada
Programacion EstructuradaProgramacion Estructurada
Programacion Estructurada
Claretiano
 
Introduccion Programacion
Introduccion ProgramacionIntroduccion Programacion
Introduccion Programacion
Claretiano
 

Más de Claretiano (13)

IMPRIME.docx
IMPRIME.docxIMPRIME.docx
IMPRIME.docx
 
Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...
Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...
Ac fr ogbyraalr9kj-rcmkfpy42a_0d8ffpeyo8jghfriozd978fytck36sjil-v7k1te_vpkq6v...
 
Practica sesion6
Practica sesion6Practica sesion6
Practica sesion6
 
Computo2.0
Computo2.0Computo2.0
Computo2.0
 
Practica sesion6
Practica sesion6Practica sesion6
Practica sesion6
 
Practica1 5 p
Practica1 5 pPractica1 5 p
Practica1 5 p
 
Com08 docentes
Com08 docentesCom08 docentes
Com08 docentes
 
Recomendaciones1
Recomendaciones1Recomendaciones1
Recomendaciones1
 
La Web4.0
La Web4.0La Web4.0
La Web4.0
 
Manual Crear Blogs
Manual Crear BlogsManual Crear Blogs
Manual Crear Blogs
 
Ht ml exposicion_2011
Ht ml exposicion_2011Ht ml exposicion_2011
Ht ml exposicion_2011
 
Programacion Estructurada
Programacion EstructuradaProgramacion Estructurada
Programacion Estructurada
 
Introduccion Programacion
Introduccion ProgramacionIntroduccion Programacion
Introduccion Programacion
 

Último

1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
MiNeyi1
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
Ana Fernandez
 
Mapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluaciónMapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluación
ruthmatiel1
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
VeronicaCabrera50
 
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdfEvaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
EfranMartnez8
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
romina395894
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
EleNoguera
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
ROCIORUIZQUEZADA
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
JorgeVillota6
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdfEstás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Ani Ann
 
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
Fernández Gorka
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
Mónica Sánchez
 
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZACORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
Sandra Mariela Ballón Aguedo
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
YeniferGarcia36
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
JonathanCovena1
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
LinoLatella
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
josseanlo1581
 

Último (20)

1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
 
Mapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluaciónMapa Mental documentos que rigen el sistema de evaluación
Mapa Mental documentos que rigen el sistema de evaluación
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
 
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdfEvaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdfEstás conmigo Jesús amigo_letra y acordes de guitarra.pdf
Estás conmigo Jesús amigo_letra y acordes de guitarra.pdf
 
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
 
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZACORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
 

Ejercicios en css

  • 1. EJERCICIOS EN CSS EJERCICIO1 Deseo obtener un archivo con Fondo sea amarillo, y que el texto contenido en ella sea de 10 puntos de altura y de la fuente Arial, con márgenes izquierdo y derecho de media pulgada. Esto afectará a todo lo que está contenido entre <BODY> y </BODY>, o sea a toda la página. EJERCICIO2 – COMO LO LOGRAMOS????? Esto es un párrafo con varias palabras en color azul oscuro. resulta muy fácil. EJERCICIO3 – QUE OBTENEMOS???? <p> Esto es un párrafo en varias palabras <SPAN style="color:green">en color verde</SPAN>. resulta muy fácil. </p> EJERCICIO4 – COMO LO LOGRAMOS????? <p style="color:#990000"> Esto es un párrafo de color rojo. </p> <p style="color:#000099"> Esto es un párrafo de color azul. </p> EJERCICIO5 – AL INSERTAR EL CÓDIGO QUE SE OBTIENE??????? <html> <head> <title> Título de la página </title> <style type="text/css"> <!-- body {background: black; font-size: 10pt; font-family: Arial,Helvetica,sans-serif; color: yellow; text- align:justify; margin-left: 0.5in; margin-right: 0.5in} H1 {background: aqua; font-size: 14pt; font-weight: bold; color: orange} H2 {font-size: 12pt; font-weight: bold; color: white} --> </style> </head> <body> Conjunto de etiquetas del cuerpo de la página </body> </html>
  • 2. EJERCICIO6 – QUE OBTENEMOS AL TRABAJAR EL SIGUIENTE CÓDIGO <style type='text/css'> body { background-color:#345485; } h1 { color:orange; font-family:'Times New Roman'; text-align:center; } p{ color:#E9EBAB; font-family:Arial,Helvetica,sans-serif; font-size:20px; text-align:center; } </style> EJERCICIO7 – QUE OBTENEMOS????? body { background: transparent url('COLOCAR UNA IMAGEN.EXT') no-repeat center background-attachment: fixed; } h1 { color:red; font-family:'Times New Roman'; font-size:24px; font-weight:bold; text-align:center; } h2 { color:blue; font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; text-align:center; } p{ color:black; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center; }
  • 3. DESEO LOGRAR LO SIGUIENTE, ¿QUÉ DEBEMOS HACER? P{ font-size : 12pt; font-family : arial,helvetica; font-weight : normal; } H1 { font-size : 36pt; font-family : verdana,arial; text-decoration : underline; text-align : center; background-color : Teal; } BODY { background-color : #006600; font-family : arial; color : White; }