SlideShare una empresa de Scribd logo
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

DOCX
Pagina web con doctype
DOCX
2° pagina web html5
DOCX
Pagina a html
PPTX
Estructura.html 1
DOCX
2 pagina web
DOCX
Desarrolla aplicacionesweb
PPTX
Codigos html y como crear una pagina Web
PPTX
MANUAL PARA CREAR PÁGINAS WEB CON HTML
Pagina web con doctype
2° pagina web html5
Pagina a html
Estructura.html 1
2 pagina web
Desarrolla aplicacionesweb
Codigos html y como crear una pagina Web
MANUAL PARA CREAR PÁGINAS WEB CON HTML

La actualidad más candente (20)

PPT
Tarea sesion3
DOCX
Estructura basica de una pagina web en html
PPTX
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
DOCX
Paginas web ( html )
PDF
Practica mundo
DOC
Mi Primera Pagina
PPTX
Tarea sesion3.html
PDF
Hipervinculos
DOC
Trabajo practico n7
PDF
Etiquetas para estructurar texto en HTML - 3 parte
PDF
Etiquetas para estructurar texto HTML5 - 2 parte
PPT
Paginas web en html
PDF
Etiquetas para estructurar texto en HTML - 4 parte
DOCX
Etiquetas básicas de html
PDF
Introducion a HTML5
PDF
Actividad practica 1 pagina web
PPTX
DOCX
Actividad practica 2
PPT
PresentacióN Html
Tarea sesion3
Estructura basica de una pagina web en html
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Paginas web ( html )
Practica mundo
Mi Primera Pagina
Tarea sesion3.html
Hipervinculos
Trabajo practico n7
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto HTML5 - 2 parte
Paginas web en html
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas básicas de html
Introducion a HTML5
Actividad practica 1 pagina web
Actividad practica 2
PresentacióN Html
Publicidad

Destacado (20)

PPTX
Sistemas jenny
PPTX
present perfecto
PDF
Calendario septiembre'14
PPTX
Entornos enriquecidos y cerebro exposicion
DOCX
Explorar para investigar
PPT
Bloque cero
DOC
3erparcial,137821
PPT
Nutricion caza tesoro
DOCX
Sprite
PPT
Educar en autonomía
PDF
Rol tutor 2013
PDF
Mapping Early Modern News Networks
PPTX
Cb eval ana vásquez
PPTX
Sor juana inés de la cruz
DOCX
colegio bachillerato "procer jose cuero y caicedo"
DOC
Oecd 137821
PDF
David omar s diary
PPTX
balance de mi familia
PDF
A2 el fin de semana actividad
Sistemas jenny
present perfecto
Calendario septiembre'14
Entornos enriquecidos y cerebro exposicion
Explorar para investigar
Bloque cero
3erparcial,137821
Nutricion caza tesoro
Sprite
Educar en autonomía
Rol tutor 2013
Mapping Early Modern News Networks
Cb eval ana vásquez
Sor juana inés de la cruz
colegio bachillerato "procer jose cuero y caicedo"
Oecd 137821
David omar s diary
balance de mi familia
A2 el fin de semana actividad
Publicidad

Similar a 2° pagina web html5 (20)

DOCX
2da pagina web con html5 y doctype
DOCX
Página web en html 5 y doctype
DOCX
Html doc. descargado (reparado)
PPTX
Estructura basica de una pagina web
DOCX
PDF
Escuela Abierta - Taller de Html
PDF
Html tutorial
PPS
Trabajando con kompozer
PDF
87203733 kompozer-alicia-barba
PPTX
PDF
Tutorial página web
DOCX
Pajinas web html 5 para suvi hoy
DOCX
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
DOCX
Pajinas web html 5 para suvi hoy
DOCX
Practica 1
PDF
Curso html
PDF
Escuela Abierta - Taller de Html
DOCX
Alexander y diego paginas de html
PPTX
Como crear paginas en html
2da pagina web con html5 y doctype
Página web en html 5 y doctype
Html doc. descargado (reparado)
Estructura basica de una pagina web
Escuela Abierta - Taller de Html
Html tutorial
Trabajando con kompozer
87203733 kompozer-alicia-barba
Tutorial página web
Pajinas web html 5 para suvi hoy
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Pajinas web html 5 para suvi hoy
Practica 1
Curso html
Escuela Abierta - Taller de Html
Alexander y diego paginas de html
Como crear paginas en html

Más de hjxbfajds (14)

DOCX
El entorno de trabajo en flash
DOCX
Paisaje en flash
PPTX
Pasos para realizar mentenimiento preventivo
PPTX
Mantenimiento preventivo y correctivo
PPTX
Puertos pc
DOCX
Pagina web con maquetacion
DOCX
3° pagina web audio y video
DOCX
Sintesis de la funcion
DOCX
Fundamentales de action script
DOCX
Primeros ejercicios en action script
DOCX
Condicionales
DOCX
Flotar bolitas
DOCX
Especificar un documento de clase
DOCX
Programacion orientada a objetos mapa
El entorno de trabajo en flash
Paisaje en flash
Pasos para realizar mentenimiento preventivo
Mantenimiento preventivo y correctivo
Puertos pc
Pagina web con maquetacion
3° pagina web audio y video
Sintesis de la funcion
Fundamentales de action script
Primeros ejercicios en action script
Condicionales
Flotar bolitas
Especificar un documento de clase
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.