SlideShare una empresa de Scribd logo
PARA EMPEZAR ABRIMOS NOTEPAT++ Y ESCRIBIMOS EL DISEÑO DE UNA PAGINA BASE




LUEGO ESCRIBIMOS EL TITULO DE LA PESTAÑA DEL NAVEGADOR




DENTRO DEL BODY ESCRIBIMOS EL TAG DIV EL CUAL ME VA A SERVIR PARA AGRUPAS RUNOS
ELEMENTOS QUE VAN A SER CAMBIADOS POR EL MARQUETERO
LUEGO ESCRIBIMOS EL TAG HEADER Y DENTRO DE EL UN TAG <H1> PARA EL TITULO Y UN TAG <P>
PARA ESCRIBIR UN PARRAFO




AHORA CREAREMOS UN MENU UTILIZANDO EL TAG <NAV> Y DENTRO DE EL INCLUIMOS LOS TAGS
<UL><LI>




                                                   EN HREF ESCRIBIMOS EL
                                                 ENLACE DONDE QUEREMOS IR
AHORA SI QUEREMOS CREAR BLOQUES UTILIZAMOS EL TAG <ASIDE>




PARA UBICAR LOS ARICULOS IMPORTANTES UTILIZAMOS EL TAG <SECTION> Y DENTRO DE EL
ESCRIBIREMOS EL TAG <ARTICLE>
PARA FIANLIZAR CREAREMOS UN PIE E PAGINA CON EL TAG FOOTER
2 pagina web

Más contenido relacionado

La actualidad más candente

Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
seergio_a6
 
HTML
HTML HTML
HTML
BDBT
 
Trabajo práctico nº 7
Trabajo práctico nº 7Trabajo práctico nº 7
Trabajo práctico nº 7
nico199
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Daniel Plata
 
Cómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEO
Cómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEOCómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEO
Cómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEO
Israel Rodz
 
Tabla delo blog (1)
Tabla delo blog (1)Tabla delo blog (1)
Tabla delo blog (1)
rigun123
 
tabla del blog
tabla del blogtabla del blog
tabla del blog
xunii12
 
Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...
Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...
Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...
Reynaldo Morillo
 
Maquetacion+
Maquetacion+Maquetacion+
Maquetacion+
Ruth Pinchao
 
Vincular google calendar
Vincular google calendarVincular google calendar
Vincular google calendar
Dolos Ruz
 
HOTMAIL
HOTMAILHOTMAIL
Paginaii
PaginaiiPaginaii
Paginaii
DITHOR
 
Html 5 y css viviana
Html 5 y css vivianaHtml 5 y css viviana
Html 5 y css viviana
Viviana Bebitha
 
In design
In designIn design
Taller dos paginaweb
Taller dos paginawebTaller dos paginaweb
Taller dos paginaweb
sebastas07
 
Trabajo practico n°3
Trabajo practico n°3Trabajo practico n°3
Trabajo practico n°3
guadatorres
 
Explicacion del trabajo en clase
Explicacion del trabajo en claseExplicacion del trabajo en clase
Explicacion del trabajo en clase
david905
 

La actualidad más candente (17)

Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
HTML
HTML HTML
HTML
 
Trabajo práctico nº 7
Trabajo práctico nº 7Trabajo práctico nº 7
Trabajo práctico nº 7
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Cómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEO
Cómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEOCómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEO
Cómo utilizar Palabras Clave en tu Sitio Web - Posicionamiento SEO
 
Tabla delo blog (1)
Tabla delo blog (1)Tabla delo blog (1)
Tabla delo blog (1)
 
tabla del blog
tabla del blogtabla del blog
tabla del blog
 
Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...
Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...
Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3...
 
Maquetacion+
Maquetacion+Maquetacion+
Maquetacion+
 
Vincular google calendar
Vincular google calendarVincular google calendar
Vincular google calendar
 
HOTMAIL
HOTMAILHOTMAIL
HOTMAIL
 
Paginaii
PaginaiiPaginaii
Paginaii
 
Html 5 y css viviana
Html 5 y css vivianaHtml 5 y css viviana
Html 5 y css viviana
 
In design
In designIn design
In design
 
Taller dos paginaweb
Taller dos paginawebTaller dos paginaweb
Taller dos paginaweb
 
Trabajo practico n°3
Trabajo practico n°3Trabajo practico n°3
Trabajo practico n°3
 
Explicacion del trabajo en clase
Explicacion del trabajo en claseExplicacion del trabajo en clase
Explicacion del trabajo en clase
 

Destacado

5 taller de recapitulacion
5 taller de recapitulacion5 taller de recapitulacion
5 taller de recapitulacion
Marlon Hernandez
 
3 pagina con audio y video
3 pagina con audio y video3 pagina con audio y video
3 pagina con audio y video
Marlon Hernandez
 
Agrupado
AgrupadoAgrupado
6 entorno de trabajo en flah
6 entorno de trabajo en flah6 entorno de trabajo en flah
6 entorno de trabajo en flah
Marlon Hernandez
 
1 pagina web
1 pagina web1 pagina web
1 pagina web
Marlon Hernandez
 
Paisaje urbano
Paisaje urbanoPaisaje urbano
Paisaje urbano
Marlon Hernandez
 
Πάσχα στη Ρόδο...στην Τρίπολη...
Πάσχα στη Ρόδο...στην Τρίπολη...Πάσχα στη Ρόδο...στην Τρίπολη...
Πάσχα στη Ρόδο...στην Τρίπολη...avramaki
 
Religies 1203591977526744-3-cpia-091019055500-phpapp02
Religies 1203591977526744-3-cpia-091019055500-phpapp02Religies 1203591977526744-3-cpia-091019055500-phpapp02
Religies 1203591977526744-3-cpia-091019055500-phpapp02
Marcia Silva
 
Welcome to aet 541 e learning
Welcome to aet 541 e learningWelcome to aet 541 e learning
Welcome to aet 541 e learning
Jennetta
 
Exploração de ferramentas Web 2.0 para áudio e vídeo
Exploração de ferramentas Web 2.0 para áudio e vídeoExploração de ferramentas Web 2.0 para áudio e vídeo
Exploração de ferramentas Web 2.0 para áudio e vídeo
GILT (Games, Interaction and Learning Technologies) IS Engenharia do Porto
 
Euretos presentation ACS
Euretos presentation ACSEuretos presentation ACS
Euretos presentation ACS
albertmons
 
Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013
Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013
Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013
innovate change
 
Informe impunidad ddhh_comunidad_glbt
Informe impunidad ddhh_comunidad_glbtInforme impunidad ddhh_comunidad_glbt
Informe impunidad ddhh_comunidad_glbt
Quiteria Franco
 
ROAD : le réseau ISSN au service du Répertoire des Ressources scientifiques ...
ROAD : le réseau ISSN au service du  Répertoire des Ressources scientifiques ...ROAD : le réseau ISSN au service du  Répertoire des Ressources scientifiques ...
ROAD : le réseau ISSN au service du Répertoire des Ressources scientifiques ...
ISSN International Centre
 
Mantenimiento de un monitor cardíaco
Mantenimiento de un monitor cardíacoMantenimiento de un monitor cardíaco
Mantenimiento de un monitor cardíaco
Deisy97
 
Teoria motivacional
Teoria motivacionalTeoria motivacional
Teoria motivacional
1984fabiola
 
Building a Marketing Tech Stack to Accelerate Engagement
Building a Marketing Tech Stack to Accelerate EngagementBuilding a Marketing Tech Stack to Accelerate Engagement
Building a Marketing Tech Stack to Accelerate Engagement
Marketo
 
Secuencia adjetivos 3°
Secuencia adjetivos 3°Secuencia adjetivos 3°
Secuencia adjetivos 3°
Marina Romillo Geymonat
 

Destacado (20)

5 taller de recapitulacion
5 taller de recapitulacion5 taller de recapitulacion
5 taller de recapitulacion
 
3 pagina con audio y video
3 pagina con audio y video3 pagina con audio y video
3 pagina con audio y video
 
Agrupado
AgrupadoAgrupado
Agrupado
 
6 entorno de trabajo en flah
6 entorno de trabajo en flah6 entorno de trabajo en flah
6 entorno de trabajo en flah
 
1 pagina web
1 pagina web1 pagina web
1 pagina web
 
Paisaje urbano
Paisaje urbanoPaisaje urbano
Paisaje urbano
 
Revista Austral
Revista AustralRevista Austral
Revista Austral
 
Πάσχα στη Ρόδο...στην Τρίπολη...
Πάσχα στη Ρόδο...στην Τρίπολη...Πάσχα στη Ρόδο...στην Τρίπολη...
Πάσχα στη Ρόδο...στην Τρίπολη...
 
Religies 1203591977526744-3-cpia-091019055500-phpapp02
Religies 1203591977526744-3-cpia-091019055500-phpapp02Religies 1203591977526744-3-cpia-091019055500-phpapp02
Religies 1203591977526744-3-cpia-091019055500-phpapp02
 
Welcome to aet 541 e learning
Welcome to aet 541 e learningWelcome to aet 541 e learning
Welcome to aet 541 e learning
 
Exploração de ferramentas Web 2.0 para áudio e vídeo
Exploração de ferramentas Web 2.0 para áudio e vídeoExploração de ferramentas Web 2.0 para áudio e vídeo
Exploração de ferramentas Web 2.0 para áudio e vídeo
 
Euretos presentation ACS
Euretos presentation ACSEuretos presentation ACS
Euretos presentation ACS
 
Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013
Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013
Culture counts! Official Statistics on Māori Culture from Te Kupenga 2013
 
Informe impunidad ddhh_comunidad_glbt
Informe impunidad ddhh_comunidad_glbtInforme impunidad ddhh_comunidad_glbt
Informe impunidad ddhh_comunidad_glbt
 
ROAD : le réseau ISSN au service du Répertoire des Ressources scientifiques ...
ROAD : le réseau ISSN au service du  Répertoire des Ressources scientifiques ...ROAD : le réseau ISSN au service du  Répertoire des Ressources scientifiques ...
ROAD : le réseau ISSN au service du Répertoire des Ressources scientifiques ...
 
Mantenimiento de un monitor cardíaco
Mantenimiento de un monitor cardíacoMantenimiento de un monitor cardíaco
Mantenimiento de un monitor cardíaco
 
Teoria motivacional
Teoria motivacionalTeoria motivacional
Teoria motivacional
 
Building a Marketing Tech Stack to Accelerate Engagement
Building a Marketing Tech Stack to Accelerate EngagementBuilding a Marketing Tech Stack to Accelerate Engagement
Building a Marketing Tech Stack to Accelerate Engagement
 
Secuencia adjetivos 3°
Secuencia adjetivos 3°Secuencia adjetivos 3°
Secuencia adjetivos 3°
 
Flash
FlashFlash
Flash
 

Similar a 2 pagina web

Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
ABel Palma
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Ana Lira
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
danielaerazok
 
Pagina de audio y video
Pagina de audio y videoPagina de audio y video
Pagina de audio y video
fjdghfgkhfhg
 
Practia de marquesina en blugriffon
Practia de marquesina en blugriffonPractia de marquesina en blugriffon
Practia de marquesina en blugriffon
Alvaro Bladimir Cardoza
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
taniamabel
 
Html
HtmlHtml
Tpd 02
Tpd 02Tpd 02
NATHALY GALARRAGA Access
NATHALY GALARRAGA AccessNATHALY GALARRAGA Access
NATHALY GALARRAGA Access
Natys Galarraga
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
Javier El Harry
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
JohnDeZethyak
 
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.pptETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
MarthaPatriciaLugoPe
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
Jos Joseph Lg
 
Html basico
Html basicoHtml basico
Html basico
Yo ♥ Tacna
 
Html basico
Html basicoHtml basico
Html basico
Yo ♥ Tacna
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
David Alejandro González González
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
Margarita T.
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
marcos0209
 
Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
Joel Pinedo
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
Yo ♥ Tacna
 

Similar a 2 pagina web (20)

Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Pagina de audio y video
Pagina de audio y videoPagina de audio y video
Pagina de audio y video
 
Practia de marquesina en blugriffon
Practia de marquesina en blugriffonPractia de marquesina en blugriffon
Practia de marquesina en blugriffon
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
Html
HtmlHtml
Html
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
NATHALY GALARRAGA Access
NATHALY GALARRAGA AccessNATHALY GALARRAGA Access
NATHALY GALARRAGA Access
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.pptETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 

Más de Marlon Hernandez

7 paisaje nocturno
7 paisaje nocturno7 paisaje nocturno
7 paisaje nocturno
Marlon Hernandez
 
Esteban
EstebanEsteban
3 puertos
3 puertos3 puertos
3 puertos
Marlon Hernandez
 
6 ejercicios en actionscrip
6 ejercicios en actionscrip6 ejercicios en actionscrip
6 ejercicios en actionscrip
Marlon Hernandez
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
Marlon Hernandez
 
3 php
3 php3 php
3 php
3 php3 php
4 tipos en clase
4 tipos en clase4 tipos en clase
4 tipos en clase
Marlon Hernandez
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
Marlon Hernandez
 
5 tipos en clase
5 tipos en clase5 tipos en clase
5 tipos en clase
Marlon Hernandez
 
2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,Marlon Hernandez
 
2 progrmacion orientada a objetos
2 progrmacion orientada a objetos2 progrmacion orientada a objetos
2 progrmacion orientada a objetosMarlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
Trabajo de flahs
Trabajo de flahsTrabajo de flahs
Trabajo de flahs
Marlon Hernandez
 
Cuaderno
CuadernoCuaderno
Programacion
ProgramacionProgramacion
Programacion
Marlon Hernandez
 

Más de Marlon Hernandez (20)

7 paisaje nocturno
7 paisaje nocturno7 paisaje nocturno
7 paisaje nocturno
 
Esteban
EstebanEsteban
Esteban
 
3 puertos
3 puertos3 puertos
3 puertos
 
6 ejercicios en actionscrip
6 ejercicios en actionscrip6 ejercicios en actionscrip
6 ejercicios en actionscrip
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
 
3 php
3 php3 php
3 php
 
3 php
3 php3 php
3 php
 
4 tipos en clase
4 tipos en clase4 tipos en clase
4 tipos en clase
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
 
5 tipos en clase
5 tipos en clase5 tipos en clase
5 tipos en clase
 
2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,
 
2 progrmacion orientada a objetos
2 progrmacion orientada a objetos2 progrmacion orientada a objetos
2 progrmacion orientada a objetos
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
Trabajo de flahs
Trabajo de flahsTrabajo de flahs
Trabajo de flahs
 
Mantenimiento
MantenimientoMantenimiento
Mantenimiento
 
Cuaderno
CuadernoCuaderno
Cuaderno
 
Programacion
ProgramacionProgramacion
Programacion
 

2 pagina web

  • 1. PARA EMPEZAR ABRIMOS NOTEPAT++ Y ESCRIBIMOS EL DISEÑO DE UNA PAGINA BASE LUEGO ESCRIBIMOS EL TITULO DE LA PESTAÑA DEL NAVEGADOR DENTRO DEL BODY ESCRIBIMOS EL TAG DIV EL CUAL ME VA A SERVIR PARA AGRUPAS RUNOS ELEMENTOS QUE VAN A SER CAMBIADOS POR EL MARQUETERO
  • 2. LUEGO ESCRIBIMOS EL TAG HEADER Y DENTRO DE EL UN TAG <H1> PARA EL TITULO Y UN TAG <P> PARA ESCRIBIR UN PARRAFO AHORA CREAREMOS UN MENU UTILIZANDO EL TAG <NAV> Y DENTRO DE EL INCLUIMOS LOS TAGS <UL><LI> EN HREF ESCRIBIMOS EL ENLACE DONDE QUEREMOS IR
  • 3. AHORA SI QUEREMOS CREAR BLOQUES UTILIZAMOS EL TAG <ASIDE> PARA UBICAR LOS ARICULOS IMPORTANTES UTILIZAMOS EL TAG <SECTION> Y DENTRO DE EL ESCRIBIREMOS EL TAG <ARTICLE>
  • 4. PARA FIANLIZAR CREAREMOS UN PIE E PAGINA CON EL TAG FOOTER