SlideShare une entreprise Scribd logo
1  sur  3
2° PAGINA WEB EN HTML5
  Lo primero que hacemos es abrir notepad++ y empezamos colocando
DOCTYPE de la siguiente manera <! DOCTYPE> y luegoseguimos con HTML.




    a continuación seguimos con nuestra página, utilizando la siguiente
abreviación, en donde podemos explicar para que sirve cada una de ellas ya
    que en esta al ejecutar la página no se va a ver <!—esto no se ve-->.




   luego para guardarla la guardamos en una carpeta que diga ensayo y
dentro de ella escultura en mi caso porque puede ser cualquier otro
                                nombre.




       El paso siguiente ya es colocar las siguientes abreviaturas:

            HEAD: es el título de la pestaña en el navegador

BODY: es el div agrupa una serie de elementos que van a ser cambiados
                       por el maqueteador css

                     P: para poner texto a la pagina

                    HEADER: es etiqueta de html5

 NAV: empleamos un menú para poder navegar empleando el Tag nav

                UL: lista no ordenada de nuestro menú

 ASIDE: para los bloques tanto de la izquierda a la derecha se emplea el
                              Tag aside

          FOOTER: el pie de página se escribe con Tag footer

Luego de poner las anteriores abreviaturas, nos quedara una magina de la
                           siguiente manera.
Tenemos que tener en cuenta que lo de color verde no se mira al ejecutar la
    página web. Finalmente al ejecutar la página nos va a quedar de la
                          siguiente manera.




La anterior página solo fue una muestra para explicar algo sobre HTML pero
 a medida de ir aprendiendo podemos meternos en el cuento e diseñando
                         nuestra propia pagina web.

Contenu connexe

Tendances

Resolucion de trabajo practico n3
Resolucion de trabajo practico n3Resolucion de trabajo practico n3
Resolucion de trabajo practico n3benja456
 
pagina html
pagina htmlpagina html
pagina htmldiana
 
Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas
Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneasPractica 2 HTML - Estilos, párrafos, espacios en blanco y líneas
Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneasErick Cruz
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteWendy Navia Chambi
 
Cómo hacer una página web básica
Cómo hacer una página web básicaCómo hacer una página web básica
Cómo hacer una página web básicaIvan Ramirez
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteWendy Navia Chambi
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacioneswebjesus alanis
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en htmlmcolls
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webprofetellez
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandraTatianita Is
 

Tendances (17)

Resolucion de trabajo practico n3
Resolucion de trabajo practico n3Resolucion de trabajo practico n3
Resolucion de trabajo practico n3
 
pagina html
pagina htmlpagina html
pagina html
 
Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas
Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneasPractica 2 HTML - Estilos, párrafos, espacios en blanco y líneas
Practica 2 HTML - Estilos, párrafos, espacios en blanco y líneas
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
Cómo hacer una página web básica
Cómo hacer una página web básicaCómo hacer una página web básica
Cómo hacer una página web básica
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
u1
u1u1
u1
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en html
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 

En vedette

En vedette (7)

السلا م عليكم ورحمة الله وبر كا ته
السلا م عليكم ورحمة الله وبر كا تهالسلا م عليكم ورحمة الله وبر كا ته
السلا م عليكم ورحمة الله وبر كا ته
 
Flotar bolitas
Flotar bolitasFlotar bolitas
Flotar bolitas
 
Elizabet 130307161154-phpapp02
Elizabet 130307161154-phpapp02Elizabet 130307161154-phpapp02
Elizabet 130307161154-phpapp02
 
Eu nos contextos margarida grupo 4
Eu nos contextos  margarida   grupo 4Eu nos contextos  margarida   grupo 4
Eu nos contextos margarida grupo 4
 
Hidrolunaticas
HidrolunaticasHidrolunaticas
Hidrolunaticas
 
5 bitaocra
5 bitaocra5 bitaocra
5 bitaocra
 
Reprodução humana neuza grupo 3
Reprodução humana  neuza  grupo 3Reprodução humana  neuza  grupo 3
Reprodução humana neuza grupo 3
 

Similaire à 2° pagina web html5 (20)

Doctype
DoctypeDoctype
Doctype
 
2da pagina web con html5 y doctype
2da pagina web con html5 y doctype2da pagina web con html5 y doctype
2da pagina web con html5 y doctype
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
87203733 kompozer-alicia-barba
87203733 kompozer-alicia-barba87203733 kompozer-alicia-barba
87203733 kompozer-alicia-barba
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozer
 
Capas en HTML
Capas en HTMLCapas en HTML
Capas en HTML
 
Capas
CapasCapas
Capas
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Página web en html 5 y doctype
Página web  en html 5  y doctypePágina web  en html 5  y doctype
Página web en html 5 y doctype
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de html
 
Practica 1
Practica 1Practica 1
Practica 1
 
Manual html
Manual htmlManual html
Manual html
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Manual html
Manual htmlManual html
Manual html
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Clase 1
Clase 1Clase 1
Clase 1
 

Plus de Sonia Fernanda Idrobo Idrobo

Plus de Sonia Fernanda Idrobo Idrobo (20)

Mantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivoMantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivo
 
Mantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivoMantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivo
 
Mantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivoMantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivo
 
Pasos para realizar mentenimiento preventivo
Pasos para realizar mentenimiento preventivoPasos para realizar mentenimiento preventivo
Pasos para realizar mentenimiento preventivo
 
Mantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivoMantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivo
 
Mantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivoMantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivo
 
Pasos para realizar mentenimiento preventivo
Pasos para realizar mentenimiento preventivoPasos para realizar mentenimiento preventivo
Pasos para realizar mentenimiento preventivo
 
Formularios en html5
Formularios en html5Formularios en html5
Formularios en html5
 
Botones pulsantes
Botones pulsantesBotones pulsantes
Botones pulsantes
 
Clips de pelicula
Clips de peliculaClips de pelicula
Clips de pelicula
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action script
 
Condicionales
CondicionalesCondicionales
Condicionales
 
Puertos pc
Puertos pcPuertos pc
Puertos pc
 
Pagina web audio y video
Pagina web audio y videoPagina web audio y video
Pagina web audio y video
 
Pagina web audio y video
Pagina web audio y videoPagina web audio y video
Pagina web audio y video
 
Puertos pc
Puertos pcPuertos pc
Puertos pc
 
Flotar bolitas
Flotar bolitasFlotar bolitas
Flotar bolitas
 
Flotar bolitas
Flotar bolitasFlotar bolitas
Flotar bolitas
 
Flotar bolitas
Flotar bolitasFlotar bolitas
Flotar bolitas
 
Especificar un documento de clase
Especificar un documento de claseEspecificar un documento de clase
Especificar un documento de clase
 

2° pagina web html5

  • 1. 2° PAGINA WEB EN HTML5 Lo primero que hacemos es abrir notepad++ y empezamos colocando DOCTYPE de la siguiente manera <! DOCTYPE> y luegoseguimos con HTML. a continuación seguimos con nuestra página, utilizando la siguiente abreviación, en donde podemos explicar para que sirve cada una de ellas ya que en esta al ejecutar la página no se va a ver <!—esto no se ve-->. luego para guardarla la guardamos en una carpeta que diga ensayo y
  • 2. dentro de ella escultura en mi caso porque puede ser cualquier otro nombre. El paso siguiente ya es colocar las siguientes abreviaturas: HEAD: es el título de la pestaña en el navegador BODY: es el div agrupa una serie de elementos que van a ser cambiados por el maqueteador css P: para poner texto a la pagina HEADER: es etiqueta de html5 NAV: empleamos un menú para poder navegar empleando el Tag nav UL: lista no ordenada de nuestro menú ASIDE: para los bloques tanto de la izquierda a la derecha se emplea el Tag aside FOOTER: el pie de página se escribe con Tag footer Luego de poner las anteriores abreviaturas, nos quedara una magina de la siguiente manera.
  • 3. Tenemos que tener en cuenta que lo de color verde no se mira al ejecutar la página web. Finalmente al ejecutar la página nos va a quedar de la siguiente manera. La anterior página solo fue una muestra para explicar algo sobre HTML pero a medida de ir aprendiendo podemos meternos en el cuento e diseñando nuestra propia pagina web.