SlideShare una empresa de Scribd logo
1 de 5
Nombres: Santiago toro castillo

                                   Erick tejedor

                                   HTML 2
MI PRIMERA PÁGINA:

Pasos a seguir para crear una página web

1.abrir bloc de notas




2.introducir los códigos respectivos con una estructura básica que es:

<html>

<head>

<title></title>

</head>

<body>

</body>
</html>

Un ejemplo seria:




Para modificar el colo del fondo vamos a agregar el siguiente código

<bodystyle="background:#80BFFF">}

Buscan el color en código HTML por ejemplo:

Verde:#02FA02

Azul: #0645FF

Amarillo: #F4FF06

El código quedara de esta forma:

<HTML>

<HEAD>

<TITLE> "ROCK LA PASION DE MUCHOS" </TITLE>

</HEAD>

<BODY>

Rock pasion musical que inspira a muchos

<bodystyle="background:#80BFFF">

</BODY>

<HTML>
Para cambiar el color de la letra agregaremos otro código y al igual que el anterior
paso cambiaremos el código del color:

el código es:<a style="color:#EBF7EC">

el código nos debería quedar así:

<HTML>

<HEAD>

<TITLE> "ROCK LA PASION DE MUCHOS" </TITLE>

<a style="color:#EBF7EC">

</HEAD>

<BODY>

Rock pasion musical que inspira a muchos

<bodystyle="background:#80BFFF">

</BODY>

<HTML>
Para poner una imagen de fondo ponemos el siguiente código

<BODY background="guitarra.jpg"> pegan la imagen donde guardaron su bloc de
notas pegan la imagen pegan el código y ponen el nombre de la imagen

Quedará asi

<HTML>

<HEAD>

<TITLE> "ROCK LA PASION DE MUCHOS" </TITLE>

<a style="color:#FC0800">

</HEAD>

<BODY background="guitarra.jpg">

Rock pasion musical que inspira a muchos

</BODY>

<HTML>

Y el resultado seria este:
Pagina web trabajo html 2 .1

Más contenido relacionado

La actualidad más candente

Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
loopeskjlo
 
Trabajo Practico N°10
Trabajo Practico N°10Trabajo Practico N°10
Trabajo Practico N°10
Cata Zerda
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de html
felipe4519
 
Elementos de la pantalla de google chrome
Elementos de la pantalla de google chromeElementos de la pantalla de google chrome
Elementos de la pantalla de google chrome
kkarloxx
 

La actualidad más candente (19)

Competencias digitales: uso de Weebly
Competencias digitales: uso de Weebly Competencias digitales: uso de Weebly
Competencias digitales: uso de Weebly
 
Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)
 
p
pp
p
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Colegio nicolas esguerra2
Colegio nicolas esguerra2Colegio nicolas esguerra2
Colegio nicolas esguerra2
 
Tutorial para blogs
Tutorial para blogsTutorial para blogs
Tutorial para blogs
 
Html.codigos
Html.codigosHtml.codigos
Html.codigos
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Unidad V
Unidad VUnidad V
Unidad V
 
Dn11 u3 a4_aalt1
Dn11 u3 a4_aalt1Dn11 u3 a4_aalt1
Dn11 u3 a4_aalt1
 
Configurar una hoja en el procesador de textos
Configurar una hoja en el procesador de textosConfigurar una hoja en el procesador de textos
Configurar una hoja en el procesador de textos
 
Trabajo Practico N°10
Trabajo Practico N°10Trabajo Practico N°10
Trabajo Practico N°10
 
Html.codigos (1)
Html.codigos (1)Html.codigos (1)
Html.codigos (1)
 
Wordpress - Curso Sede UA Villena
Wordpress - Curso Sede UA VillenaWordpress - Curso Sede UA Villena
Wordpress - Curso Sede UA Villena
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de html
 
Manual lenguaje html1
Manual lenguaje html1Manual lenguaje html1
Manual lenguaje html1
 
Elementos de la pantalla de google chrome
Elementos de la pantalla de google chromeElementos de la pantalla de google chrome
Elementos de la pantalla de google chrome
 
Bethsabeth
BethsabethBethsabeth
Bethsabeth
 
Podcasting
PodcastingPodcasting
Podcasting
 

Destacado

Tranajo acces 03 09 12
Tranajo acces 03 09 12Tranajo acces 03 09 12
Tranajo acces 03 09 12
piratadark123
 
Terminado acces 2007
Terminado acces 2007Terminado acces 2007
Terminado acces 2007
piratadark123
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshop
verito
 
Actividad unidad 4
Actividad unidad 4Actividad unidad 4
Actividad unidad 4
DURLEINYS
 
Unidad 3 tema 2
Unidad 3 tema 2Unidad 3 tema 2
Unidad 3 tema 2
DURLEINYS
 
Guia de temas adobe photoshop cs5
Guia de temas adobe photoshop cs5Guia de temas adobe photoshop cs5
Guia de temas adobe photoshop cs5
corazon de maria
 

Destacado (20)

Tranajo acces 03 09 12
Tranajo acces 03 09 12Tranajo acces 03 09 12
Tranajo acces 03 09 12
 
Terminado acces 2007
Terminado acces 2007Terminado acces 2007
Terminado acces 2007
 
Tabla de herramientas de photoshop
Tabla de herramientas de photoshopTabla de herramientas de photoshop
Tabla de herramientas de photoshop
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshop
 
Unidad 1 y Actividad 1
Unidad 1 y Actividad 1Unidad 1 y Actividad 1
Unidad 1 y Actividad 1
 
Actividad unidad 4
Actividad unidad 4Actividad unidad 4
Actividad unidad 4
 
Base de datos con microsoft acces 2007
Base de datos con microsoft acces 2007Base de datos con microsoft acces 2007
Base de datos con microsoft acces 2007
 
Unidad 3 tema 2
Unidad 3 tema 2Unidad 3 tema 2
Unidad 3 tema 2
 
Corel draw x3 guía
Corel draw x3 guíaCorel draw x3 guía
Corel draw x3 guía
 
Unidad 4 - Curso Photoshop CS5 - Sena Virtual
Unidad 4 - Curso Photoshop CS5 - Sena VirtualUnidad 4 - Curso Photoshop CS5 - Sena Virtual
Unidad 4 - Curso Photoshop CS5 - Sena Virtual
 
Unidad 1 - Curso Photoshop CS5 - Sena Virtual
Unidad 1 - Curso Photoshop CS5 - Sena VirtualUnidad 1 - Curso Photoshop CS5 - Sena Virtual
Unidad 1 - Curso Photoshop CS5 - Sena Virtual
 
Tutoria Corel Draw x3
Tutoria Corel Draw x3Tutoria Corel Draw x3
Tutoria Corel Draw x3
 
Manual Acces 2007
Manual Acces 2007 Manual Acces 2007
Manual Acces 2007
 
Manual CorelDRAW X3
Manual CorelDRAW X3Manual CorelDRAW X3
Manual CorelDRAW X3
 
Unidad 2 - Curso Photoshop CS5 - Sena Virtual
Unidad 2 - Curso Photoshop CS5 - Sena VirtualUnidad 2 - Curso Photoshop CS5 - Sena Virtual
Unidad 2 - Curso Photoshop CS5 - Sena Virtual
 
Guia de temas adobe photoshop cs5
Guia de temas adobe photoshop cs5Guia de temas adobe photoshop cs5
Guia de temas adobe photoshop cs5
 
Efectos clásicos en imagenes para una publicacion
Efectos clásicos en imagenes para una publicacionEfectos clásicos en imagenes para una publicacion
Efectos clásicos en imagenes para una publicacion
 
Manual coreldraw x3 unasam cociap 2011
Manual coreldraw x3 unasam cociap 2011Manual coreldraw x3 unasam cociap 2011
Manual coreldraw x3 unasam cociap 2011
 
MANUAL DE COREL DRAW
MANUAL DE COREL DRAWMANUAL DE COREL DRAW
MANUAL DE COREL DRAW
 
Practica Nº05 Corel Draw
Practica Nº05 Corel DrawPractica Nº05 Corel Draw
Practica Nº05 Corel Draw
 

Similar a Pagina web trabajo html 2 .1

Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
karen_malik
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
karen_malik
 
Codigos html para blog parte 2
Codigos html para blog parte 2Codigos html para blog parte 2
Codigos html para blog parte 2
Yorladis G
 

Similar a Pagina web trabajo html 2 .1 (20)

tutorial
tutorialtutorial
tutorial
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Html
HtmlHtml
Html
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
 
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
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Codigos html para blog parte 2
Codigos html para blog parte 2Codigos html para blog parte 2
Codigos html para blog parte 2
 
Html
HtmlHtml
Html
 
Spooky house
Spooky houseSpooky house
Spooky house
 
Html
HtmlHtml
Html
 
Unidad Educativa Municipal Quitumbe
Unidad Educativa Municipal QuitumbeUnidad Educativa Municipal Quitumbe
Unidad Educativa Municipal Quitumbe
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbe
 
Crear Pagina Web
Crear Pagina WebCrear Pagina Web
Crear Pagina Web
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 

Más de piratadark123

Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2
piratadark123
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
piratadark123
 
conceptos basicos HTML
conceptos basicos HTMLconceptos basicos HTML
conceptos basicos HTML
piratadark123
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
piratadark123
 
Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007
piratadark123
 
Trabajo acces 03 09 12
Trabajo acces 03 09 12Trabajo acces 03 09 12
Trabajo acces 03 09 12
piratadark123
 
Terminado acces 2007
Terminado acces 2007Terminado acces 2007
Terminado acces 2007
piratadark123
 
Terminado acces 2007
Terminado acces 2007Terminado acces 2007
Terminado acces 2007
piratadark123
 
Nos dirigimos a control
Nos dirigimos a controlNos dirigimos a control
Nos dirigimos a control
piratadark123
 
Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007
piratadark123
 
Crear la primera relación
Crear la primera relaciónCrear la primera relación
Crear la primera relación
piratadark123
 
Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007
piratadark123
 
Crear la primera relación
Crear la primera relaciónCrear la primera relación
Crear la primera relación
piratadark123
 

Más de piratadark123 (20)

Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2
 
Html 3
Html 3Html 3
Html 3
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
conceptos basicos HTML
conceptos basicos HTMLconceptos basicos HTML
conceptos basicos HTML
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007
 
Trabajo acces 03 09 12
Trabajo acces 03 09 12Trabajo acces 03 09 12
Trabajo acces 03 09 12
 
Documento access
Documento accessDocumento access
Documento access
 
Terminado acces 2007
Terminado acces 2007Terminado acces 2007
Terminado acces 2007
 
Terminado acces 2007
Terminado acces 2007Terminado acces 2007
Terminado acces 2007
 
Nos dirigimos a control
Nos dirigimos a controlNos dirigimos a control
Nos dirigimos a control
 
Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007
 
Crear la primera relación
Crear la primera relaciónCrear la primera relación
Crear la primera relación
 
Colegio n..
Colegio n..Colegio n..
Colegio n..
 
Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007Explicacion de cómo crear una base de datos en access 2007
Explicacion de cómo crear una base de datos en access 2007
 
El universo
El universoEl universo
El universo
 
Crear la primera relación
Crear la primera relaciónCrear la primera relación
Crear la primera relación
 
Colegio n..
Colegio n..Colegio n..
Colegio n..
 
Biodiversidad
BiodiversidadBiodiversidad
Biodiversidad
 
Agua
AguaAgua
Agua
 

Pagina web trabajo html 2 .1

  • 1. Nombres: Santiago toro castillo Erick tejedor HTML 2 MI PRIMERA PÁGINA: Pasos a seguir para crear una página web 1.abrir bloc de notas 2.introducir los códigos respectivos con una estructura básica que es: <html> <head> <title></title> </head> <body> </body>
  • 2. </html> Un ejemplo seria: Para modificar el colo del fondo vamos a agregar el siguiente código <bodystyle="background:#80BFFF">} Buscan el color en código HTML por ejemplo: Verde:#02FA02 Azul: #0645FF Amarillo: #F4FF06 El código quedara de esta forma: <HTML> <HEAD> <TITLE> "ROCK LA PASION DE MUCHOS" </TITLE> </HEAD> <BODY> Rock pasion musical que inspira a muchos <bodystyle="background:#80BFFF"> </BODY> <HTML>
  • 3. Para cambiar el color de la letra agregaremos otro código y al igual que el anterior paso cambiaremos el código del color: el código es:<a style="color:#EBF7EC"> el código nos debería quedar así: <HTML> <HEAD> <TITLE> "ROCK LA PASION DE MUCHOS" </TITLE> <a style="color:#EBF7EC"> </HEAD> <BODY> Rock pasion musical que inspira a muchos <bodystyle="background:#80BFFF"> </BODY> <HTML>
  • 4. Para poner una imagen de fondo ponemos el siguiente código <BODY background="guitarra.jpg"> pegan la imagen donde guardaron su bloc de notas pegan la imagen pegan el código y ponen el nombre de la imagen Quedará asi <HTML> <HEAD> <TITLE> "ROCK LA PASION DE MUCHOS" </TITLE> <a style="color:#FC0800"> </HEAD> <BODY background="guitarra.jpg"> Rock pasion musical que inspira a muchos </BODY> <HTML> Y el resultado seria este: