SlideShare una empresa de Scribd logo
BarretoVanegas Nicolás Steven
Jhon David BelloOrtiz
¿Qué es HTML?
Estructura de una página
A lo largo de este tema vamos a aprender a crear una página básica.
La estructura básicade una página es:
<html>
<head>
</head>
<body>
</body>
</html>
COLEGIO NACIONAL
NICOLAS ESGUERRA
Ahora veamos cómo funcionan estas etiquetas.
Identificador del tipode documento<html>
Todas las páginas web escritas en HTML tienen que tener la extensión html o
htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>.
Entre las etiquetas <html> y </html> estará comprendido el resto del código
HTML de la página.
Por ejemplo:
<html>
</html>
Cabecerade la página <head>
La cabecera de la página se utiliza para agrupar información sobre ella, como
puede ser el título.
Está formada por las etiquetas <head> y </head>. La etiqueta <head> va
justo debajo de la etiqueta <html>.
Por ejemplo:
<html>
<head>
</head>
</html>
Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y
más se utilizan son:
<link>, <style>, <script> (estas etiquetas las veremos más adelante),
<meta> (si deseas saber para qué sirvey cómo utilizar esta etiqueta,
consúltalo aquí ) y la etiqueta <title> que te explicamos a continuación.
Títulode la página <title>
El título de la página es el que aparecerá en la parte superior de la ventana
del navegador, cuando la página esté cargada en él.
Para asignar un título a una página es necesario escribir el texto deseado
entre las etiquetas <title> y </title>.
Estas etiquetas han de estar dentro de la cabecera, es decir, entre las
etiquetas <head> y </head>.
Por ejemplo:
<html>
<head>
<title>
Curso de HTML
</title>
</head>
</html>
NUESTRO CODIGO
<head>
<title>Barreto'Studios </title>
</head>
<!--ESTA WEB FUE ELABORADA POR NICOLAS BARRETO & JHON BELLO 902
//-->
<body BGCOLOR="GRAY">
<HR>
<marquee><H1><b>COFFEELING'STUDIOS®<br></b></H1></marquee>
<HR>
<Center><font color="#000000" size="6" face="comic sans MS, Arial, Ms
sans serif">Produccion Audiovisual Profesional</font><BR></Center>
<pre>
<hr align="Center" width="50%" Size="5" Color= "Black" Noshade>
<center><img src="IMAGENES/1.jpg" width="200" height="180"><img
src="IMAGENES/2.jpg" width="200" height="180"><img
src="IMAGENES/3.jpe" width="200" height="180"></center>
<br><br>
SCREENSHOT

Más contenido relacionado

La actualidad más candente

Html
HtmlHtml
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
Cbazttyan Rojas
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
Juan Gutierrez
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
Daniel Vargas
 
Estructura html
Estructura htmlEstructura html
Estructura html
carlosvalle1986
 
Colegio nicolas esgurra.
Colegio nicolas esgurra.Colegio nicolas esgurra.
Colegio nicolas esgurra.
diego2934
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
Pipe Jimenez
 
Html word2
Html word2Html word2
Html word2
Daniel CP
 
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
 
HTML
HTMLHTML
HTML
Vladimir
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Jeisson Estiven Micelly Moreno
 
Pagina web
Pagina webPagina web
Pagina web
rocket75
 
Html
HtmlHtml
Tabajaooojevs
TabajaooojevsTabajaooojevs
Tabajaooojevs
juanesvs
 
Tovar
TovarTovar

La actualidad más candente (18)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Colegio nicolas esgurra.
Colegio nicolas esgurra.Colegio nicolas esgurra.
Colegio nicolas esgurra.
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 
Html word2
Html word2Html word2
Html word2
 
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.
 
HTML
HTMLHTML
HTML
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Pagina web
Pagina webPagina web
Pagina web
 
Html
HtmlHtml
Html
 
Tabajaooojevs
TabajaooojevsTabajaooojevs
Tabajaooojevs
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Tovar
TovarTovar
Tovar
 

Destacado

Anúncio
AnúncioAnúncio
Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...
Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...
Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...
ietourismclub
 
Cuarto periodo
Cuarto periodoCuarto periodo
Cuarto periodo
BaronyBarreto
 
WATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKE
WATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKEWATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKE
WATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKEDarin Fortenberry, MBA
 
Buzz events - Vancouver November 24, 2011
Buzz events - Vancouver November 24, 2011Buzz events - Vancouver November 24, 2011
Buzz events - Vancouver November 24, 2011
Amielle Lake
 
Conference & Common Room_p33-36_Summer2014
Conference & Common Room_p33-36_Summer2014Conference & Common Room_p33-36_Summer2014
Conference & Common Room_p33-36_Summer2014Jonathan Noakes
 
Centro eduadultos
Centro eduadultosCentro eduadultos
Centro eduadultosMintrabajo
 
Comportamientos digitales
Comportamientos digitalesComportamientos digitales
Comportamientos digitalesalexa_tana15
 
Biologia
BiologiaBiologia
Portales y webs educativas 2013
Portales y webs educativas 2013Portales y webs educativas 2013
Portales y webs educativas 2013TICS & Partners
 
Tabaco y enf perio
Tabaco y enf perioTabaco y enf perio
Tabaco y enf perio
Rolando Oyarce
 
What you can expect
What you can expectWhat you can expect
Mind games
Mind gamesMind games
Mind games
orange_dot
 
Teens then and now
Teens   then and nowTeens   then and now
Teens then and now
stavros pandeli
 

Destacado (18)

Anúncio
AnúncioAnúncio
Anúncio
 
Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...
Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...
Diario de Mallorca - Jornada Perspectivas Temporada 2012 en Baleares y Reconv...
 
Cuarto periodo
Cuarto periodoCuarto periodo
Cuarto periodo
 
WATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKE
WATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKEWATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKE
WATER QUALITY AND BOTTOM MATERIAL CHARACTERISTICS OF CROSS LAKE
 
Buzz events - Vancouver November 24, 2011
Buzz events - Vancouver November 24, 2011Buzz events - Vancouver November 24, 2011
Buzz events - Vancouver November 24, 2011
 
Tc Estad2009
Tc Estad2009Tc Estad2009
Tc Estad2009
 
Conference & Common Room_p33-36_Summer2014
Conference & Common Room_p33-36_Summer2014Conference & Common Room_p33-36_Summer2014
Conference & Common Room_p33-36_Summer2014
 
02curriculum moderno ok
02curriculum moderno ok02curriculum moderno ok
02curriculum moderno ok
 
Centro eduadultos
Centro eduadultosCentro eduadultos
Centro eduadultos
 
Comportamientos digitales
Comportamientos digitalesComportamientos digitales
Comportamientos digitales
 
Digital Natives
Digital NativesDigital Natives
Digital Natives
 
Biologia
BiologiaBiologia
Biologia
 
Portales y webs educativas 2013
Portales y webs educativas 2013Portales y webs educativas 2013
Portales y webs educativas 2013
 
Tabaco y enf perio
Tabaco y enf perioTabaco y enf perio
Tabaco y enf perio
 
What you can expect
What you can expectWhat you can expect
What you can expect
 
Mind games
Mind gamesMind games
Mind games
 
Teens then and now
Teens   then and nowTeens   then and now
Teens then and now
 
Intereses y aptitudes vocacionales
Intereses y aptitudes vocacionalesIntereses y aptitudes vocacionales
Intereses y aptitudes vocacionales
 

Similar a Estructura de una página

Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibellosantiagomez903
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Felipe Pesca
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
dilaneduardo4587
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
Nikolas Avila
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
Planeta Digital 360
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
SebaMaya
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Rocnar
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
luchopaisa
 
Practico html
Practico htmlPractico html
Practico htmllucascen
 
Producto 3
Producto 3Producto 3
Producto 3
LaloWR11
 
Producto 3 Byron
Producto 3 ByronProducto 3 Byron
Producto 3 Byron
byronicooo
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Nicolas Sanchez
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Miguel Stiven Cm
 

Similar a Estructura de una página (20)

Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3 Byron
Producto 3 ByronProducto 3 Byron
Producto 3 Byron
 
Manual html
Manual htmlManual html
Manual html
 
partes de un pagina
partes de un paginapartes de un pagina
partes de un pagina
 
Html
HtmlHtml
Html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Más de BaronyBarreto

Marcos
MarcosMarcos
Tablas
TablasTablas
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
BaronyBarreto
 
El texto
 El texto El texto
El texto
BaronyBarreto
 
Imágenes
ImágenesImágenes
Imágenes
BaronyBarreto
 
Barretovanegasnicolssteven 150916120059-lva1-app689
Barretovanegasnicolssteven 150916120059-lva1-app689Barretovanegasnicolssteven 150916120059-lva1-app689
Barretovanegasnicolssteven 150916120059-lva1-app689
BaronyBarreto
 
Barreto vanegas nicolás steven
Barreto vanegas nicolás stevenBarreto vanegas nicolás steven
Barreto vanegas nicolás steven
BaronyBarreto
 
Jhons xyna
Jhons xynaJhons xyna
Jhons xyna
BaronyBarreto
 
EVALUACION PERIODICA UNIFICADA
EVALUACION PERIODICA UNIFICADAEVALUACION PERIODICA UNIFICADA
EVALUACION PERIODICA UNIFICADA
BaronyBarreto
 
Lolaso ya bello
Lolaso ya   belloLolaso ya   bello
Lolaso ya bello
BaronyBarreto
 
Lolaso ya bello
Lolaso ya   belloLolaso ya   bello
Lolaso ya bello
BaronyBarreto
 
JUAS XD
JUAS XDJUAS XD
JUAS XD
BaronyBarreto
 
Lolaso ya
Lolaso yaLolaso ya
Lolaso ya
BaronyBarreto
 
NORMAS ICONTEC 4
NORMAS ICONTEC 4NORMAS ICONTEC 4
NORMAS ICONTEC 4
BaronyBarreto
 
NORMAS ICONTEC (4)
NORMAS ICONTEC (4)NORMAS ICONTEC (4)
NORMAS ICONTEC (4)
BaronyBarreto
 
INTRODUCCIÓN NORMAS ICONTEC (3)
INTRODUCCIÓN NORMAS ICONTEC (3)INTRODUCCIÓN NORMAS ICONTEC (3)
INTRODUCCIÓN NORMAS ICONTEC (3)
BaronyBarreto
 
Introducción Normas Icontec 2
Introducción Normas Icontec 2Introducción Normas Icontec 2
Introducción Normas Icontec 2
BaronyBarreto
 
INTRODUCCIÓN NORMAS ICONTEC (2)
INTRODUCCIÓN NORMAS ICONTEC (2)INTRODUCCIÓN NORMAS ICONTEC (2)
INTRODUCCIÓN NORMAS ICONTEC (2)
BaronyBarreto
 
jhon davis
jhon davisjhon davis
jhon davis
BaronyBarreto
 
plantilla normar icontec 1
plantilla normar icontec 1plantilla normar icontec 1
plantilla normar icontec 1
BaronyBarreto
 

Más de BaronyBarreto (20)

Marcos
MarcosMarcos
Marcos
 
Tablas
TablasTablas
Tablas
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
 
El texto
 El texto El texto
El texto
 
Imágenes
ImágenesImágenes
Imágenes
 
Barretovanegasnicolssteven 150916120059-lva1-app689
Barretovanegasnicolssteven 150916120059-lva1-app689Barretovanegasnicolssteven 150916120059-lva1-app689
Barretovanegasnicolssteven 150916120059-lva1-app689
 
Barreto vanegas nicolás steven
Barreto vanegas nicolás stevenBarreto vanegas nicolás steven
Barreto vanegas nicolás steven
 
Jhons xyna
Jhons xynaJhons xyna
Jhons xyna
 
EVALUACION PERIODICA UNIFICADA
EVALUACION PERIODICA UNIFICADAEVALUACION PERIODICA UNIFICADA
EVALUACION PERIODICA UNIFICADA
 
Lolaso ya bello
Lolaso ya   belloLolaso ya   bello
Lolaso ya bello
 
Lolaso ya bello
Lolaso ya   belloLolaso ya   bello
Lolaso ya bello
 
JUAS XD
JUAS XDJUAS XD
JUAS XD
 
Lolaso ya
Lolaso yaLolaso ya
Lolaso ya
 
NORMAS ICONTEC 4
NORMAS ICONTEC 4NORMAS ICONTEC 4
NORMAS ICONTEC 4
 
NORMAS ICONTEC (4)
NORMAS ICONTEC (4)NORMAS ICONTEC (4)
NORMAS ICONTEC (4)
 
INTRODUCCIÓN NORMAS ICONTEC (3)
INTRODUCCIÓN NORMAS ICONTEC (3)INTRODUCCIÓN NORMAS ICONTEC (3)
INTRODUCCIÓN NORMAS ICONTEC (3)
 
Introducción Normas Icontec 2
Introducción Normas Icontec 2Introducción Normas Icontec 2
Introducción Normas Icontec 2
 
INTRODUCCIÓN NORMAS ICONTEC (2)
INTRODUCCIÓN NORMAS ICONTEC (2)INTRODUCCIÓN NORMAS ICONTEC (2)
INTRODUCCIÓN NORMAS ICONTEC (2)
 
jhon davis
jhon davisjhon davis
jhon davis
 
plantilla normar icontec 1
plantilla normar icontec 1plantilla normar icontec 1
plantilla normar icontec 1
 

Último

Desarrollo de habilidades de pensamiento
Desarrollo de habilidades de pensamientoDesarrollo de habilidades de pensamiento
Desarrollo de habilidades de pensamiento
ManuelaReina3
 
Presentación sobre la geometría, aplicaciones y ramas
Presentación sobre la geometría, aplicaciones y ramasPresentación sobre la geometría, aplicaciones y ramas
Presentación sobre la geometría, aplicaciones y ramas
JosMuoz943377
 
Presentación Cuenta Pública HLS 2023.pptx
Presentación Cuenta Pública HLS 2023.pptxPresentación Cuenta Pública HLS 2023.pptx
Presentación Cuenta Pública HLS 2023.pptx
hlscomunicaciones
 
Diapositivas D.I.P.. sobre la importancia que tiene la interpol en Honduraspptx
Diapositivas D.I.P.. sobre la importancia que tiene la interpol en HonduraspptxDiapositivas D.I.P.. sobre la importancia que tiene la interpol en Honduraspptx
Diapositivas D.I.P.. sobre la importancia que tiene la interpol en Honduraspptx
WalterOrdoez22
 
Licencias por enfermedad de hijo menor de 2 años chile
Licencias por enfermedad de hijo menor de 2 años chileLicencias por enfermedad de hijo menor de 2 años chile
Licencias por enfermedad de hijo menor de 2 años chile
franciscasalinaspobl
 
Análisis Datos imprecisos con lógica difusa.pdf
Análisis Datos imprecisos con lógica difusa.pdfAnálisis Datos imprecisos con lógica difusa.pdf
Análisis Datos imprecisos con lógica difusa.pdf
ReAViILICo
 
Morfofisiopatologia Humana I________ UCS
Morfofisiopatologia Humana I________ UCSMorfofisiopatologia Humana I________ UCS
Morfofisiopatologia Humana I________ UCS
LisaCinnamoroll
 
Tecnologia de materiales T01- Agregados.docx (1).pdf
Tecnologia de materiales T01- Agregados.docx (1).pdfTecnologia de materiales T01- Agregados.docx (1).pdf
Tecnologia de materiales T01- Agregados.docx (1).pdf
uriel132
 
1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx
1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx
1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx
EliseoLuisRamrez
 
Diagnóstico Institucional en psicologia.docx
Diagnóstico  Institucional en psicologia.docxDiagnóstico  Institucional en psicologia.docx
Diagnóstico Institucional en psicologia.docx
cabreraelian69
 
Presentación diagrama de flujo del desarrollo aronautico.pptx
Presentación diagrama de flujo del desarrollo aronautico.pptxPresentación diagrama de flujo del desarrollo aronautico.pptx
Presentación diagrama de flujo del desarrollo aronautico.pptx
cmrodriguezortiz1103
 
REGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNAT
REGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNATREGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNAT
REGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNAT
yafethcarrillo
 
Flujograma: Reserva de habitación en un hotel
Flujograma: Reserva de habitación en un hotelFlujograma: Reserva de habitación en un hotel
Flujograma: Reserva de habitación en un hotel
f4llenangel345
 
Ojiva porcentual para el análisis de datos
Ojiva porcentual para el análisis de datosOjiva porcentual para el análisis de datos
Ojiva porcentual para el análisis de datos
JaimeYael
 
Pobreza en el Perú en 2023.pdf practicag
Pobreza en el Perú en 2023.pdf practicagPobreza en el Perú en 2023.pdf practicag
Pobreza en el Perú en 2023.pdf practicag
jairoperezjpnazca
 
SISTEMA PRIVADO DE PENSIONES- de la cruz.pptx
SISTEMA PRIVADO DE PENSIONES- de la cruz.pptxSISTEMA PRIVADO DE PENSIONES- de la cruz.pptx
SISTEMA PRIVADO DE PENSIONES- de la cruz.pptx
mogollonespinoza17
 
TABla de detracciones 123456 antonela tirado 653266666666666
TABla de detracciones 123456 antonela tirado 653266666666666TABla de detracciones 123456 antonela tirado 653266666666666
TABla de detracciones 123456 antonela tirado 653266666666666
LizetTiradoRodriguez
 
Instituciones financieras globales por efectivo disponible (2024).pdf
Instituciones financieras globales por efectivo disponible (2024).pdfInstituciones financieras globales por efectivo disponible (2024).pdf
Instituciones financieras globales por efectivo disponible (2024).pdf
JC Díaz Herrera
 
Desarrollo de Habilidades de Pensamiento Informatica
Desarrollo de Habilidades de Pensamiento InformaticaDesarrollo de Habilidades de Pensamiento Informatica
Desarrollo de Habilidades de Pensamiento Informatica
floralbaortega88
 
MATERIAS PRIMAS DE ORIGEN ORGÁNICO.pdf
MATERIAS PRIMAS DE ORIGEN   ORGÁNICO.pdfMATERIAS PRIMAS DE ORIGEN   ORGÁNICO.pdf
MATERIAS PRIMAS DE ORIGEN ORGÁNICO.pdf
uriel132
 

Último (20)

Desarrollo de habilidades de pensamiento
Desarrollo de habilidades de pensamientoDesarrollo de habilidades de pensamiento
Desarrollo de habilidades de pensamiento
 
Presentación sobre la geometría, aplicaciones y ramas
Presentación sobre la geometría, aplicaciones y ramasPresentación sobre la geometría, aplicaciones y ramas
Presentación sobre la geometría, aplicaciones y ramas
 
Presentación Cuenta Pública HLS 2023.pptx
Presentación Cuenta Pública HLS 2023.pptxPresentación Cuenta Pública HLS 2023.pptx
Presentación Cuenta Pública HLS 2023.pptx
 
Diapositivas D.I.P.. sobre la importancia que tiene la interpol en Honduraspptx
Diapositivas D.I.P.. sobre la importancia que tiene la interpol en HonduraspptxDiapositivas D.I.P.. sobre la importancia que tiene la interpol en Honduraspptx
Diapositivas D.I.P.. sobre la importancia que tiene la interpol en Honduraspptx
 
Licencias por enfermedad de hijo menor de 2 años chile
Licencias por enfermedad de hijo menor de 2 años chileLicencias por enfermedad de hijo menor de 2 años chile
Licencias por enfermedad de hijo menor de 2 años chile
 
Análisis Datos imprecisos con lógica difusa.pdf
Análisis Datos imprecisos con lógica difusa.pdfAnálisis Datos imprecisos con lógica difusa.pdf
Análisis Datos imprecisos con lógica difusa.pdf
 
Morfofisiopatologia Humana I________ UCS
Morfofisiopatologia Humana I________ UCSMorfofisiopatologia Humana I________ UCS
Morfofisiopatologia Humana I________ UCS
 
Tecnologia de materiales T01- Agregados.docx (1).pdf
Tecnologia de materiales T01- Agregados.docx (1).pdfTecnologia de materiales T01- Agregados.docx (1).pdf
Tecnologia de materiales T01- Agregados.docx (1).pdf
 
1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx
1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx
1- PRESENTACION DE ORIENTACIONES DE LA ORDENANZA 04-2023.11.04.24.pptx
 
Diagnóstico Institucional en psicologia.docx
Diagnóstico  Institucional en psicologia.docxDiagnóstico  Institucional en psicologia.docx
Diagnóstico Institucional en psicologia.docx
 
Presentación diagrama de flujo del desarrollo aronautico.pptx
Presentación diagrama de flujo del desarrollo aronautico.pptxPresentación diagrama de flujo del desarrollo aronautico.pptx
Presentación diagrama de flujo del desarrollo aronautico.pptx
 
REGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNAT
REGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNATREGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNAT
REGIMEN MYPE TRIBUTARIO HECHO PARA APORTES PARA LA SUNAT
 
Flujograma: Reserva de habitación en un hotel
Flujograma: Reserva de habitación en un hotelFlujograma: Reserva de habitación en un hotel
Flujograma: Reserva de habitación en un hotel
 
Ojiva porcentual para el análisis de datos
Ojiva porcentual para el análisis de datosOjiva porcentual para el análisis de datos
Ojiva porcentual para el análisis de datos
 
Pobreza en el Perú en 2023.pdf practicag
Pobreza en el Perú en 2023.pdf practicagPobreza en el Perú en 2023.pdf practicag
Pobreza en el Perú en 2023.pdf practicag
 
SISTEMA PRIVADO DE PENSIONES- de la cruz.pptx
SISTEMA PRIVADO DE PENSIONES- de la cruz.pptxSISTEMA PRIVADO DE PENSIONES- de la cruz.pptx
SISTEMA PRIVADO DE PENSIONES- de la cruz.pptx
 
TABla de detracciones 123456 antonela tirado 653266666666666
TABla de detracciones 123456 antonela tirado 653266666666666TABla de detracciones 123456 antonela tirado 653266666666666
TABla de detracciones 123456 antonela tirado 653266666666666
 
Instituciones financieras globales por efectivo disponible (2024).pdf
Instituciones financieras globales por efectivo disponible (2024).pdfInstituciones financieras globales por efectivo disponible (2024).pdf
Instituciones financieras globales por efectivo disponible (2024).pdf
 
Desarrollo de Habilidades de Pensamiento Informatica
Desarrollo de Habilidades de Pensamiento InformaticaDesarrollo de Habilidades de Pensamiento Informatica
Desarrollo de Habilidades de Pensamiento Informatica
 
MATERIAS PRIMAS DE ORIGEN ORGÁNICO.pdf
MATERIAS PRIMAS DE ORIGEN   ORGÁNICO.pdfMATERIAS PRIMAS DE ORIGEN   ORGÁNICO.pdf
MATERIAS PRIMAS DE ORIGEN ORGÁNICO.pdf
 

Estructura de una página

  • 1. BarretoVanegas Nicolás Steven Jhon David BelloOrtiz ¿Qué es HTML? Estructura de una página A lo largo de este tema vamos a aprender a crear una página básica. La estructura básicade una página es: <html> <head> </head> <body> </body> </html> COLEGIO NACIONAL NICOLAS ESGUERRA
  • 2. Ahora veamos cómo funcionan estas etiquetas. Identificador del tipode documento<html> Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>. Entre las etiquetas <html> y </html> estará comprendido el resto del código HTML de la página. Por ejemplo: <html> </html> Cabecerade la página <head> La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>. Por ejemplo: <html> <head> </head> </html> Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son: <link>, <style>, <script> (estas etiquetas las veremos más adelante),
  • 3. <meta> (si deseas saber para qué sirvey cómo utilizar esta etiqueta, consúltalo aquí ) y la etiqueta <title> que te explicamos a continuación. Títulode la página <title> El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>. Por ejemplo: <html> <head> <title> Curso de HTML </title> </head> </html> NUESTRO CODIGO <head> <title>Barreto'Studios </title> </head> <!--ESTA WEB FUE ELABORADA POR NICOLAS BARRETO & JHON BELLO 902 //-->
  • 4. <body BGCOLOR="GRAY"> <HR> <marquee><H1><b>COFFEELING'STUDIOS®<br></b></H1></marquee> <HR> <Center><font color="#000000" size="6" face="comic sans MS, Arial, Ms sans serif">Produccion Audiovisual Profesional</font><BR></Center> <pre> <hr align="Center" width="50%" Size="5" Color= "Black" Noshade> <center><img src="IMAGENES/1.jpg" width="200" height="180"><img src="IMAGENES/2.jpg" width="200" height="180"><img src="IMAGENES/3.jpe" width="200" height="180"></center> <br><br> SCREENSHOT