SlideShare una empresa de Scribd logo
1 de 3
PAGINA WEB CON DOCTYPE
  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.

Más contenido relacionado

La actualidad más candente

Resolucion de trabajo practico n3
Resolucion de trabajo practico n3Resolucion de trabajo practico n3
Resolucion de trabajo practico n3benja456
 
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
 
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
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacioneswebjesus alanis
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandraTatianita Is
 
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
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en htmlhussein_gabriel
 
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
 

La actualidad más candente (13)

Resolucion de trabajo practico n3
Resolucion de trabajo practico n3Resolucion de trabajo practico n3
Resolucion de trabajo practico n3
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
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
 
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
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
u1
u1u1
u1
 
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
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
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
 

Destacado

Destacado (8)

肚子餓的十四忌
肚子餓的十四忌肚子餓的十四忌
肚子餓的十四忌
 
Quiebrasduarteadorno
QuiebrasduarteadornoQuiebrasduarteadorno
Quiebrasduarteadorno
 
Used 2009 GMC Sierra Denali Columbia SC
Used 2009 GMC Sierra Denali Columbia SCUsed 2009 GMC Sierra Denali Columbia SC
Used 2009 GMC Sierra Denali Columbia SC
 
Español
EspañolEspañol
Español
 
Orientation RN to BSN Program - October 22 2012
Orientation RN to BSN Program - October 22 2012Orientation RN to BSN Program - October 22 2012
Orientation RN to BSN Program - October 22 2012
 
Prog sp
Prog spProg sp
Prog sp
 
10120130405011 2-3
10120130405011 2-310120130405011 2-3
10120130405011 2-3
 
Used 2009 GMC Envoy Denali Columbia SC
Used 2009 GMC Envoy Denali Columbia SCUsed 2009 GMC Envoy Denali Columbia SC
Used 2009 GMC Envoy Denali Columbia SC
 

Similar a Pagina web con doctype (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)
 
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
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
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
 
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
 
Manual html
Manual htmlManual html
Manual html
 
Capas en HTML
Capas en HTMLCapas en HTML
Capas en HTML
 
Capas
CapasCapas
Capas
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Manual html
Manual htmlManual html
Manual html
 
Pagina web html5
Pagina web html5Pagina web html5
Pagina web html5
 
Practica 1
Practica 1Practica 1
Practica 1
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 

Más de Sonia Fernanda Idrobo Idrobo

Más 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
 
Flotar bolitas
Flotar bolitasFlotar bolitas
Flotar bolitas
 

Pagina web con doctype

  • 1. PAGINA WEB CON DOCTYPE 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.