SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Página web en
     html5
Para realizar una página web, utilizando los tags principales de html5. Lo
 primero que hacemos es abrir notepad++ y empezamos tecleando <!
           DOCTYPE HTML> para empezar nuestra pagina web.




  luego si ya podemos utilizar los tags necesarios como los siguentes:

                      <HTML> Inicio del documento
                       <HEAD>Inicio de la cabecera
             <TITLE> Inicio del título del título de la página
                         </TITLE> Final del título
                      </HEAD> Final de la cabecera
                       <BODY> Inicio de la página
             .... Comandos HTML para ubicar los elementos
           .... De la página como texto, imágenes, tablas, etc.
</BODY> Final de página
                    </HTML> Final del documento

De esta forma vamos organizando nuestra página web, de tal forma que nos
                     quede de la siguiente manera




          luego que este terminada, la podemos guardar en
datos/c/wamp/www/paginaweb y para poder observarla le colocamos en
          ejecutar y seleccionamos un navegador cualquiera.
Y al ejecutarla por medio de un navegador cualquiera y con wampserver nos
                      quedara de la siguiente manera.

Weitere ähnliche Inhalte

Was ist angesagt?

Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java scriptGuackaXVI
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 
Instalacion moodle
Instalacion moodleInstalacion moodle
Instalacion moodleJhon Roa
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en htmlhussein_gabriel
 
Instalación de word press en ubuntu
Instalación de word press en ubuntuInstalación de word press en ubuntu
Instalación de word press en ubuntukeniameraris
 
Paginas web ( html )
Paginas web ( html )Paginas web ( html )
Paginas web ( html )JULIAN Bustos
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de htmlnicolas esguerra
 
Pgna1 4 PERIODO
Pgna1 4 PERIODOPgna1 4 PERIODO
Pgna1 4 PERIODO002tatan
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopezgrupoaac
 
Aprende a craer tu pag web
Aprende a craer tu pag webAprende a craer tu pag web
Aprende a craer tu pag webCarlos Duran
 
ESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTMLESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTMLDaniel Ruiz
 

Was ist angesagt? (17)

Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java script
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Instalacion moodle
Instalacion moodleInstalacion moodle
Instalacion moodle
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Html 5 y css viviana
Html 5 y css vivianaHtml 5 y css viviana
Html 5 y css viviana
 
Instalación de word press en ubuntu
Instalación de word press en ubuntuInstalación de word press en ubuntu
Instalación de word press en ubuntu
 
Paginas web ( html )
Paginas web ( html )Paginas web ( html )
Paginas web ( html )
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Pgna1 4 PERIODO
Pgna1 4 PERIODOPgna1 4 PERIODO
Pgna1 4 PERIODO
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopez
 
Aprende a craer tu pag web
Aprende a craer tu pag webAprende a craer tu pag web
Aprende a craer tu pag web
 
ESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTMLESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTML
 
Muñozzz
MuñozzzMuñozzz
Muñozzz
 

Andere mochten auch (8)

Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
Sql2008
Sql2008Sql2008
Sql2008
 
Proyecto web Php-MySQL-Ajax-Flex
Proyecto web Php-MySQL-Ajax-FlexProyecto web Php-MySQL-Ajax-Flex
Proyecto web Php-MySQL-Ajax-Flex
 
Taller maquetacion web
Taller maquetacion webTaller maquetacion web
Taller maquetacion web
 
Guía HTML5
Guía HTML5Guía HTML5
Guía HTML5
 
Maquetación Web
Maquetación WebMaquetación Web
Maquetación Web
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
El Gran Libro de Diseño Web
El Gran Libro de Diseño WebEl Gran Libro de Diseño Web
El Gran Libro de Diseño Web
 

Ähnlich wie Pagina web html5 (20)

Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
 
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
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Html5
Html5Html5
Html5
 
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
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
HTML
HTMLHTML
HTML
 
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 doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Html
HtmlHtml
Html
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web
 
Pagina web con doctype
Pagina web con doctypePagina web con doctype
Pagina web con doctype
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Como crear una pagina web.pdf
Como crear una pagina web.pdfComo crear una pagina web.pdf
Como crear una pagina web.pdf
 
0102 paginaen html5
0102 paginaen html50102 paginaen html5
0102 paginaen html5
 

Mehr von Sonia Fernanda Idrobo Idrobo

Mehr von 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
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 

Pagina web html5

  • 1. Página web en html5 Para realizar una página web, utilizando los tags principales de html5. Lo primero que hacemos es abrir notepad++ y empezamos tecleando <! DOCTYPE HTML> para empezar nuestra pagina web. luego si ya podemos utilizar los tags necesarios como los siguentes: <HTML> Inicio del documento <HEAD>Inicio de la cabecera <TITLE> Inicio del título del título de la página </TITLE> Final del título </HEAD> Final de la cabecera <BODY> Inicio de la página .... Comandos HTML para ubicar los elementos .... De la página como texto, imágenes, tablas, etc.
  • 2. </BODY> Final de página </HTML> Final del documento De esta forma vamos organizando nuestra página web, de tal forma que nos quede de la siguiente manera luego que este terminada, la podemos guardar en datos/c/wamp/www/paginaweb y para poder observarla le colocamos en ejecutar y seleccionamos un navegador cualquiera.
  • 3. Y al ejecutarla por medio de un navegador cualquiera y con wampserver nos quedara de la siguiente manera.