SlideShare una empresa de Scribd logo
1 de 3
2° PAGINA WEB EN HTML5
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

Paginas web ( html )
Paginas web ( html )Paginas web ( html )
Paginas web ( html )
JULIAN Bustos
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en html
mcolls
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
nicolas esguerra
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
marcos0209
 

La actualidad más candente (20)

Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
Estructura basica de una pagina web en html
Estructura basica de una pagina web en htmlEstructura basica de una pagina web en html
Estructura basica de una pagina web en html
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
u1
u1u1
u1
 
Paginas web ( html )
Paginas web ( html )Paginas web ( html )
Paginas web ( html )
 
Practica mundo
Practica mundoPractica mundo
Practica mundo
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Tarea sesion3.html
Tarea sesion3.htmlTarea sesion3.html
Tarea sesion3.html
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Trabajo practico n7
Trabajo practico n7Trabajo practico n7
Trabajo practico n7
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
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
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web 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
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Actividad practica 1 pagina web
Actividad practica 1 pagina webActividad practica 1 pagina web
Actividad practica 1 pagina web
 
Html
HtmlHtml
Html
 
Actividad practica 2
Actividad practica 2Actividad practica 2
Actividad practica 2
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 

Destacado

Entornos enriquecidos y cerebro exposicion
Entornos enriquecidos y cerebro exposicionEntornos enriquecidos y cerebro exposicion
Entornos enriquecidos y cerebro exposicion
bequiuncp
 
Explorar para investigar
Explorar para investigarExplorar para investigar
Explorar para investigar
luznovoa32355
 
3erparcial,137821
3erparcial,1378213erparcial,137821
3erparcial,137821
edan1234
 
Nutricion caza tesoro
Nutricion caza tesoroNutricion caza tesoro
Nutricion caza tesoro
cecilia
 
Oecd 137821
Oecd 137821Oecd 137821
Oecd 137821
edan1234
 

Destacado (20)

Sistemas jenny
Sistemas jennySistemas jenny
Sistemas jenny
 
present perfecto
present perfectopresent perfecto
present perfecto
 
Calendario septiembre'14
Calendario septiembre'14Calendario septiembre'14
Calendario septiembre'14
 
Entornos enriquecidos y cerebro exposicion
Entornos enriquecidos y cerebro exposicionEntornos enriquecidos y cerebro exposicion
Entornos enriquecidos y cerebro exposicion
 
Explorar para investigar
Explorar para investigarExplorar para investigar
Explorar para investigar
 
Bloque cero
Bloque ceroBloque cero
Bloque cero
 
3erparcial,137821
3erparcial,1378213erparcial,137821
3erparcial,137821
 
Nutricion caza tesoro
Nutricion caza tesoroNutricion caza tesoro
Nutricion caza tesoro
 
Sprite
SpriteSprite
Sprite
 
Educar en autonomía
Educar en autonomíaEducar en autonomía
Educar en autonomía
 
Rol tutor 2013
Rol tutor 2013Rol tutor 2013
Rol tutor 2013
 
Bitacora
BitacoraBitacora
Bitacora
 
Mapping Early Modern News Networks
Mapping Early Modern News NetworksMapping Early Modern News Networks
Mapping Early Modern News Networks
 
Cb eval ana vásquez
Cb eval ana  vásquezCb eval ana  vásquez
Cb eval ana vásquez
 
Eles
ElesEles
Eles
 
Sor juana inés de la cruz
Sor juana inés de la cruzSor juana inés de la cruz
Sor juana inés de la cruz
 
colegio bachillerato "procer jose cuero y caicedo"
colegio bachillerato "procer jose cuero y caicedo"colegio bachillerato "procer jose cuero y caicedo"
colegio bachillerato "procer jose cuero y caicedo"
 
Oecd 137821
Oecd 137821Oecd 137821
Oecd 137821
 
David omar s diary
David omar s diaryDavid omar s diary
David omar s diary
 
balance de mi familia
 balance de mi familia balance de mi familia
balance de mi familia
 

Similar a 2° pagina web html5

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
Ktziitha Lendaa
 
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
Viviana Bebitha
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozer
aliciabarba04
 
87203733 kompozer-alicia-barba
87203733 kompozer-alicia-barba87203733 kompozer-alicia-barba
87203733 kompozer-alicia-barba
piamartinotti
 
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
VvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvVvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
juliogallardomorales
 

Similar a 2° pagina web html5 (20)

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
 
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
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
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 html5
Pagina web html5Pagina web html5
Pagina web html5
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozer
 
87203733 kompozer-alicia-barba
87203733 kompozer-alicia-barba87203733 kompozer-alicia-barba
87203733 kompozer-alicia-barba
 
Doctype
DoctypeDoctype
Doctype
 
Guia4 html
Guia4 htmlGuia4 html
Guia4 html
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
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
 
Practica 1
Practica 1Practica 1
Practica 1
 
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
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 

Más de hjxbfajds

El entorno de trabajo en flash
El entorno de trabajo en flashEl entorno de trabajo en flash
El entorno de trabajo en flash
hjxbfajds
 
Paisaje en flash
Paisaje en flashPaisaje en flash
Paisaje en flash
hjxbfajds
 
Pasos para realizar mentenimiento preventivo
Pasos para realizar mentenimiento preventivoPasos para realizar mentenimiento preventivo
Pasos para realizar mentenimiento preventivo
hjxbfajds
 
Mantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivoMantenimiento preventivo y correctivo
Mantenimiento preventivo y correctivo
hjxbfajds
 
Pagina web con maquetacion
Pagina web con maquetacionPagina web con maquetacion
Pagina web con maquetacion
hjxbfajds
 
3° pagina web audio y video
3° pagina web audio y video3° pagina web audio y video
3° pagina web audio y video
hjxbfajds
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcion
hjxbfajds
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action script
hjxbfajds
 
Primeros ejercicios en action script
Primeros ejercicios en action scriptPrimeros ejercicios en action script
Primeros ejercicios en action script
hjxbfajds
 
Condicionales
CondicionalesCondicionales
Condicionales
hjxbfajds
 
Flotar bolitas
Flotar bolitasFlotar bolitas
Flotar bolitas
hjxbfajds
 
Especificar un documento de clase
Especificar un documento de claseEspecificar un documento de clase
Especificar un documento de clase
hjxbfajds
 
Programacion orientada a objetos mapa
Programacion orientada a objetos mapaProgramacion orientada a objetos mapa
Programacion orientada a objetos mapa
hjxbfajds
 

Más de hjxbfajds (14)

El entorno de trabajo en flash
El entorno de trabajo en flashEl entorno de trabajo en flash
El entorno de trabajo en flash
 
Paisaje en flash
Paisaje en flashPaisaje en flash
Paisaje en flash
 
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
 
Puertos pc
Puertos pcPuertos pc
Puertos pc
 
Pagina web con maquetacion
Pagina web con maquetacionPagina web con maquetacion
Pagina web con maquetacion
 
3° pagina web audio y video
3° pagina web audio y video3° pagina web audio y video
3° pagina web audio y video
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcion
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action script
 
Primeros ejercicios en action script
Primeros ejercicios en action scriptPrimeros ejercicios en action script
Primeros ejercicios en action script
 
Condicionales
CondicionalesCondicionales
Condicionales
 
Flotar bolitas
Flotar bolitasFlotar bolitas
Flotar bolitas
 
Especificar un documento de clase
Especificar un documento de claseEspecificar un documento de clase
Especificar un documento de clase
 
Programacion orientada a objetos mapa
Programacion orientada a objetos mapaProgramacion orientada a objetos mapa
Programacion orientada a objetos mapa
 

2° pagina web html5

  • 1. 2° PAGINA WEB EN HTML5 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.