SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
ESTRUCTURA HTML

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

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

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>

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>
Estructura de una página HTML
</title>
</head>
...
</html>

CUERPO DEL DOCUMENTO BODY

El cuerpo del documento contiene la información propia del documento, es decir lo
que pqueremos que se visualice, el texto de la página, las imágenes, los
formularios, etc.
Todos estos elementos tienen que encontrarse entre las etiquetas <body> y
</body>, que van justo debajo de la cabecera. Por ejemplo:

<html>
<head>
<title>
Estructura de una página HTML
</title>
</head>
<body>
...
</body>
</html>

Más contenido relacionado

La actualidad más candente (17)

Pagina web
Pagina webPagina web
Pagina web
 
Tovar
TovarTovar
Tovar
 
Html
HtmlHtml
Html
 
partes de un pagina
partes de un paginapartes de un pagina
partes de un pagina
 
Html
HtmlHtml
Html
 
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
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Html word2
Html word2Html word2
Html word2
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Apuntes diseño en 2 d
Apuntes diseño en 2 dApuntes diseño en 2 d
Apuntes diseño en 2 d
 

Destacado (9)

Chikita
ChikitaChikita
Chikita
 
Pauly slideshare
Pauly slidesharePauly slideshare
Pauly slideshare
 
Figura humana artisitca
Figura humana artisitcaFigura humana artisitca
Figura humana artisitca
 
Historia del teatro jfk
Historia del teatro jfkHistoria del teatro jfk
Historia del teatro jfk
 
Lírica barroca (2015)
Lírica barroca (2015)Lírica barroca (2015)
Lírica barroca (2015)
 
I
II
I
 
Hola compañeros
Hola compañerosHola compañeros
Hola compañeros
 
Modulo género y violencia nuevo c ndl m 2012
Modulo género y violencia nuevo c ndl m 2012Modulo género y violencia nuevo c ndl m 2012
Modulo género y violencia nuevo c ndl m 2012
 
Programa civico
Programa civicoPrograma civico
Programa civico
 

Similar a Estructura html (17)

Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a 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
 
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
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
HTML
HTMLHTML
HTML
 
Html 121
Html 121Html 121
Html 121
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje html
 
Manual html
Manual htmlManual html
Manual html
 
Html111
Html111Html111
Html111
 

Más de carlosvalle1986 (20)

Parte 2
Parte 2Parte 2
Parte 2
 
Modelo de datos
Modelo de datosModelo de datos
Modelo de datos
 
Entrevista clinica
Entrevista clinicaEntrevista clinica
Entrevista clinica
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
 
Reporte persuasivo
Reporte persuasivoReporte persuasivo
Reporte persuasivo
 
Entrevista (1)
Entrevista (1)Entrevista (1)
Entrevista (1)
 
Segunda entrevista
Segunda entrevistaSegunda entrevista
Segunda entrevista
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
 
Cuerpos geometricos
Cuerpos geometricosCuerpos geometricos
Cuerpos geometricos
 
Maquetas
MaquetasMaquetas
Maquetas
 
R2
R2R2
R2
 
R1
R1R1
R1
 
Informe corregido
Informe corregidoInforme corregido
Informe corregido
 
Plan de estudios 2011
Plan de estudios 2011Plan de estudios 2011
Plan de estudios 2011
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
 
Descripción de la unidad
Descripción de la unidadDescripción de la unidad
Descripción de la unidad
 
Introducción
IntroducciónIntroducción
Introducción
 
Portada
PortadaPortada
Portada
 
Resumen cap i-ii-iii
Resumen cap i-ii-iiiResumen cap i-ii-iii
Resumen cap i-ii-iii
 

Estructura html

  • 1. ESTRUCTURA HTML La estructura básica de una página es: <html> <head> ... </head> <body> ... </body> </html> 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> 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>.
  • 2. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>. Por ejemplo: <html> <head> <title> Estructura de una página HTML </title> </head> ... </html> CUERPO DEL DOCUMENTO BODY El cuerpo del documento contiene la información propia del documento, es decir lo que pqueremos que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera. Por ejemplo: <html> <head> <title> Estructura de una página HTML </title> </head> <body> ... </body> </html>