SlideShare una empresa de Scribd logo
1 de 12
Páginas web con HTML 5
Abrimos el notepad programa con el que vamos a desarrollar la página web
Este es nuestro escenario de trabajo
aqui empezamos a incluir el código
Y vamos incluyendo la estructura normal de una pagina web
Y al ejecutarlo nos aparece algo como esto
Y le agregamos el titulo y el primer contenido
Y lo ejecutamos y nos queda asi
Podemos usar h2 o h3 depende el tamaño de la fuente que queramos utilizar
Y ejecutándolo nos queda asi
Para agregar un texto se puede utilizar el tag P
Por ejemplo:
Al ejecutarlo nos queda asi
También podemos emplear otros tags como :
Para cursiva i
Para negrita p
Aquí la ejecutamos y nos queda asi
Para el listado colocamos un tag li
Le incluimos lo que creamos necesario
Lo ejecutamos y nos queda asi
Le incluimos un subíndice ol
Lo digitamos asi
Lo ejecutamos y nos queda asi
Para crear una tabla hacemos lo siguiente
Y a la tabla le hubicamos el tamaño del borde que deseemos
Lo ejecutamos nos queda asi
Para insertar una imagen escribimos lo siguiente
En comillas el lugar donde se guardara la imagen
Y nos queda asi
Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Más contenido relacionado

La actualidad más candente

Crearpagina
CrearpaginaCrearpagina
Crearpaginadoris
 
Trabajo final investigacion y lo que nos gusto
Trabajo final investigacion y lo que nos gustoTrabajo final investigacion y lo que nos gusto
Trabajo final investigacion y lo que nos gustoMaria Rene Vargas Merida
 
Administre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz conAdministre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz conpedro fleitas
 
Administre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz conAdministre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz conmesaunillanos
 
De+gd+a+gms+con+excel
De+gd+a+gms+con+excelDe+gd+a+gms+con+excel
De+gd+a+gms+con+excelamtlucca
 
De+gms+a+gd+con+excel
De+gms+a+gd+con+excelDe+gms+a+gd+con+excel
De+gms+a+gd+con+excelamtlucca
 

La actualidad más candente (16)

Programaa13
Programaa13Programaa13
Programaa13
 
Programaa13
Programaa13Programaa13
Programaa13
 
Crearpagina
CrearpaginaCrearpagina
Crearpagina
 
Programa 11
Programa 11Programa 11
Programa 11
 
Programa 11
Programa 11Programa 11
Programa 11
 
Programa6 (1)
Programa6 (1)Programa6 (1)
Programa6 (1)
 
Trabajo final investigacion y lo que nos gusto
Trabajo final investigacion y lo que nos gustoTrabajo final investigacion y lo que nos gusto
Trabajo final investigacion y lo que nos gusto
 
Programa9
Programa9Programa9
Programa9
 
Programa 7
Programa 7Programa 7
Programa 7
 
Administre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz conAdministre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz con
 
Welcome document
Welcome documentWelcome document
Welcome document
 
Administre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz conAdministre su vida de una forma más eficaz con
Administre su vida de una forma más eficaz con
 
Programa 12
Programa 12Programa 12
Programa 12
 
Programa 12
Programa 12Programa 12
Programa 12
 
De+gd+a+gms+con+excel
De+gd+a+gms+con+excelDe+gd+a+gms+con+excel
De+gd+a+gms+con+excel
 
De+gms+a+gd+con+excel
De+gms+a+gd+con+excelDe+gms+a+gd+con+excel
De+gms+a+gd+con+excel
 

Destacado

Penelitian usahatani
Penelitian usahataniPenelitian usahatani
Penelitian usahataniEka Fitri
 
Cuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacionCuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacionclaraelenabeltran
 
Agile Implementation of Packaged Software
Agile Implementation of Packaged SoftwareAgile Implementation of Packaged Software
Agile Implementation of Packaged SoftwareBosnia Agile
 
DTR Certificate SGTC
DTR Certificate SGTCDTR Certificate SGTC
DTR Certificate SGTCDavid Rambo
 
Coisasantigas2
Coisasantigas2Coisasantigas2
Coisasantigas2José Reis
 
Cuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacionCuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacionclaraelenabeltran
 
Uso, satisfaccion, valor de la informacin (2)
Uso, satisfaccion, valor de la informacin (2)Uso, satisfaccion, valor de la informacin (2)
Uso, satisfaccion, valor de la informacin (2)aronyuciel
 
Prejudice and Discrimination
Prejudice and DiscriminationPrejudice and Discrimination
Prejudice and DiscriminationStephen Hilger
 
Bee! comunicación caso de gestión de un equipo virtual
Bee! comunicación caso de gestión de un equipo virtualBee! comunicación caso de gestión de un equipo virtual
Bee! comunicación caso de gestión de un equipo virtualCecilia Nuñez
 
Dockerize magento 2 24.02.2016
Dockerize magento 2   24.02.2016Dockerize magento 2   24.02.2016
Dockerize magento 2 24.02.2016Andreas Pointner
 
Contributions of Egypt to Science
Contributions of Egypt to ScienceContributions of Egypt to Science
Contributions of Egypt to Sciencesimplycorina
 
NetflixOSS: The Netflix Way
NetflixOSS: The Netflix WayNetflixOSS: The Netflix Way
NetflixOSS: The Netflix WayDiego Pacheco
 
Tema 9 la evaluación en educación infantil pdf (1)
Tema 9 la evaluación en educación infantil pdf (1)Tema 9 la evaluación en educación infantil pdf (1)
Tema 9 la evaluación en educación infantil pdf (1)Raquellealr2
 

Destacado (19)

Penelitian usahatani
Penelitian usahataniPenelitian usahatani
Penelitian usahatani
 
ER-カエルエックス
ER-カエルエックスER-カエルエックス
ER-カエルエックス
 
Cuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacionCuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacion
 
Agile Implementation of Packaged Software
Agile Implementation of Packaged SoftwareAgile Implementation of Packaged Software
Agile Implementation of Packaged Software
 
DTR Certificate SGTC
DTR Certificate SGTCDTR Certificate SGTC
DTR Certificate SGTC
 
Distributor%20 produce%20buyer%20plan[1]
Distributor%20 produce%20buyer%20plan[1]Distributor%20 produce%20buyer%20plan[1]
Distributor%20 produce%20buyer%20plan[1]
 
Coisasantigas2
Coisasantigas2Coisasantigas2
Coisasantigas2
 
Cuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacionCuidemos nuestro cuerpo presentacion
Cuidemos nuestro cuerpo presentacion
 
Brigida canalda practica educativa
Brigida canalda practica educativaBrigida canalda practica educativa
Brigida canalda practica educativa
 
Uso, satisfaccion, valor de la informacin (2)
Uso, satisfaccion, valor de la informacin (2)Uso, satisfaccion, valor de la informacin (2)
Uso, satisfaccion, valor de la informacin (2)
 
Folheto imagem
Folheto imagemFolheto imagem
Folheto imagem
 
Los medios de comunicación y los jóvenes
Los medios de comunicación y los jóvenesLos medios de comunicación y los jóvenes
Los medios de comunicación y los jóvenes
 
Prejudice and Discrimination
Prejudice and DiscriminationPrejudice and Discrimination
Prejudice and Discrimination
 
Bee! comunicación caso de gestión de un equipo virtual
Bee! comunicación caso de gestión de un equipo virtualBee! comunicación caso de gestión de un equipo virtual
Bee! comunicación caso de gestión de un equipo virtual
 
Dockerize magento 2 24.02.2016
Dockerize magento 2   24.02.2016Dockerize magento 2   24.02.2016
Dockerize magento 2 24.02.2016
 
Contributions of Egypt to Science
Contributions of Egypt to ScienceContributions of Egypt to Science
Contributions of Egypt to Science
 
NetflixOSS: The Netflix Way
NetflixOSS: The Netflix WayNetflixOSS: The Netflix Way
NetflixOSS: The Netflix Way
 
Maintenance of computer
Maintenance of computer Maintenance of computer
Maintenance of computer
 
Tema 9 la evaluación en educación infantil pdf (1)
Tema 9 la evaluación en educación infantil pdf (1)Tema 9 la evaluación en educación infantil pdf (1)
Tema 9 la evaluación en educación infantil pdf (1)
 

Similar a Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Similar a Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! (20)

pagina html
pagina htmlpagina html
pagina html
 
Html
HtmlHtml
Html
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Empecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blogEmpecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blog
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
U4
U4U4
U4
 
Manual
ManualManual
Manual
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Clase 1
Clase 1Clase 1
Clase 1
 
El blog
El blogEl blog
El blog
 
Html
HtmlHtml
Html
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 

Más de Alexandra Diaz

Más de Alexandra Diaz (20)

Importacion
ImportacionImportacion
Importacion
 
Importacion
ImportacionImportacion
Importacion
 
Mi cuaderno virtual 2
Mi cuaderno virtual 2Mi cuaderno virtual 2
Mi cuaderno virtual 2
 
Desmontaje de la pc
Desmontaje de la pcDesmontaje de la pc
Desmontaje de la pc
 
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
 
Como crear objetos en degradado
Como crear objetos en degradadoComo crear objetos en degradado
Como crear objetos en degradado
 
funciones programacion
funciones programacionfunciones programacion
funciones programacion
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
 
Formularios
FormulariosFormularios
Formularios
 
Programacion con action script ultimoo
Programacion con action script ultimooProgramacion con action script ultimoo
Programacion con action script ultimoo
 
Clip de película
Clip de películaClip de película
Clip de película
 
Flash paisaje nocturno
Flash paisaje nocturnoFlash paisaje nocturno
Flash paisaje nocturno
 
Pagina web con audio y video
Pagina web con audio y videoPagina web con audio y video
Pagina web con audio y video
 
Ejercicios en action script!!
Ejercicios en action script!!Ejercicios en action script!!
Ejercicios en action script!!
 
Puertos
PuertosPuertos
Puertos
 
Entorno de trabajo en flash
Entorno de trabajo en flashEntorno de trabajo en flash
Entorno de trabajo en flash
 
Poo
PooPoo
Poo
 
Trabajo en flash!!!!
Trabajo en flash!!!!Trabajo en flash!!!!
Trabajo en flash!!!!
 
Flash actionscript!!!!!!!!!!!!!!
Flash actionscript!!!!!!!!!!!!!!Flash actionscript!!!!!!!!!!!!!!
Flash actionscript!!!!!!!!!!!!!!
 

Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • 1. Páginas web con HTML 5 Abrimos el notepad programa con el que vamos a desarrollar la página web Este es nuestro escenario de trabajo aqui empezamos a incluir el código
  • 2. Y vamos incluyendo la estructura normal de una pagina web Y al ejecutarlo nos aparece algo como esto
  • 3. Y le agregamos el titulo y el primer contenido Y lo ejecutamos y nos queda asi
  • 4. Podemos usar h2 o h3 depende el tamaño de la fuente que queramos utilizar Y ejecutándolo nos queda asi
  • 5. Para agregar un texto se puede utilizar el tag P Por ejemplo: Al ejecutarlo nos queda asi
  • 6. También podemos emplear otros tags como : Para cursiva i Para negrita p Aquí la ejecutamos y nos queda asi
  • 7. Para el listado colocamos un tag li Le incluimos lo que creamos necesario
  • 8. Lo ejecutamos y nos queda asi Le incluimos un subíndice ol Lo digitamos asi
  • 9. Lo ejecutamos y nos queda asi Para crear una tabla hacemos lo siguiente Y a la tabla le hubicamos el tamaño del borde que deseemos
  • 10. Lo ejecutamos nos queda asi Para insertar una imagen escribimos lo siguiente
  • 11. En comillas el lugar donde se guardara la imagen Y nos queda asi