SlideShare una empresa de Scribd logo
1 de 2
Juan Nicolás López Gaona
EJERCICIOS PROPUESTOS
(AULACLIC)
APLICAR ESTILOS
1. Primero hay que tener una pagina básica creada con las etiquetas…

2. Se de be poner esta etiqueta
<style media="screen" type="text/css">
#lala{ background-color: #E2F0DC; }
</style>entre las etiquetas <head> y </head>.
Esto sirve para que la pagina tome los estilos.
3. Después se agrega <div>
<table id="lala"><tr><td> contenido de la tabla </td></tr></table>
</div> en la etiqueta body.

4. Se guarda como .HTML

5. Se abre para verificar.

Y ya esta

Más contenido relacionado

La actualidad más candente (19)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nicolas esgurra.
Colegio nicolas esgurra.Colegio nicolas esgurra.
Colegio nicolas esgurra.
 
Etiquetas de código html
Etiquetas de código htmlEtiquetas de código html
Etiquetas de código html
 
Html5
Html5Html5
Html5
 
Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)
 
Primera web
Primera webPrimera web
Primera web
 
Html
HtmlHtml
Html
 
Html word2
Html word2Html word2
Html word2
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Html
HtmlHtml
Html
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Hector mozqueda
Hector mozquedaHector mozqueda
Hector mozqueda
 
trabajo cuarto periodo
trabajo cuarto periodotrabajo cuarto periodo
trabajo cuarto periodo
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Blog
BlogBlog
Blog
 

Destacado

Why Western Bancorp Infographic
Why Western Bancorp InfographicWhy Western Bancorp Infographic
Why Western Bancorp InfographicCharles Warnock
 
4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDF
4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDF4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDF
4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDFRandy Mujica
 
Pasos para subir un video a youtube
Pasos para subir un video a youtubePasos para subir un video a youtube
Pasos para subir un video a youtubeJuliana Carrano
 
Inventario General de la Zona Histórica de Añasco
Inventario General de la Zona Histórica de AñascoInventario General de la Zona Histórica de Añasco
Inventario General de la Zona Histórica de AñascoWilson Torres
 
3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDF
3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDF3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDF
3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDFRandy Mujica
 
Cuadro comparativo
Cuadro comparativo Cuadro comparativo
Cuadro comparativo taijimenez
 
Architecture for humanity beatriz adriana rueda guzman1
Architecture for humanity beatriz adriana rueda guzman1Architecture for humanity beatriz adriana rueda guzman1
Architecture for humanity beatriz adriana rueda guzman1Beatriz Adriana
 
Servicios del internet
Servicios del internetServicios del internet
Servicios del internetvic-24
 
Respuestas proyecto de vida
Respuestas proyecto de vidaRespuestas proyecto de vida
Respuestas proyecto de vidaNo Existe
 
El perfil profesional
El perfil profesionalEl perfil profesional
El perfil profesionalkpgracia
 
Formato de materiales mateo
Formato de materiales mateoFormato de materiales mateo
Formato de materiales mateomateoycamilo
 
NOTICIAS EN EL AULA, EDUCACIÓN Y CINE
NOTICIAS EN EL AULA, EDUCACIÓN Y CINENOTICIAS EN EL AULA, EDUCACIÓN Y CINE
NOTICIAS EN EL AULA, EDUCACIÓN Y CINEMiriam Leiros
 
Boletín131105
Boletín131105Boletín131105
Boletín131105Openbank
 
Cartel- Curso Delegadas y delegados de madres y padres - FAPA Alhambra
Cartel- Curso Delegadas y delegados de madres y padres - FAPA AlhambraCartel- Curso Delegadas y delegados de madres y padres - FAPA Alhambra
Cartel- Curso Delegadas y delegados de madres y padres - FAPA Alhambracodapa
 

Destacado (20)

Why Western Bancorp Infographic
Why Western Bancorp InfographicWhy Western Bancorp Infographic
Why Western Bancorp Infographic
 
Decreto 061 de octubre 15 de 2013
Decreto 061 de octubre 15 de 2013Decreto 061 de octubre 15 de 2013
Decreto 061 de octubre 15 de 2013
 
4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDF
4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDF4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDF
4 PREMIO “DESTACADO” EN 10MA JORNADA CIENTÍFICA ESTUDIANTIL.PDF
 
hhue logo (1)
hhue logo (1)hhue logo (1)
hhue logo (1)
 
Pasos para subir un video a youtube
Pasos para subir un video a youtubePasos para subir un video a youtube
Pasos para subir un video a youtube
 
Inventario General de la Zona Histórica de Añasco
Inventario General de la Zona Histórica de AñascoInventario General de la Zona Histórica de Añasco
Inventario General de la Zona Histórica de Añasco
 
3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDF
3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDF3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDF
3 PARTICIPACION EN FINAL UCI DEL ACM-ICPC (LOCAL).PDF
 
Cuadro comparativo
Cuadro comparativo Cuadro comparativo
Cuadro comparativo
 
Architecture for humanity beatriz adriana rueda guzman1
Architecture for humanity beatriz adriana rueda guzman1Architecture for humanity beatriz adriana rueda guzman1
Architecture for humanity beatriz adriana rueda guzman1
 
Unidad 2. nacionalismos.
Unidad 2. nacionalismos.Unidad 2. nacionalismos.
Unidad 2. nacionalismos.
 
Servicios del internet
Servicios del internetServicios del internet
Servicios del internet
 
Respuestas proyecto de vida
Respuestas proyecto de vidaRespuestas proyecto de vida
Respuestas proyecto de vida
 
El perfil profesional
El perfil profesionalEl perfil profesional
El perfil profesional
 
internet
internetinternet
internet
 
Formato de materiales mateo
Formato de materiales mateoFormato de materiales mateo
Formato de materiales mateo
 
NOTICIAS EN EL AULA, EDUCACIÓN Y CINE
NOTICIAS EN EL AULA, EDUCACIÓN Y CINENOTICIAS EN EL AULA, EDUCACIÓN Y CINE
NOTICIAS EN EL AULA, EDUCACIÓN Y CINE
 
El estado
El estadoEl estado
El estado
 
Boletín131105
Boletín131105Boletín131105
Boletín131105
 
Cartel- Curso Delegadas y delegados de madres y padres - FAPA Alhambra
Cartel- Curso Delegadas y delegados de madres y padres - FAPA AlhambraCartel- Curso Delegadas y delegados de madres y padres - FAPA Alhambra
Cartel- Curso Delegadas y delegados de madres y padres - FAPA Alhambra
 
Autoplant
AutoplantAutoplant
Autoplant
 

Más de informatica97

LLAMADAS A JAVASCRIPT
LLAMADAS A JAVASCRIPTLLAMADAS A JAVASCRIPT
LLAMADAS A JAVASCRIPTinformatica97
 
MODIFICAR LAS PROPIEDADES DE UNA CAPA
MODIFICAR LAS PROPIEDADES DE UNA CAPAMODIFICAR LAS PROPIEDADES DE UNA CAPA
MODIFICAR LAS PROPIEDADES DE UNA CAPAinformatica97
 
INSERTAR ELEMENTOS MULTIMEDIA
INSERTAR ELEMENTOS MULTIMEDIAINSERTAR ELEMENTOS MULTIMEDIA
INSERTAR ELEMENTOS MULTIMEDIAinformatica97
 
INSERTAR ELEMENTOS DE FORMULARIO
INSERTAR ELEMENTOS DE FORMULARIOINSERTAR ELEMENTOS DE FORMULARIO
INSERTAR ELEMENTOS DE FORMULARIOinformatica97
 
CREACION DE UNA TABLA
CREACION DE UNA TABLACREACION DE UNA TABLA
CREACION DE UNA TABLAinformatica97
 
AGREGAR HIPERENLACES
AGREGAR HIPERENLACESAGREGAR HIPERENLACES
AGREGAR HIPERENLACESinformatica97
 
MODIFICAR LAS PROPIEDADES DE TEXTO
MODIFICAR LAS PROPIEDADES DE TEXTOMODIFICAR LAS PROPIEDADES DE TEXTO
MODIFICAR LAS PROPIEDADES DE TEXTOinformatica97
 
PROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINAPROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINAinformatica97
 
CREACIÓN DE UNA PAGINA WEB
CREACIÓN DE UNA PAGINA WEBCREACIÓN DE UNA PAGINA WEB
CREACIÓN DE UNA PAGINA WEBinformatica97
 
Formularios access 2010
Formularios access 2010Formularios access 2010
Formularios access 2010informatica97
 

Más de informatica97 (15)

Access 2
Access 2Access 2
Access 2
 
Access 1
Access 1Access 1
Access 1
 
Ecxel 1
Ecxel 1Ecxel 1
Ecxel 1
 
MARCOS
MARCOSMARCOS
MARCOS
 
LLAMADAS A JAVASCRIPT
LLAMADAS A JAVASCRIPTLLAMADAS A JAVASCRIPT
LLAMADAS A JAVASCRIPT
 
MODIFICAR LAS PROPIEDADES DE UNA CAPA
MODIFICAR LAS PROPIEDADES DE UNA CAPAMODIFICAR LAS PROPIEDADES DE UNA CAPA
MODIFICAR LAS PROPIEDADES DE UNA CAPA
 
INSERTAR ELEMENTOS MULTIMEDIA
INSERTAR ELEMENTOS MULTIMEDIAINSERTAR ELEMENTOS MULTIMEDIA
INSERTAR ELEMENTOS MULTIMEDIA
 
INSERTAR ELEMENTOS DE FORMULARIO
INSERTAR ELEMENTOS DE FORMULARIOINSERTAR ELEMENTOS DE FORMULARIO
INSERTAR ELEMENTOS DE FORMULARIO
 
CREACION DE UNA TABLA
CREACION DE UNA TABLACREACION DE UNA TABLA
CREACION DE UNA TABLA
 
INSERTAR IMÁGENES
INSERTAR IMÁGENESINSERTAR IMÁGENES
INSERTAR IMÁGENES
 
AGREGAR HIPERENLACES
AGREGAR HIPERENLACESAGREGAR HIPERENLACES
AGREGAR HIPERENLACES
 
MODIFICAR LAS PROPIEDADES DE TEXTO
MODIFICAR LAS PROPIEDADES DE TEXTOMODIFICAR LAS PROPIEDADES DE TEXTO
MODIFICAR LAS PROPIEDADES DE TEXTO
 
PROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINAPROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINA
 
CREACIÓN DE UNA PAGINA WEB
CREACIÓN DE UNA PAGINA WEBCREACIÓN DE UNA PAGINA WEB
CREACIÓN DE UNA PAGINA WEB
 
Formularios access 2010
Formularios access 2010Formularios access 2010
Formularios access 2010
 

APLICAR ESTILOS

  • 1. Juan Nicolás López Gaona EJERCICIOS PROPUESTOS (AULACLIC) APLICAR ESTILOS 1. Primero hay que tener una pagina básica creada con las etiquetas… 2. Se de be poner esta etiqueta <style media="screen" type="text/css"> #lala{ background-color: #E2F0DC; } </style>entre las etiquetas <head> y </head>. Esto sirve para que la pagina tome los estilos.
  • 2. 3. Después se agrega <div> <table id="lala"><tr><td> contenido de la tabla </td></tr></table> </div> en la etiqueta body. 4. Se guarda como .HTML 5. Se abre para verificar. Y ya esta