SlideShare una empresa de Scribd logo
1 de 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>

Más contenido relacionado

La actualidad más candente (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
 

Destacado

Historia de la salvación
Historia de la salvaciónHistoria de la salvación
Historia de la salvaciónJuanita Ramirez
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticanatiztenorio
 
Familiachrl
FamiliachrlFamiliachrl
Familiachrlvvvarisa
 
Lenguaje en educacion especial noviembre
Lenguaje en educacion especial noviembreLenguaje en educacion especial noviembre
Lenguaje en educacion especial noviembreANA JUNCO
 
Lugares turisticos de 2 provincias de la sierra: Loja y Cotopaxi
Lugares turisticos de 2 provincias de la sierra: Loja y CotopaxiLugares turisticos de 2 provincias de la sierra: Loja y Cotopaxi
Lugares turisticos de 2 provincias de la sierra: Loja y CotopaxiUniversidad Técnica de Ambato
 
Archivo de critica
Archivo de criticaArchivo de critica
Archivo de criticaSonia Lesmes
 
Trabajo informática jordi toapanta
Trabajo informática jordi toapantaTrabajo informática jordi toapanta
Trabajo informática jordi toapantajordiito
 
(Decreto ley medio ambiente)
(Decreto ley medio ambiente)(Decreto ley medio ambiente)
(Decreto ley medio ambiente)Leire Pajín
 
Instrumentos musicales
Instrumentos musicalesInstrumentos musicales
Instrumentos musicalessamygusman1995
 
La integral definida
La integral definidaLa integral definida
La integral definidauft
 
CHINA: EMPRESAS que estafan
CHINA: EMPRESAS que estafanCHINA: EMPRESAS que estafan
CHINA: EMPRESAS que estafanCOMPUACCESORIOS
 

Destacado (20)

Historia de la salvación
Historia de la salvaciónHistoria de la salvación
Historia de la salvación
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Familiachrl
FamiliachrlFamiliachrl
Familiachrl
 
Dossier psicope
Dossier psicopeDossier psicope
Dossier psicope
 
Modulo i-octubre
Modulo i-octubreModulo i-octubre
Modulo i-octubre
 
Lenguaje en educacion especial noviembre
Lenguaje en educacion especial noviembreLenguaje en educacion especial noviembre
Lenguaje en educacion especial noviembre
 
Inteligencia artificial
Inteligencia artificialInteligencia artificial
Inteligencia artificial
 
Lugares turisticos de 2 provincias de la sierra: Loja y Cotopaxi
Lugares turisticos de 2 provincias de la sierra: Loja y CotopaxiLugares turisticos de 2 provincias de la sierra: Loja y Cotopaxi
Lugares turisticos de 2 provincias de la sierra: Loja y Cotopaxi
 
Archivo de critica
Archivo de criticaArchivo de critica
Archivo de critica
 
Trabajo informática jordi toapanta
Trabajo informática jordi toapantaTrabajo informática jordi toapanta
Trabajo informática jordi toapanta
 
Animales
AnimalesAnimales
Animales
 
El arte de hablar
El arte de hablarEl arte de hablar
El arte de hablar
 
AGUA
AGUAAGUA
AGUA
 
(Decreto ley medio ambiente)
(Decreto ley medio ambiente)(Decreto ley medio ambiente)
(Decreto ley medio ambiente)
 
Instrumentos musicales
Instrumentos musicalesInstrumentos musicales
Instrumentos musicales
 
Sintesis
Sintesis Sintesis
Sintesis
 
La integral definida
La integral definidaLa integral definida
La integral definida
 
CHINA: EMPRESAS que estafan
CHINA: EMPRESAS que estafanCHINA: EMPRESAS que estafan
CHINA: EMPRESAS que estafan
 
parmenio
parmenioparmenio
parmenio
 
Trabajo 2 periodo
Trabajo 2 periodoTrabajo 2 periodo
Trabajo 2 periodo
 

Similar a Documento nicolas garibello

Similar a 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>