SlideShare una empresa de Scribd logo
1 de 5
Primero que todo empezamos creando una carpeta en cualquier
       parte llamada 1HTML y dentro de esta otra llamada
     ESTRUCTURA.HTML Y dentro de esta, posteriormente
                 guardaremos nuestra página web




      Luego pasamos a abrir nuestro programa Notepad++




      En este siempre empezamos tecleando <!DOCTYPE> y
posteriormente abrimos <html> y cerramos </html> dentro de este
 tag abrimos<head>y cerramos</head>, dentro de este abrimos y
 cerramos <title> que es donde va el titulo de la pestaña</title> y
   dentro del mismo <head> abrimos y cerramos <body>que es
           donde va ir el cuerpo de la estructura</body>
Dentro de <body></body> seguimos insertando mas tags para
            tener un buen ensayo de nuestra pagina

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

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

HEADER: es etiqueta de html5 en el cual dentro de el escribiremos
                            el tag

                       H1: para el titulo y

                   P: para escribir un párrafo

    NAV: empleamos un menú para poder navegar en el que
                   empleamos UL Y LI

             UL: lista no ordenada de nuestro menú

     ASIDE: para los bloques tanto de la izquierda o derecha

                   FOOTER: el pie de pagina
Para ejecutarlo vamos a guardar como y lo guardamos a la anterior
       carpeta que creamos con el nombre de HTML5.html
Y posteriormente después de guardado lo ejecutamos dando clic en
                     run y launch in chrome




                 Y nuestra página aparecerá así
2da pagina web con html5 y doctype

Más contenido relacionado

La actualidad más candente

Tarea3 tema0 marlene_garcia_
Tarea3 tema0 marlene_garcia_Tarea3 tema0 marlene_garcia_
Tarea3 tema0 marlene_garcia_12459
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de htmlnicolas esguerra
 
Descripcion imprimir lo za
Descripcion imprimir lo zaDescripcion imprimir lo za
Descripcion imprimir lo zawilsonTicona
 
Html sistemas
Html sistemasHtml sistemas
Html sistemasLeotom
 
Variables php pipe
Variables php pipeVariables php pipe
Variables php pipe070810pipe
 
17_Mini Tutorial Hot Potatoes: JCross.
17_Mini Tutorial Hot Potatoes: JCross.17_Mini Tutorial Hot Potatoes: JCross.
17_Mini Tutorial Hot Potatoes: JCross.Noemi Haponiuk
 
Herramientas especiales de google chrome
Herramientas especiales de google chromeHerramientas especiales de google chrome
Herramientas especiales de google chromeyoshy27mon
 

La actualidad más candente (15)

Tarea3 tema0 marlene_garcia_
Tarea3 tema0 marlene_garcia_Tarea3 tema0 marlene_garcia_
Tarea3 tema0 marlene_garcia_
 
Html 5 y css viviana
Html 5 y css vivianaHtml 5 y css viviana
Html 5 y css viviana
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Taller 3 práctico grado 10
Taller 3 práctico grado 10Taller 3 práctico grado 10
Taller 3 práctico grado 10
 
Descripcion imprimir lo za
Descripcion imprimir lo zaDescripcion imprimir lo za
Descripcion imprimir lo za
 
Archivos temporales
Archivos temporalesArchivos temporales
Archivos temporales
 
Taller practico 1 y 2 html
Taller practico 1 y 2 htmlTaller practico 1 y 2 html
Taller practico 1 y 2 html
 
Taller 6 y 7 html
Taller 6 y 7 htmlTaller 6 y 7 html
Taller 6 y 7 html
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Variables php pipe
Variables php pipeVariables php pipe
Variables php pipe
 
17_Mini Tutorial Hot Potatoes: JCross.
17_Mini Tutorial Hot Potatoes: JCross.17_Mini Tutorial Hot Potatoes: JCross.
17_Mini Tutorial Hot Potatoes: JCross.
 
Pagina web en html
Pagina web en htmlPagina web en html
Pagina web en html
 
Tic
Tic Tic
Tic
 
Herramientas especiales de google chrome
Herramientas especiales de google chromeHerramientas especiales de google chrome
Herramientas especiales de google chrome
 

Similar a 2da pagina web con html5 y doctype

Similar a 2da pagina web con html5 y doctype (20)

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
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Pagina web html5
Pagina web html5Pagina web html5
Pagina web html5
 
Html5
Html5Html5
Html5
 
Pajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoyPajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoy
 
Pajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoyPajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoy
 
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
VvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvVvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
 
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
 
Html
HtmlHtml
Html
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozer
 
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
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Variables en php
Variables en phpVariables en php
Variables en php
 
Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web
 

Más de Ktziitha Lendaa (20)

Pagina para subir
Pagina para subirPagina para subir
Pagina para subir
 
Presentación2
Presentación2Presentación2
Presentación2
 
Presentación2
Presentación2Presentación2
Presentación2
 
Presentación2
Presentación2Presentación2
Presentación2
 
Degradados
DegradadosDegradados
Degradados
 
3 sprite
3 sprite 3 sprite
3 sprite
 
2 creación de figuras utilizando código
2 creación de figuras utilizando código2 creación de figuras utilizando código
2 creación de figuras utilizando código
 
1 sintesis de la funcion
1 sintesis de la funcion1 sintesis de la funcion
1 sintesis de la funcion
 
Formularios en html555
Formularios en html555Formularios en html555
Formularios en html555
 
3kt continuacion de la 2forma de clic d epelicula
3kt continuacion de la 2forma de clic d epelicula3kt continuacion de la 2forma de clic d epelicula
3kt continuacion de la 2forma de clic d epelicula
 
2 kt clips de película
2 kt clips de película2 kt clips de película
2 kt clips de película
 
1 kt fundamentales de as
1 kt fundamentales de as1 kt fundamentales de as
1 kt fundamentales de as
 
Condicionales
CondicionalesCondicionales
Condicionales
 
Kt condicionales en php
Kt condicionales en phpKt condicionales en php
Kt condicionales en php
 
Puertos pc
Puertos pcPuertos pc
Puertos pc
 
Segunda parte
Segunda parteSegunda parte
Segunda parte
 
Para hacer actionscrip
Para hacer actionscrip Para hacer actionscrip
Para hacer actionscrip
 
Paisaje de flash
Paisaje de flashPaisaje de flash
Paisaje de flash
 
Objetos agrupados y no agrupados
Objetos agrupados y no agrupadosObjetos agrupados y no agrupados
Objetos agrupados y no agrupados
 
Programación
ProgramaciónProgramación
Programación
 

2da pagina web con html5 y doctype

  • 1. Primero que todo empezamos creando una carpeta en cualquier parte llamada 1HTML y dentro de esta otra llamada ESTRUCTURA.HTML Y dentro de esta, posteriormente guardaremos nuestra página web Luego pasamos a abrir nuestro programa Notepad++ En este siempre empezamos tecleando <!DOCTYPE> y posteriormente abrimos <html> y cerramos </html> dentro de este tag abrimos<head>y cerramos</head>, dentro de este abrimos y cerramos <title> que es donde va el titulo de la pestaña</title> y dentro del mismo <head> abrimos y cerramos <body>que es donde va ir el cuerpo de la estructura</body>
  • 2. Dentro de <body></body> seguimos insertando mas tags para tener un buen ensayo de nuestra pagina HEAD: es el título de la pestaña del navegador BODY: es el DIV agrupa una serie de elementos que van a ser cambiados por el maqueteador css HEADER: es etiqueta de html5 en el cual dentro de el escribiremos el tag H1: para el titulo y P: para escribir un párrafo NAV: empleamos un menú para poder navegar en el que empleamos UL Y LI UL: lista no ordenada de nuestro menú ASIDE: para los bloques tanto de la izquierda o derecha FOOTER: el pie de pagina
  • 3. Para ejecutarlo vamos a guardar como y lo guardamos a la anterior carpeta que creamos con el nombre de HTML5.html
  • 4. Y posteriormente después de guardado lo ejecutamos dando clic en run y launch in chrome Y nuestra página aparecerá así