SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Downloaden Sie, um offline zu lesen
Página web en
HTML 5 y
DOCTYPE
SANDRA VIVIANA MORAN
11 C
Primero k todo creamos una carpeta que se
llame HTML y una sub carpeta que se llame
estructura en HTML en donde guardaremos
la página web



Luego abrimos el notepad++

Y empezamos tecleando <DOCTYPE>Luego
abrimos <html>y cerramos </html>después
dentro de este abrimos el cuerpo que es
<head>y lo cerramos igualmente
</head>en este abrimos el título y el cuerpo
de la página que son los tags (el
título<title></title>y el
cuerpo<body></body>)




Para el cuerpo ósea dentro del body va vamos
colocando otros tag

HEAD: es el título de la pestaña del
navegador

Div: agrupa una serie de elementos que van
hacer cambiados por el maqueteador css

Header: es la cabecera de html 5

H1: par el título y p: para un párrafo
Nav: el nav es para colocar un navegador en
nuestra página

Ul: es una lista no ordenada

Aside: para crear bloque de la parte derecha e
izquierda

Footer: es el pie de página
Y POR ULTIMO PARA EJECUTARLO
DAMOS EN EJECUTAR Y LO
EJECUATAMOS EN CUALQUIER
NAVEGADOR




Y SALDRA ENE L NAVEGADOR DE ESAT
MANERA
Página web  en html 5  y doctype
GRACIAS

Weitere ähnliche Inhalte

Was ist angesagt?

7. dreamweaver practico part1
7. dreamweaver practico part17. dreamweaver practico part1
7. dreamweaver practico part1lmozo
 
Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!Juan David Naranjo
 
Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Dámaris Giacometti
 
Word 2003 anyi barrientos
Word 2003 anyi barrientosWord 2003 anyi barrientos
Word 2003 anyi barrientosAnyiangie
 
Unidad 13 modificar plantillas de word
Unidad 13 modificar plantillas de wordUnidad 13 modificar plantillas de word
Unidad 13 modificar plantillas de wordF B
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerradilaneduardo4587
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una páginaBaronyBarreto
 

Was ist angesagt? (16)

7. dreamweaver practico part1
7. dreamweaver practico part17. dreamweaver practico part1
7. dreamweaver practico part1
 
Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!
 
Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.
 
DF
DFDF
DF
 
Word 2003 anyi barrientos
Word 2003 anyi barrientosWord 2003 anyi barrientos
Word 2003 anyi barrientos
 
Flow
FlowFlow
Flow
 
Flow
FlowFlow
Flow
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Unidad 13 modificar plantillas de word
Unidad 13 modificar plantillas de wordUnidad 13 modificar plantillas de word
Unidad 13 modificar plantillas de word
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Evaluación de google docs
Evaluación de google docsEvaluación de google docs
Evaluación de google docs
 
Google docs
Google docsGoogle docs
Google docs
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Google docs
Google docsGoogle docs
Google docs
 

Ähnlich wie Página web en html 5 y doctype

Ähnlich wie Página web en html 5 y doctype (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
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web
 
Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
 
Html 5 y css viviana
Html 5 y css vivianaHtml 5 y css viviana
Html 5 y css viviana
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Clase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptxClase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptx
 
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
 
Curso html
Curso htmlCurso html
Curso html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Primera web
Primera webPrimera web
Primera web
 
Html
HtmlHtml
Html
 
Html concpetos
Html concpetosHtml concpetos
Html concpetos
 
Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java script
 
Pagina web html5
Pagina web html5Pagina web html5
Pagina web html5
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Texto del manual de html
Texto del manual de htmlTexto del manual de html
Texto del manual de html
 

Mehr von Viviana Bebitha (20)

Las lajas
Las lajasLas lajas
Las lajas
 
Maquetacion de una pagina web
Maquetacion de una pagina webMaquetacion de una pagina web
Maquetacion de una pagina web
 
Formas y degradados
Formas y  degradadosFormas y  degradados
Formas y degradados
 
Formas y degradados
Formas y  degradadosFormas y  degradados
Formas y degradados
 
Como hacer figuras con código
Como hacer figuras con códigoComo hacer figuras con código
Como hacer figuras con código
 
Sprite1 para subir
Sprite1 para subirSprite1 para subir
Sprite1 para subir
 
Síntesis de una función
Síntesis  de una funciónSíntesis  de una función
Síntesis de una función
 
Formulario en html 5
Formulario en html 5Formulario en html 5
Formulario en html 5
 
Sandra 11 compu
Sandra 11 compuSandra 11 compu
Sandra 11 compu
 
Paisaje nocturno
Paisaje nocturnoPaisaje nocturno
Paisaje nocturno
 
Pagina de audio y video
Pagina de audio y videoPagina de audio y video
Pagina de audio y video
 
Puertos pc
Puertos pc Puertos pc
Puertos pc
 
Puertos pc
Puertos pcPuertos pc
Puertos pc
 
Segunda parte sandyyybb
Segunda parte sandyyybbSegunda parte sandyyybb
Segunda parte sandyyybb
 
Vivina 11111
Vivina 11111Vivina 11111
Vivina 11111
 
Vivina 11111
Vivina 11111Vivina 11111
Vivina 11111
 
Sandra viviana moran 11 compu
Sandra viviana moran  11 compuSandra viviana moran  11 compu
Sandra viviana moran 11 compu
 
Variables en ph p sandra moran
Variables en ph p sandra moranVariables en ph p sandra moran
Variables en ph p sandra moran
 
Variables en ph p sandra moran
Variables en ph p sandra moranVariables en ph p sandra moran
Variables en ph p sandra moran
 
De flash de objetos agru..
De flash de objetos agru..De flash de objetos agru..
De flash de objetos agru..
 

Página web en html 5 y doctype

  • 1. Página web en HTML 5 y DOCTYPE SANDRA VIVIANA MORAN 11 C
  • 2. Primero k todo creamos una carpeta que se llame HTML y una sub carpeta que se llame estructura en HTML en donde guardaremos la página web Luego abrimos el notepad++ Y empezamos tecleando <DOCTYPE>Luego abrimos <html>y cerramos </html>después dentro de este abrimos el cuerpo que es <head>y lo cerramos igualmente </head>en este abrimos el título y el cuerpo de la página que son los tags (el
  • 3. título<title></title>y el cuerpo<body></body>) Para el cuerpo ósea dentro del body va vamos colocando otros tag HEAD: es el título de la pestaña del navegador Div: agrupa una serie de elementos que van hacer cambiados por el maqueteador css Header: es la cabecera de html 5 H1: par el título y p: para un párrafo
  • 4. Nav: el nav es para colocar un navegador en nuestra página Ul: es una lista no ordenada Aside: para crear bloque de la parte derecha e izquierda Footer: es el pie de página
  • 5. Y POR ULTIMO PARA EJECUTARLO DAMOS EN EJECUTAR Y LO
  • 6. EJECUATAMOS EN CUALQUIER NAVEGADOR Y SALDRA ENE L NAVEGADOR DE ESAT MANERA