SlideShare une entreprise Scribd logo
1  sur  4
COLEGIO NACIOMAL NICOAL ESGUERRA

EDIFICAMOS FUTURO

Nombres David Santiago Garibello Cardona    CURSO: 903   CODIGO: 04

           Juan Pablo Gómez Molano

                                   ESTRUCTURA HTML 2



Unidad 2. Estructura de una página (I)




A lo largo de este tema vamos a aprender a crear una página básica.

La estructura básica de una página es:

<html>
<head>
...
</head>
<body>
...
</body>
</html>

Ahora veamos cómo funcionan estas etiquetas.

Identificador del tipo de 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>

Cabecera de 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é sirve y cómo utilizar esta etiqueta, consúltalo
aquí     ) y la etiqueta
<title> que te explicamos a continuación.

Título de 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>

CODIGO COLORES HEXADECIMAL
Estructura de una pagina web



<html>

<head>

<title>mi pasion el futbol</title>

</head>

<bodybgcolor="#000F">

<font color="#CC330FF" size="5">equipos famosos de futbol.</font>

</body>

</html>

Contenu connexe

Tendances (18)

Html
HtmlHtml
Html
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Html
HtmlHtml
Html
 
Html word2
Html word2Html word2
Html word2
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Apuntes diseño en 2 d
Apuntes diseño en 2 dApuntes diseño en 2 d
Apuntes diseño en 2 d
 
Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
 
Pagina web i
Pagina web iPagina web i
Pagina web i
 
Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Colegio nicolas esgurra.
Colegio nicolas esgurra.Colegio nicolas esgurra.
Colegio nicolas esgurra.
 
DF
DFDF
DF
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 

En vedette

Desarrollo de plan_de_marketing_de_hongos_secos
Desarrollo de plan_de_marketing_de_hongos_secosDesarrollo de plan_de_marketing_de_hongos_secos
Desarrollo de plan_de_marketing_de_hongos_secosJOhnny Catu
 
Cuento pictogramas
Cuento pictogramasCuento pictogramas
Cuento pictogramaspatrimolina
 
Crisis de comunicación
Crisis de comunicaciónCrisis de comunicación
Crisis de comunicaciónAna Aguilar
 
Manual de Vocería en crisis
Manual de Vocería en crisisManual de Vocería en crisis
Manual de Vocería en crisisAna Aguilar
 
Normas de seguridad vial
Normas de seguridad vialNormas de seguridad vial
Normas de seguridad vialOscar Estrada
 
Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...
Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...
Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...Florma81
 
La cuestión de la orientación en los templos medievales: San Bartolomé del rí...
La cuestión de la orientación en los templos medievales: San Bartolomé del rí...La cuestión de la orientación en los templos medievales: San Bartolomé del rí...
La cuestión de la orientación en los templos medievales: San Bartolomé del rí...Rafael Fuster Ruiz
 
LA RELACION DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...
LA RELACION  DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...LA RELACION  DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...
LA RELACION DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...Diana Paola
 

En vedette (20)

Desarrollo de plan_de_marketing_de_hongos_secos
Desarrollo de plan_de_marketing_de_hongos_secosDesarrollo de plan_de_marketing_de_hongos_secos
Desarrollo de plan_de_marketing_de_hongos_secos
 
Tele
TeleTele
Tele
 
Cuento pictogramas
Cuento pictogramasCuento pictogramas
Cuento pictogramas
 
Informática
InformáticaInformática
Informática
 
Crisis de comunicación
Crisis de comunicaciónCrisis de comunicación
Crisis de comunicación
 
Servicios y recursos para el usuario 2
Servicios y recursos para el usuario 2Servicios y recursos para el usuario 2
Servicios y recursos para el usuario 2
 
Manual de Vocería en crisis
Manual de Vocería en crisisManual de Vocería en crisis
Manual de Vocería en crisis
 
Normas de seguridad vial
Normas de seguridad vialNormas de seguridad vial
Normas de seguridad vial
 
Twitter como red de aprendizaje
Twitter como red de aprendizajeTwitter como red de aprendizaje
Twitter como red de aprendizaje
 
Trabajo 2 empresa
Trabajo 2 empresaTrabajo 2 empresa
Trabajo 2 empresa
 
Presentación1
Presentación1Presentación1
Presentación1
 
Supertienda
SupertiendaSupertienda
Supertienda
 
Sector industrial matriz
Sector industrial matrizSector industrial matriz
Sector industrial matriz
 
Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...
Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...
Trabajo colaborativo seminario de evaluacion socioeconomica y ambiental de pr...
 
La cuestión de la orientación en los templos medievales: San Bartolomé del rí...
La cuestión de la orientación en los templos medievales: San Bartolomé del rí...La cuestión de la orientación en los templos medievales: San Bartolomé del rí...
La cuestión de la orientación en los templos medievales: San Bartolomé del rí...
 
Tesis final nuevo esquema 0012
Tesis final nuevo esquema 0012Tesis final nuevo esquema 0012
Tesis final nuevo esquema 0012
 
LA RELACION DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...
LA RELACION  DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...LA RELACION  DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...
LA RELACION DE LA FISICA CON OTRAS CIENCIAS Y LA APLICACION DE LA FISICA CON...
 
Las fantasías de la escrtura
Las fantasías de la escrturaLas fantasías de la escrtura
Las fantasías de la escrtura
 
Funcion de excel
Funcion de excelFuncion de excel
Funcion de excel
 
Trabajo 1 periodo
Trabajo 1 periodoTrabajo 1 periodo
Trabajo 1 periodo
 

Similaire à Documento nicolas garibello

Similaire à Documento nicolas garibello (19)

Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Pagina web
Pagina webPagina web
Pagina web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
partes de un pagina
partes de un paginapartes de un pagina
partes de un pagina
 
Producto 3 Byron
Producto 3 ByronProducto 3 Byron
Producto 3 Byron
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
Tabajaooojevs
TabajaooojevsTabajaooojevs
Tabajaooojevs
 
Html
HtmlHtml
Html
 
Tovar
TovarTovar
Tovar
 
Programación para web
Programación para webProgramación para web
Programación para web
 
Introducción al Desarrollo Web
Introducción al Desarrollo WebIntroducción al Desarrollo Web
Introducción al Desarrollo Web
 

Documento nicolas garibello

  • 1. COLEGIO NACIOMAL NICOAL ESGUERRA EDIFICAMOS FUTURO Nombres David Santiago Garibello Cardona CURSO: 903 CODIGO: 04 Juan Pablo Gómez Molano ESTRUCTURA HTML 2 Unidad 2. Estructura de una página (I) A lo largo de este tema vamos a aprender a crear una página básica. La estructura básica de una página es: <html> <head> ... </head> <body> ... </body> </html> Ahora veamos cómo funcionan estas etiquetas. Identificador del tipo de documento <html>
  • 2. 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> Cabecera de 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é sirve y cómo utilizar esta etiqueta, consúltalo aquí ) y la etiqueta <title> que te explicamos a continuación. Título de 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>.
  • 3. 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> CODIGO COLORES HEXADECIMAL
  • 4. Estructura de una pagina web <html> <head> <title>mi pasion el futbol</title> </head> <bodybgcolor="#000F"> <font color="#CC330FF" size="5">equipos famosos de futbol.</font> </body> </html>