SlideShare una empresa de Scribd logo
PARA CREAR UNA PAGINA WEB EN HTML5 PRIMERO HABRIMOS EL NOTEPAT++




LUEGO TECLEAMOS <DOCTIPE> TAL Y COMO ESTA AQUÍ




LUEGO ESCRIBIMOS LOS SIGUIENTES TAGS

<HTML>: AL COMENZAR EL DOCUMENTO

<HEAD>: INICIO DE LA CABEZERA

<TITLE>: INICIO DEL TITULO

</TITLE>: FINAL DEL TITULO

</HEAD>: INICIO DE LA CABEZERA

<BODY>: INICIO DEL CUERPO DE NUESTRA PAGINA WEB

</BODY>: FINAL DEL CUERPO DE NUESTRA PAGINA WEB

</HTML>: PARA CERRAR EL DOCUMENTO
UNA VEZ ESCRITOS LOS TAGS EMPEZAMOS CON EL TITLE EN MI CASO ES “MI PRIMERA PAGINA
WEB”




LUEGO DEBAJO DE BODY ESCRIBIMOS: <H1><CENTER>MI PRIMERA PAGINA
WEB</CENTER></H1> PARA QUE APARESCA COMO TITULO
SI QUEREMOS DARLE FONDO Y CAMBIAR EL COLOR DE LA LETRA A LA PÁGINA ESCRIBIMOS:
<BODY BGCOLOR="0B5075" TEXT="8F9A74">




AHORA SI VAMOS A ESCRIBIR UN PARRAFO UTILIZAMOS EL SIGUIENTE TAG:
<P>ESTA ES UN APAGINA HECHA EN HTML5</P>
EL TAG <UL> NO ORDENA LOS DATOS PERO EL TAG <OL> SI ORDENA LOS DATOS Y LO
ESCRIBIMOS ASI:

PARA <UL>                                 PARA <OL>
<UL>                                      <OL>
<LI>SUMA</LI>                             <LI>SUMA</LI>
<LI>RESTA</LI>                            <LI>RESTA</LI>
<LI>MULTIPLICACION</LI>                   <LI>MULTIPLICACION</LI>
<LI>DIVISICN</LI>                         <LI>DIVISICN</LI>
</UL>                                     </OL>
PARA INSERTAR UNA TABLA HACEMOS USO DEL SIGUIENTE TAG:

           <TR>
           <TD>COLUMNA1</TD>
           <TD>COLUMNA1</TD>
           </TR>                        DONDE TR ME SIRVE PARA
           <TR>
           <TD>COLUMNA                  HACER COLUNMA Y EL TD ME
           </TD>                        SIRVE PARA HACER FILAS
           <TD>COLUMNA
           2</TD>
           </TR>
SI QUEREMOS COLOCAR UNA IMAGEN EN NUESTRA PÁGINA WEB UTILIZAMOS EL TAG
<IMG SRC “----“/> PARA ESTO LA IMAGEN TIENE QUE ESTAR GUARDADA EN LA MISMA CARPETA
DE LA PAGINA
PARA PODER INSERTAR UN ENLACE A OTRA PAGINA UTILIZAMSO EL TAG
<A HREF="ENLACE DE LA PAGINA">NOMBRE DE LA PAGINA</A>




                 Y DE ESTA MANERA QUEDA LA PRIMERA PAGINA WEB
1 pagina web

Más contenido relacionado

La actualidad más candente

Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
070810pipe
 
Html 2
Html 2Html 2
Como entrar al aula virtual
Como entrar al aula virtualComo entrar al aula virtual
Como entrar al aula virtual
wilmeriveros92
 
Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11
Ëriick Gutierrez Rodriguez
 
Colegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerraColegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerra
Arnold Rubiano
 
Colegio nicolas esguerra 2
Colegio nicolas esguerra 2Colegio nicolas esguerra 2
Colegio nicolas esguerra 2
Oscar Vanegas
 
Reputación de marca en internet
 Reputación de marca en internet Reputación de marca en internet
Reputación de marca en internet
Cati Molina Rodríguez
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
Brigitt Lopez
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
taniamabel
 
12236544
1223654412236544
12236544
Kêvîn Puentes
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
karen_malik
 
Manual de usuario de la administracion de wordpress
Manual de usuario de la administracion de wordpressManual de usuario de la administracion de wordpress
Manual de usuario de la administracion de wordpress
kevinquito25
 
Laboratorio tic padlet
Laboratorio tic padletLaboratorio tic padlet
Laboratorio tic padlet
Merche Martín
 
Explicacion del trabajo en clase
Explicacion del trabajo en claseExplicacion del trabajo en clase
Explicacion del trabajo en clase
david905
 
Slideshare
SlideshareSlideshare
Slideshare
tecnomoratalla
 

La actualidad más candente (15)

Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Html 2
Html 2Html 2
Html 2
 
Como entrar al aula virtual
Como entrar al aula virtualComo entrar al aula virtual
Como entrar al aula virtual
 
Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11
 
Colegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerraColegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerra
 
Colegio nicolas esguerra 2
Colegio nicolas esguerra 2Colegio nicolas esguerra 2
Colegio nicolas esguerra 2
 
Reputación de marca en internet
 Reputación de marca en internet Reputación de marca en internet
Reputación de marca en internet
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
12236544
1223654412236544
12236544
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
Manual de usuario de la administracion de wordpress
Manual de usuario de la administracion de wordpressManual de usuario de la administracion de wordpress
Manual de usuario de la administracion de wordpress
 
Laboratorio tic padlet
Laboratorio tic padletLaboratorio tic padlet
Laboratorio tic padlet
 
Explicacion del trabajo en clase
Explicacion del trabajo en claseExplicacion del trabajo en clase
Explicacion del trabajo en clase
 
Slideshare
SlideshareSlideshare
Slideshare
 

Destacado

3 puertos
3 puertos3 puertos
3 puertos
Marlon Hernandez
 
Creación de gráficos y degradados
Creación de gráficos y degradadosCreación de gráficos y degradados
Creación de gráficos y degradados
cristian guevara
 
6 entorno de trabajo en flah
6 entorno de trabajo en flah6 entorno de trabajo en flah
6 entorno de trabajo en flah
cristian guevara
 
Paisaje nocturno
Paisaje  nocturnoPaisaje  nocturno
Paisaje nocturno
luzeiitha
 
Programación
ProgramaciónProgramación
Programación
luzeiitha
 
Texto en flash
Texto en flashTexto en flash
Texto en flash
cristian guevara
 
Graficos
GraficosGraficos
Graficos
luzeiitha
 
Importación a flash
Importación a flashImportación a flash
Importación a flash
cristian guevara
 
Formularios con html5
Formularios con html5Formularios con html5
Formularios con html5
cristian guevara
 

Destacado (9)

3 puertos
3 puertos3 puertos
3 puertos
 
Creación de gráficos y degradados
Creación de gráficos y degradadosCreación de gráficos y degradados
Creación de gráficos y degradados
 
6 entorno de trabajo en flah
6 entorno de trabajo en flah6 entorno de trabajo en flah
6 entorno de trabajo en flah
 
Paisaje nocturno
Paisaje  nocturnoPaisaje  nocturno
Paisaje nocturno
 
Programación
ProgramaciónProgramación
Programación
 
Texto en flash
Texto en flashTexto en flash
Texto en flash
 
Graficos
GraficosGraficos
Graficos
 
Importación a flash
Importación a flashImportación a flash
Importación a flash
 
Formularios con html5
Formularios con html5Formularios con html5
Formularios con html5
 

Similar a 1 pagina web

Html
HtmlHtml
Programación basica en html
Programación basica en htmlProgramación basica en html
Programación basica en html
henry price
 
Ejemplo practico
Ejemplo practicoEjemplo practico
Ejemplo practico
Manuel A. Francisco Arenas
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
ABel Palma
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
JohnDeZethyak
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
Adriano Mazziotti
 
Html
HtmlHtml
Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
Ktziitha Lendaa
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Halpha Crisdav
 
HTML
HTMLHTML
HTML
olyrouss
 
Deber vero
Deber veroDeber vero
Deber vero
cristhianloor
 
html
htmlhtml
Palomino
Palomino Palomino
Palomino
Martin Reynoso
 
Pagina web
Pagina webPagina web
Pagina web
joseNvarela906
 
Guia N1 Proyectos Web Html
Guia N1   Proyectos Web   HtmlGuia N1   Proyectos Web   Html
Guia N1 Proyectos Web Html
Jose Ponce
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
Viviana Mercedes Ponce
 
Html
HtmlHtml
Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
Isaac Felipe Beltran Lopez
 
Informatica
InformaticaInformatica
Informatica
juani9
 
Informatica
InformaticaInformatica
Informatica
juani9
 

Similar a 1 pagina web (20)

Html
HtmlHtml
Html
 
Programación basica en html
Programación basica en htmlProgramación basica en html
Programación basica en html
 
Ejemplo practico
Ejemplo practicoEjemplo practico
Ejemplo practico
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Html
HtmlHtml
Html
 
Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
HTML
HTMLHTML
HTML
 
Deber vero
Deber veroDeber vero
Deber vero
 
html
htmlhtml
html
 
Palomino
Palomino Palomino
Palomino
 
Pagina web
Pagina webPagina web
Pagina web
 
Guia N1 Proyectos Web Html
Guia N1   Proyectos Web   HtmlGuia N1   Proyectos Web   Html
Guia N1 Proyectos Web Html
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 
Html
HtmlHtml
Html
 
Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 

Más de Marlon Hernandez

7 paisaje nocturno
7 paisaje nocturno7 paisaje nocturno
7 paisaje nocturno
Marlon Hernandez
 
Esteban
EstebanEsteban
3 pagina con audio y video
3 pagina con audio y video3 pagina con audio y video
3 pagina con audio y video
Marlon Hernandez
 
6 entorno de trabajo en flah
6 entorno de trabajo en flah6 entorno de trabajo en flah
6 entorno de trabajo en flah
Marlon Hernandez
 
5 taller de recapitulacion
5 taller de recapitulacion5 taller de recapitulacion
5 taller de recapitulacion
Marlon Hernandez
 
6 ejercicios en actionscrip
6 ejercicios en actionscrip6 ejercicios en actionscrip
6 ejercicios en actionscrip
Marlon Hernandez
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
Marlon Hernandez
 
3 php
3 php3 php
3 php
3 php3 php
4 tipos en clase
4 tipos en clase4 tipos en clase
4 tipos en clase
Marlon Hernandez
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
Marlon Hernandez
 
5 tipos en clase
5 tipos en clase5 tipos en clase
5 tipos en clase
Marlon Hernandez
 
2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,Marlon Hernandez
 
2 progrmacion orientada a objetos
2 progrmacion orientada a objetos2 progrmacion orientada a objetos
2 progrmacion orientada a objetosMarlon Hernandez
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
Marlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
Marlon Hernandez
 
Agrupado
AgrupadoAgrupado

Más de Marlon Hernandez (20)

7 paisaje nocturno
7 paisaje nocturno7 paisaje nocturno
7 paisaje nocturno
 
Esteban
EstebanEsteban
Esteban
 
3 pagina con audio y video
3 pagina con audio y video3 pagina con audio y video
3 pagina con audio y video
 
6 entorno de trabajo en flah
6 entorno de trabajo en flah6 entorno de trabajo en flah
6 entorno de trabajo en flah
 
5 taller de recapitulacion
5 taller de recapitulacion5 taller de recapitulacion
5 taller de recapitulacion
 
6 ejercicios en actionscrip
6 ejercicios en actionscrip6 ejercicios en actionscrip
6 ejercicios en actionscrip
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
 
3 php
3 php3 php
3 php
 
3 php
3 php3 php
3 php
 
4 tipos en clase
4 tipos en clase4 tipos en clase
4 tipos en clase
 
Cuaderno virtual
Cuaderno virtualCuaderno virtual
Cuaderno virtual
 
5 tipos en clase
5 tipos en clase5 tipos en clase
5 tipos en clase
 
2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,
 
2 progrmacion orientada a objetos
2 progrmacion orientada a objetos2 progrmacion orientada a objetos
2 progrmacion orientada a objetos
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
2 memoria ram
2 memoria ram2 memoria ram
2 memoria ram
 
Agrupado
AgrupadoAgrupado
Agrupado
 

1 pagina web

  • 1. PARA CREAR UNA PAGINA WEB EN HTML5 PRIMERO HABRIMOS EL NOTEPAT++ LUEGO TECLEAMOS <DOCTIPE> TAL Y COMO ESTA AQUÍ LUEGO ESCRIBIMOS LOS SIGUIENTES TAGS <HTML>: AL COMENZAR EL DOCUMENTO <HEAD>: INICIO DE LA CABEZERA <TITLE>: INICIO DEL TITULO </TITLE>: FINAL DEL TITULO </HEAD>: INICIO DE LA CABEZERA <BODY>: INICIO DEL CUERPO DE NUESTRA PAGINA WEB </BODY>: FINAL DEL CUERPO DE NUESTRA PAGINA WEB </HTML>: PARA CERRAR EL DOCUMENTO
  • 2. UNA VEZ ESCRITOS LOS TAGS EMPEZAMOS CON EL TITLE EN MI CASO ES “MI PRIMERA PAGINA WEB” LUEGO DEBAJO DE BODY ESCRIBIMOS: <H1><CENTER>MI PRIMERA PAGINA WEB</CENTER></H1> PARA QUE APARESCA COMO TITULO
  • 3. SI QUEREMOS DARLE FONDO Y CAMBIAR EL COLOR DE LA LETRA A LA PÁGINA ESCRIBIMOS: <BODY BGCOLOR="0B5075" TEXT="8F9A74"> AHORA SI VAMOS A ESCRIBIR UN PARRAFO UTILIZAMOS EL SIGUIENTE TAG: <P>ESTA ES UN APAGINA HECHA EN HTML5</P>
  • 4. EL TAG <UL> NO ORDENA LOS DATOS PERO EL TAG <OL> SI ORDENA LOS DATOS Y LO ESCRIBIMOS ASI: PARA <UL> PARA <OL> <UL> <OL> <LI>SUMA</LI> <LI>SUMA</LI> <LI>RESTA</LI> <LI>RESTA</LI> <LI>MULTIPLICACION</LI> <LI>MULTIPLICACION</LI> <LI>DIVISICN</LI> <LI>DIVISICN</LI> </UL> </OL>
  • 5. PARA INSERTAR UNA TABLA HACEMOS USO DEL SIGUIENTE TAG: <TR> <TD>COLUMNA1</TD> <TD>COLUMNA1</TD> </TR> DONDE TR ME SIRVE PARA <TR> <TD>COLUMNA HACER COLUNMA Y EL TD ME </TD> SIRVE PARA HACER FILAS <TD>COLUMNA 2</TD> </TR>
  • 6. SI QUEREMOS COLOCAR UNA IMAGEN EN NUESTRA PÁGINA WEB UTILIZAMOS EL TAG <IMG SRC “----“/> PARA ESTO LA IMAGEN TIENE QUE ESTAR GUARDADA EN LA MISMA CARPETA DE LA PAGINA
  • 7. PARA PODER INSERTAR UN ENLACE A OTRA PAGINA UTILIZAMSO EL TAG <A HREF="ENLACE DE LA PAGINA">NOMBRE DE LA PAGINA</A> Y DE ESTA MANERA QUEDA LA PRIMERA PAGINA WEB