SlideShare una empresa de Scribd logo
1 de 8
Pagina web 1
Díaz Jojoa Andrés Felipe
11 COMPUTACION
Para crear una pagina web en html5 primero abrimos notepad++
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 pagina escribimos
<BODY BGCOLOR="0B5075" TEXT="8F9A74">
Ahora si vamos a escribir un párrafo utilizamos el siguiente tag
<p>esta es una pagina 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>
<LI>SUMA</LI>
<LI>RESTA</LI>
<LI>MULTIPLICACION</LI>
<LI>DIVISICN</LI>
</UL>
<OL>
<LI>SUMA</LI>
<LI>RESTA</LI>
<LI>MULTIPLICACION</LI>
<LI>DIVISICN</LI>
</OL>
PARA INSERTAR UNA TABLA HACEMOS USO DEL SIGUIENTE TAG:
<TR>
<TD>COLUMNA1</TD>
<TD>COLUMNA1</TD> </TR>
<TR>
<TD>COLUMNA
</TD>
<TD>COLUMNA 2</TD>
</TR>
DONDE TR ME SIRVE PARA HACER
COLUNMA Y EL TD ME SIRVE PARA
HACER FILAS
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

Más contenido relacionado

La actualidad más candente (20)

HOTMAIL
HOTMAILHOTMAIL
HOTMAIL
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
Pagina de incio chrome
Pagina de incio chromePagina de incio chrome
Pagina de incio chrome
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Jessica
JessicaJessica
Jessica
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Producto 3
Producto 3Producto 3
Producto 3
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Jessica
JessicaJessica
Jessica
 
Pagina web
Pagina webPagina web
Pagina web
 
Comencemos dreamweaver
Comencemos dreamweaverComencemos dreamweaver
Comencemos dreamweaver
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Google chrome
Google chromeGoogle chrome
Google chrome
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Pagina web html5
Pagina web html5Pagina web html5
Pagina web html5
 
Html
HtmlHtml
Html
 
Html5 y php5
Html5 y php5Html5 y php5
Html5 y php5
 

Destacado (14)

Pagina audio y video
Pagina audio y videoPagina audio y video
Pagina audio y video
 
EY-Banking-in-emerging-markets-Investing-for-success
EY-Banking-in-emerging-markets-Investing-for-successEY-Banking-in-emerging-markets-Investing-for-success
EY-Banking-in-emerging-markets-Investing-for-success
 
EY-european-banking-barometer–1h14
EY-european-banking-barometer–1h14EY-european-banking-barometer–1h14
EY-european-banking-barometer–1h14
 
1503-1413137_TransformingIB_v13_FINAL-loRes
1503-1413137_TransformingIB_v13_FINAL-loRes1503-1413137_TransformingIB_v13_FINAL-loRes
1503-1413137_TransformingIB_v13_FINAL-loRes
 
Accenture-A-New-Dawn-Restoring-Profitability-while-Rebuilding-Capital
Accenture-A-New-Dawn-Restoring-Profitability-while-Rebuilding-CapitalAccenture-A-New-Dawn-Restoring-Profitability-while-Rebuilding-Capital
Accenture-A-New-Dawn-Restoring-Profitability-while-Rebuilding-Capital
 
Surf Club by Beautiful Weddings 2013
Surf Club by Beautiful Weddings 2013Surf Club by Beautiful Weddings 2013
Surf Club by Beautiful Weddings 2013
 
Global banking outlook 2015_Transforming banking for the next generation_full...
Global banking outlook 2015_Transforming banking for the next generation_full...Global banking outlook 2015_Transforming banking for the next generation_full...
Global banking outlook 2015_Transforming banking for the next generation_full...
 
La i orazione in catilinam
La i orazione in catilinamLa i orazione in catilinam
La i orazione in catilinam
 
Ablativo assoluto
Ablativo assolutoAblativo assoluto
Ablativo assoluto
 
Ceremonies Summer Fling
Ceremonies Summer FlingCeremonies Summer Fling
Ceremonies Summer Fling
 
Paginas web 2
Paginas web 2Paginas web 2
Paginas web 2
 
Accenture Capital Markets- operating with a restricted balance sheet -Top 10 ...
Accenture Capital Markets- operating with a restricted balance sheet -Top 10 ...Accenture Capital Markets- operating with a restricted balance sheet -Top 10 ...
Accenture Capital Markets- operating with a restricted balance sheet -Top 10 ...
 
Funciones
FuncionesFunciones
Funciones
 
1er pitch twimber
1er pitch twimber1er pitch twimber
1er pitch twimber
 

Similar a Pagina web 1 (20)

1 pagina web
1 pagina web1 pagina web
1 pagina web
 
ESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTMLESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTML
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
 
Html 5 y css viviana
Html 5 y css vivianaHtml 5 y css viviana
Html 5 y css viviana
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Programación basica en html
Programación basica en htmlProgramación basica en html
Programación basica en html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
 
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
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
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
 
Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera pagina
 
Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera pagina
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 

Más de 070810pipe

Maquetacion de pagina
Maquetacion de paginaMaquetacion de pagina
Maquetacion de pagina
070810pipe
 
Formulario html 5 pipe
Formulario html 5 pipeFormulario html 5 pipe
Formulario html 5 pipe
070810pipe
 
Paisaje nocturno
Paisaje nocturnoPaisaje nocturno
Paisaje nocturno
070810pipe
 
Paisaje nocturno
Paisaje nocturnoPaisaje nocturno
Paisaje nocturno
070810pipe
 
Action scrip pipe
Action scrip pipeAction scrip pipe
Action scrip pipe
070810pipe
 
Variables php pipe
Variables php pipeVariables php pipe
Variables php pipe
070810pipe
 
Estructura de un objeto pipe
Estructura de un objeto pipeEstructura de un objeto pipe
Estructura de un objeto pipe
070810pipe
 
Pipe programcion 1
Pipe programcion 1Pipe programcion 1
Pipe programcion 1
070810pipe
 
Presentacion flash
Presentacion flashPresentacion flash
Presentacion flash
070810pipe
 
Microprocesadores ya
Microprocesadores yaMicroprocesadores ya
Microprocesadores ya
070810pipe
 
Microprocesadores ya
Microprocesadores yaMicroprocesadores ya
Microprocesadores ya
070810pipe
 

Más de 070810pipe (18)

Degradados
DegradadosDegradados
Degradados
 
Maquetacion de pagina
Maquetacion de paginaMaquetacion de pagina
Maquetacion de pagina
 
Formulario html 5 pipe
Formulario html 5 pipeFormulario html 5 pipe
Formulario html 5 pipe
 
Paisaje nocturno
Paisaje nocturnoPaisaje nocturno
Paisaje nocturno
 
Paisaje nocturno
Paisaje nocturnoPaisaje nocturno
Paisaje nocturno
 
Puertos
PuertosPuertos
Puertos
 
Bolas
BolasBolas
Bolas
 
Action scrip pipe
Action scrip pipeAction scrip pipe
Action scrip pipe
 
Action scip
Action scipAction scip
Action scip
 
Algoritmos 1
Algoritmos 1Algoritmos 1
Algoritmos 1
 
11111
1111111111
11111
 
Variables php pipe
Variables php pipeVariables php pipe
Variables php pipe
 
Estructura de un objeto pipe
Estructura de un objeto pipeEstructura de un objeto pipe
Estructura de un objeto pipe
 
Pipe programcion 1
Pipe programcion 1Pipe programcion 1
Pipe programcion 1
 
Memoria ram
Memoria ramMemoria ram
Memoria ram
 
Presentacion flash
Presentacion flashPresentacion flash
Presentacion flash
 
Microprocesadores ya
Microprocesadores yaMicroprocesadores ya
Microprocesadores ya
 
Microprocesadores ya
Microprocesadores yaMicroprocesadores ya
Microprocesadores ya
 

Pagina web 1

  • 1. Pagina web 1 Díaz Jojoa Andrés Felipe 11 COMPUTACION
  • 2. Para crear una pagina web en html5 primero abrimos notepad++ Luego tecleamos <DOCTIPE> tal y como esta aquí
  • 3. 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
  • 4. Si queremos darle fondo y cambiar el color de la letra a la pagina escribimos <BODY BGCOLOR="0B5075" TEXT="8F9A74">
  • 5. Ahora si vamos a escribir un párrafo utilizamos el siguiente tag <p>esta es una pagina 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> <LI>SUMA</LI> <LI>RESTA</LI> <LI>MULTIPLICACION</LI> <LI>DIVISICN</LI> </UL> <OL> <LI>SUMA</LI> <LI>RESTA</LI> <LI>MULTIPLICACION</LI> <LI>DIVISICN</LI> </OL>
  • 6.
  • 7. PARA INSERTAR UNA TABLA HACEMOS USO DEL SIGUIENTE TAG: <TR> <TD>COLUMNA1</TD> <TD>COLUMNA1</TD> </TR> <TR> <TD>COLUMNA </TD> <TD>COLUMNA 2</TD> </TR> DONDE TR ME SIRVE PARA HACER COLUNMA Y EL TD ME SIRVE PARA HACER FILAS
  • 8. 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