SlideShare a Scribd company logo
1 of 3
Download to read offline
ACTIVIDADES DE HTML. ETIQUETAS Y CODIGOS.

ACTIVIDAD 1:
<html>
       <head>
             <title> Pagina de Prueba 1</title>
       </head>

        <body>
        Aqui aparecera toda la informacion que nosotros deseemos introducir, texto,
fotos, tablas, enlaces,...etc.
        </body>
</html>

ACTIVIDAD 2:
<html>
       <head>
             <title> Pagina de Prueba 2</title>
       </head>

       <body bgcolor = #ff0000>
       En este ejemplo veremos como cambia el color de fondo de nuestra pagina web
       </body>
</html>

ACTIVIDAD 3:
<html>
       <head>
             <title> Pagina de Prueba 3</title>
       </head>

       <body bgcolor = #00ff00; body text = #ffffff>
              En este ejemplo veremos como cambia el color de fondo de nuestra
pagina web y como cambiamos el color de la letra.
       </body>
</html>

ACTIVIDAD 4:
<html>
       <head>
             <title> Pagina de Prueba 4</title>
       </head>

       <body>
             En este ejemplo veremos como el numero de blancos que se incluyen en
una página HTML se interpretan como un único blanco.
             El Navegador determina dónde debe incorporar los cambios de línea.
       </body>
</html>
ACTIVIDAD 5:
<html>
       <head>
             <title> Pagina de Prueba 5</title>
       </head>
       <body>
             En este ejemplo veremos como
             el numero de blancos
             que se incluyen en una
             página HTML se interpretan
             como un único blanco.
             El Navegador determina
             dónde debe incorporar los
             cambios de línea.
       </body>
</html>

ACTIVIDAD 6:
<html>
       <head>
             <title> Pagina de Prueba 6</title>
       </head>
       <body>
             <h1>En este ejemplo veremos como es el titulo con h1.</h1>
             <h3>En este ejemplo veremos como es el titulo con h3.</h3>
       </body>
</html>

ACTIVIDAD 7:
<html>
       <head>
             <title> Pagina de Prueba 7</title>
       </head>
       <body>
             Como recordareis<br>aunque hicieseis saltos de línea,<br>
             el navegador no lo interpretaba si no ve la orden <br>¿O.K.?
       </body>
</html>

ACTIVIDAD 8:
<html>
       <head>
             <title> Pagina de Prueba 8</title>
       </head>
       <body>
             La película ganadora del Óscar a la mejor<br>
             película extranjera ha sido: Todo sobre mi madre.<p>
             El Óscar al mejor actor secundario recayó sobre...
       </body>
</html>
ACTIVIDAD 9:
<html>
       <head>
             <title> Pagina de Prueba 9</title>
       </head>
       <body>
             <div>La película ganadora del Óscar a la mejor<br>
             película extranjera ha sido: Todo sobre mi madre.</div>
             El Óscar al mejor actor secundario recayó sobre...
       </body>
</html>

ACTIVIDAD 10:
<html>
       <head>
             <title> Pagina de Prueba 10</title>
       </head>
       <body>
             <span>La película ganadora del Óscar a la mejor<br>
             película extranjera ha sido: Todo sobre mi madre.</span>
             El Óscar al mejor actor secundario recayó sobre...
       </body>
</html>

ACTIVIDAD 11:
<html>
       <head>
             <title> Pagina de Prueba 11</title>
       </head>
       <body>
             <hr>
             La película ganadora del Óscar a la mejor<br>
             película extranjera ha sido: Todo sobre mi madre.<p>
             El Óscar al mejor actor secundario recayó sobre...
             <hr>
       </body>
</html>

ACTIVIDAD 12:
<html>
       <head>
             <title> Pagina de Prueba 12</title>
       </head>

       <body>
             <hr>
             Vamos a ver sólo un es&nbsppacio y ahora dos espa&nbsp&nbspcios.
             <hr>
       </body>
</html>

More Related Content

Viewers also liked

Tipos de archivos y extensiones[1]
Tipos de archivos y extensiones[1]Tipos de archivos y extensiones[1]
Tipos de archivos y extensiones[1]
annes chavez vanegas
 
Estructura de un Ordenador Personal
Estructura de un Ordenador PersonalEstructura de un Ordenador Personal
Estructura de un Ordenador Personal
ies valledeltietar
 
Hardware 2011
Hardware 2011Hardware 2011
Hardware 2011
nachogf
 
Cinta de opciones y funciones de sus fichas
Cinta de opciones y funciones de sus fichasCinta de opciones y funciones de sus fichas
Cinta de opciones y funciones de sus fichas
knelia2
 
Estrategias para impartir clases de manera más dinámica
Estrategias para impartir clases de manera más dinámicaEstrategias para impartir clases de manera más dinámica
Estrategias para impartir clases de manera más dinámica
Lisbett Jaquez
 

Viewers also liked (16)

El mapa conceptual
El mapa conceptualEl mapa conceptual
El mapa conceptual
 
Tipos de archivos y extensiones[1]
Tipos de archivos y extensiones[1]Tipos de archivos y extensiones[1]
Tipos de archivos y extensiones[1]
 
Tutorial Movie Maker
Tutorial Movie MakerTutorial Movie Maker
Tutorial Movie Maker
 
Lenguaje.html
Lenguaje.htmlLenguaje.html
Lenguaje.html
 
Estructura de un Ordenador Personal
Estructura de un Ordenador PersonalEstructura de un Ordenador Personal
Estructura de un Ordenador Personal
 
Componentes de un pc
Componentes de un pcComponentes de un pc
Componentes de un pc
 
Tema 1 La sociedad de la información y la comunicación
Tema 1 La sociedad de la información y la comunicaciónTema 1 La sociedad de la información y la comunicación
Tema 1 La sociedad de la información y la comunicación
 
Hardware 2011
Hardware 2011Hardware 2011
Hardware 2011
 
Asignatura de bachillerato informática
Asignatura  de bachillerato  informáticaAsignatura  de bachillerato  informática
Asignatura de bachillerato informática
 
Componentes del ordenador (2008)
Componentes del ordenador (2008)Componentes del ordenador (2008)
Componentes del ordenador (2008)
 
Cinta de opciones y funciones de sus fichas
Cinta de opciones y funciones de sus fichasCinta de opciones y funciones de sus fichas
Cinta de opciones y funciones de sus fichas
 
Montaje de pc
Montaje de pcMontaje de pc
Montaje de pc
 
Tipos de conectores de PC
Tipos de conectores de PCTipos de conectores de PC
Tipos de conectores de PC
 
Informática básica 2011
Informática básica 2011Informática básica 2011
Informática básica 2011
 
Estrategias para impartir clases de manera más dinámica
Estrategias para impartir clases de manera más dinámicaEstrategias para impartir clases de manera más dinámica
Estrategias para impartir clases de manera más dinámica
 
Actividades para la clase.
Actividades para la clase.Actividades para la clase.
Actividades para la clase.
 

Similar to Actividades iniciales html

Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
Coka Medel
 
Paginas web
Paginas webPaginas web
Paginas web
Robi22
 
SESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdf
SESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdfSESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdf
SESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdf
HenryBreak1
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
Leotom
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
Leotom
 

Similar to Actividades iniciales html (20)

Segunda clase
Segunda claseSegunda clase
Segunda clase
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
 
Paginas web
Paginas webPaginas web
Paginas web
 
SESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdf
SESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdfSESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdf
SESIÓN 02 - DISEÑO DE PÁGINAS WEB (1).pdf
 
Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java script
 
Ejemplo practico
Ejemplo practicoEjemplo practico
Ejemplo practico
 
Programación en html 2
Programación en html 2Programación en html 2
Programación en html 2
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
 
Nuevas etiquetas html5
Nuevas etiquetas html5Nuevas etiquetas html5
Nuevas etiquetas html5
 
Html guia 1
Html guia 1 Html guia 1
Html guia 1
 
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
 
Introducción al Desarrollo Web
Introducción al Desarrollo WebIntroducción al Desarrollo Web
Introducción al Desarrollo Web
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTML
 
Html
HtmlHtml
Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 

More from Pepe Potamo

Las fibras-textiles-3
Las fibras-textiles-3Las fibras-textiles-3
Las fibras-textiles-3
Pepe Potamo
 
Fibrastextiles 2
Fibrastextiles 2Fibrastextiles 2
Fibrastextiles 2
Pepe Potamo
 
Fibrastextiles 1
Fibrastextiles 1Fibrastextiles 1
Fibrastextiles 1
Pepe Potamo
 
Materiales textiles
Materiales textilesMateriales textiles
Materiales textiles
Pepe Potamo
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
Pepe Potamo
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
Pepe Potamo
 
Interpretadibujos
InterpretadibujosInterpretadibujos
Interpretadibujos
Pepe Potamo
 
Impacto tecnológico
Impacto tecnológicoImpacto tecnológico
Impacto tecnológico
Pepe Potamo
 
Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)
Pepe Potamo
 
Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)
Pepe Potamo
 
Puntos limpios (mariely báez)
Puntos limpios (mariely báez)Puntos limpios (mariely báez)
Puntos limpios (mariely báez)
Pepe Potamo
 
Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)
Pepe Potamo
 
Contenidos página web
Contenidos página webContenidos página web
Contenidos página web
Pepe Potamo
 
Photo story 3. manual
Photo story 3. manualPhoto story 3. manual
Photo story 3. manual
Pepe Potamo
 
Protocolo de montreal
Protocolo de montrealProtocolo de montreal
Protocolo de montreal
Pepe Potamo
 
Etiquetas html 2
Etiquetas html 2Etiquetas html 2
Etiquetas html 2
Pepe Potamo
 
Etiquetas html 1
Etiquetas html 1Etiquetas html 1
Etiquetas html 1
Pepe Potamo
 

More from Pepe Potamo (20)

Las fibras-textiles-3
Las fibras-textiles-3Las fibras-textiles-3
Las fibras-textiles-3
 
Fibrastextiles 2
Fibrastextiles 2Fibrastextiles 2
Fibrastextiles 2
 
Fibrastextiles 1
Fibrastextiles 1Fibrastextiles 1
Fibrastextiles 1
 
Materiales textiles
Materiales textilesMateriales textiles
Materiales textiles
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
 
25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones25156990 unidad-4-la-energia-y-sus-transformaciones
25156990 unidad-4-la-energia-y-sus-transformaciones
 
Interpretadibujos
InterpretadibujosInterpretadibujos
Interpretadibujos
 
Impacto tecnológico
Impacto tecnológicoImpacto tecnológico
Impacto tecnológico
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)Ozono, invernadero, acida (rodrigo)
Ozono, invernadero, acida (rodrigo)
 
Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)Lluvia ácida y capa ozono (silvia)
Lluvia ácida y capa ozono (silvia)
 
Puntos limpios (mariely báez)
Puntos limpios (mariely báez)Puntos limpios (mariely báez)
Puntos limpios (mariely báez)
 
Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)Lluvia ácida y efecto invernadero (fernando)
Lluvia ácida y efecto invernadero (fernando)
 
Contenidos página web
Contenidos página webContenidos página web
Contenidos página web
 
Photo story 3. manual
Photo story 3. manualPhoto story 3. manual
Photo story 3. manual
 
Protocolo de montreal
Protocolo de montrealProtocolo de montreal
Protocolo de montreal
 
Etiquetas html 2
Etiquetas html 2Etiquetas html 2
Etiquetas html 2
 
Etiquetas html 1
Etiquetas html 1Etiquetas html 1
Etiquetas html 1
 
Gauss
GaussGauss
Gauss
 
Gauss
GaussGauss
Gauss
 

Recently uploaded

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Recently uploaded (11)

Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 

Actividades iniciales html

  • 1. ACTIVIDADES DE HTML. ETIQUETAS Y CODIGOS. ACTIVIDAD 1: <html> <head> <title> Pagina de Prueba 1</title> </head> <body> Aqui aparecera toda la informacion que nosotros deseemos introducir, texto, fotos, tablas, enlaces,...etc. </body> </html> ACTIVIDAD 2: <html> <head> <title> Pagina de Prueba 2</title> </head> <body bgcolor = #ff0000> En este ejemplo veremos como cambia el color de fondo de nuestra pagina web </body> </html> ACTIVIDAD 3: <html> <head> <title> Pagina de Prueba 3</title> </head> <body bgcolor = #00ff00; body text = #ffffff> En este ejemplo veremos como cambia el color de fondo de nuestra pagina web y como cambiamos el color de la letra. </body> </html> ACTIVIDAD 4: <html> <head> <title> Pagina de Prueba 4</title> </head> <body> En este ejemplo veremos como el numero de blancos que se incluyen en una página HTML se interpretan como un único blanco. El Navegador determina dónde debe incorporar los cambios de línea. </body> </html>
  • 2. ACTIVIDAD 5: <html> <head> <title> Pagina de Prueba 5</title> </head> <body> En este ejemplo veremos como el numero de blancos que se incluyen en una página HTML se interpretan como un único blanco. El Navegador determina dónde debe incorporar los cambios de línea. </body> </html> ACTIVIDAD 6: <html> <head> <title> Pagina de Prueba 6</title> </head> <body> <h1>En este ejemplo veremos como es el titulo con h1.</h1> <h3>En este ejemplo veremos como es el titulo con h3.</h3> </body> </html> ACTIVIDAD 7: <html> <head> <title> Pagina de Prueba 7</title> </head> <body> Como recordareis<br>aunque hicieseis saltos de línea,<br> el navegador no lo interpretaba si no ve la orden <br>¿O.K.? </body> </html> ACTIVIDAD 8: <html> <head> <title> Pagina de Prueba 8</title> </head> <body> La película ganadora del Óscar a la mejor<br> película extranjera ha sido: Todo sobre mi madre.<p> El Óscar al mejor actor secundario recayó sobre... </body> </html>
  • 3. ACTIVIDAD 9: <html> <head> <title> Pagina de Prueba 9</title> </head> <body> <div>La película ganadora del Óscar a la mejor<br> película extranjera ha sido: Todo sobre mi madre.</div> El Óscar al mejor actor secundario recayó sobre... </body> </html> ACTIVIDAD 10: <html> <head> <title> Pagina de Prueba 10</title> </head> <body> <span>La película ganadora del Óscar a la mejor<br> película extranjera ha sido: Todo sobre mi madre.</span> El Óscar al mejor actor secundario recayó sobre... </body> </html> ACTIVIDAD 11: <html> <head> <title> Pagina de Prueba 11</title> </head> <body> <hr> La película ganadora del Óscar a la mejor<br> película extranjera ha sido: Todo sobre mi madre.<p> El Óscar al mejor actor secundario recayó sobre... <hr> </body> </html> ACTIVIDAD 12: <html> <head> <title> Pagina de Prueba 12</title> </head> <body> <hr> Vamos a ver sólo un es&nbsppacio y ahora dos espa&nbsp&nbspcios. <hr> </body> </html>