SlideShare una empresa de Scribd logo
1 de 10
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 tal forma vamos
 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 que de esta manera
Bueno para poder luego colocar una imagen damos clic
en file donde me muestra una fila de artos archivos por
lo cual escojemos open para actualizar la imagen
Como miramos aquí al darle clic en open me aparece el
cuadro de herramientas donde escogimos cual quiere
imagen con lo que allá guardado
De esta manera le damos a la imagen copiar para
poder pegarla en la pajinawueb




Y como miramos esta imagen aquí detal manera que
copiamos la imagen y luego damos ok la imagen que
da de esta manera
Y miren que la imagen luego de a verla copiado pasa
al segundo tiempo donde mostramos la paginawueb de
esta manera




Y como todo es cuestión de en entender pues yo copie
una imagen más de esta forma = que la imagen nos
queda de esta manera ok bueno estado Hera todo
gracias me demore un poquito pero en tendí
Y la imagen que da así como la miramos aquí de esta
manera
Cómo crear una página web en HTML5

Más contenido relacionado

La actualidad más candente

Complementando el contro parental III
Complementando  el contro parental IIIComplementando  el contro parental III
Complementando el contro parental IIIRober Garamo
 
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 doctypeKtziitha Lendaa
 
Aprendizajes de la actualisacion de la página
Aprendizajes de la actualisacion de la páginaAprendizajes de la actualisacion de la página
Aprendizajes de la actualisacion de la páginadaniel felipe
 
Kevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlKevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlVeloza Kevin
 
Trabajo practico Nro10 informatica [2012]
Trabajo practico Nro10 informatica [2012]Trabajo practico Nro10 informatica [2012]
Trabajo practico Nro10 informatica [2012]mattdamond
 
Tutorial de cómo crear paginas web
Tutorial de cómo crear paginas webTutorial de cómo crear paginas web
Tutorial de cómo crear paginas webMario Villeda
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacioneswebjesus alanis
 
Reporte de cómo hacer un blog
Reporte de cómo hacer un blogReporte de cómo hacer un blog
Reporte de cómo hacer un blogIvan Zoquiapa
 

La actualidad más candente (17)

Variables en php
Variables en phpVariables en php
Variables en php
 
Complementando el contro parental III
Complementando  el contro parental IIIComplementando  el contro parental III
Complementando el contro parental III
 
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
 
Frontpage
FrontpageFrontpage
Frontpage
 
Aprendizajes de la actualisacion de la página
Aprendizajes de la actualisacion de la páginaAprendizajes de la actualisacion de la página
Aprendizajes de la actualisacion de la página
 
Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
 
Doctype
DoctypeDoctype
Doctype
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
Kevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlKevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 html
 
Slide
SlideSlide
Slide
 
Slide
SlideSlide
Slide
 
Instalación 2012 server
Instalación 2012 serverInstalación 2012 server
Instalación 2012 server
 
Trabajo practico Nro10 informatica [2012]
Trabajo practico Nro10 informatica [2012]Trabajo practico Nro10 informatica [2012]
Trabajo practico Nro10 informatica [2012]
 
WampServer-WorPress
WampServer-WorPressWampServer-WorPress
WampServer-WorPress
 
Tutorial de cómo crear paginas web
Tutorial de cómo crear paginas webTutorial de cómo crear paginas web
Tutorial de cómo crear paginas web
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Reporte de cómo hacer un blog
Reporte de cómo hacer un blogReporte de cómo hacer un blog
Reporte de cómo hacer un blog
 

Destacado (20)

Examen informatica educativa
Examen informatica educativaExamen informatica educativa
Examen informatica educativa
 
Lujan - Pcia.Bs. As.
Lujan - Pcia.Bs. As.Lujan - Pcia.Bs. As.
Lujan - Pcia.Bs. As.
 
Secuencia fisica 1er bimestre
Secuencia fisica 1er bimestreSecuencia fisica 1er bimestre
Secuencia fisica 1er bimestre
 
Nathaly villareal
Nathaly villarealNathaly villareal
Nathaly villareal
 
Presentación1
Presentación1Presentación1
Presentación1
 
Mozart
MozartMozart
Mozart
 
FELIZ DIA MAESTRO ARGONAUTA
FELIZ DIA MAESTRO ARGONAUTAFELIZ DIA MAESTRO ARGONAUTA
FELIZ DIA MAESTRO ARGONAUTA
 
La Gatera de la Villa nº 8
La Gatera de la Villa nº 8La Gatera de la Villa nº 8
La Gatera de la Villa nº 8
 
El alimoche en España: pintan bastos. Seo Birdlife
El alimoche en España: pintan bastos. Seo BirdlifeEl alimoche en España: pintan bastos. Seo Birdlife
El alimoche en España: pintan bastos. Seo Birdlife
 
INFORMATICA
INFORMATICAINFORMATICA
INFORMATICA
 
archivo 1
archivo 1 archivo 1
archivo 1
 
Presentac..
Presentac..Presentac..
Presentac..
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
evoluciones del hombre y sus caracteristicas biologia 2
evoluciones del hombre y sus caracteristicas biologia 2evoluciones del hombre y sus caracteristicas biologia 2
evoluciones del hombre y sus caracteristicas biologia 2
 
Espirometría UP Med
Espirometría UP MedEspirometría UP Med
Espirometría UP Med
 
Sistema de informacion
Sistema de informacionSistema de informacion
Sistema de informacion
 
Caso dinamico gerencia
Caso dinamico gerenciaCaso dinamico gerencia
Caso dinamico gerencia
 
Argentina y sus provincias
Argentina  y sus provinciasArgentina  y sus provincias
Argentina y sus provincias
 
La musica
La musicaLa musica
La musica
 
Presentación4
Presentación4Presentación4
Presentación4
 

Similar a Cómo crear una página web en HTML5

Similar a Cómo crear una página web en HTML5 (20)

Como Crear un blog
Como Crear un blogComo Crear un blog
Como Crear un blog
 
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
 
Productosbelleza
ProductosbellezaProductosbelleza
Productosbelleza
 
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
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
 
Html5
Html5Html5
Html5
 
Como crear una pagina web en linea
Como crear una pagina web en lineaComo crear una pagina web en linea
Como crear una pagina web en linea
 
Como crear una pagina web.pdf
Como crear una pagina web.pdfComo crear una pagina web.pdf
Como crear una pagina web.pdf
 
como hacer un trabajo en excel, work, power poin y pdf
como hacer un trabajo en excel, work, power poin y pdfcomo hacer un trabajo en excel, work, power poin y pdf
como hacer un trabajo en excel, work, power poin y pdf
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Como Hacer Un Blog
Como Hacer Un BlogComo Hacer Un Blog
Como Hacer Un Blog
 
Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8
 
Massss informatica
Massss informaticaMassss informatica
Massss informatica
 
Trucos de Blogger
Trucos de BloggerTrucos de Blogger
Trucos de Blogger
 

Cómo crear una página web en 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.
  • 2. 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 tal forma vamos Esta forma vamos organizando nuestra página web, de tal forma que nos quede de la siguiente manera
  • 3. 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.
  • 4. Y al ejecutarla por medio de un navegador cualquiera y con wampserver nos que de esta manera
  • 5. Bueno para poder luego colocar una imagen damos clic en file donde me muestra una fila de artos archivos por lo cual escojemos open para actualizar la imagen
  • 6. Como miramos aquí al darle clic en open me aparece el cuadro de herramientas donde escogimos cual quiere imagen con lo que allá guardado
  • 7. De esta manera le damos a la imagen copiar para poder pegarla en la pajinawueb Y como miramos esta imagen aquí detal manera que copiamos la imagen y luego damos ok la imagen que da de esta manera
  • 8. Y miren que la imagen luego de a verla copiado pasa al segundo tiempo donde mostramos la paginawueb de esta manera Y como todo es cuestión de en entender pues yo copie una imagen más de esta forma = que la imagen nos queda de esta manera ok bueno estado Hera todo gracias me demore un poquito pero en tendí
  • 9. Y la imagen que da así como la miramos aquí de esta manera