SlideShare una empresa de Scribd logo
1 de 7
Por www.areatecnologia.com
Una página web es un documento adaptado para ser leido por los
navegadores. Están escritas en un lenguaje llamado "html" que es
precisamente el lenguaje que son capaces de interpretar los
navegadores.
Este lenguaje está basado en "etiquetas", o también llamadas
"marcas" o "tags" en ingles. Las etiquetas son instrucciones o marcas
que definen las diferentes partes de una página web. Todas las
etiquetas tienen un inicio y un final que definen las partes del
documento o página web donde hacen efecto esas etiquetas.
Realmente una página web no es más que un documento definido
por etiquetas.
Un ejemplo:
La etiqueta <title> es el inicio y </title> es el final de la etiqueta
que nos marca donde debe ir el título de la página web. Por lo tanto
siempre que veamos estas dos etiquetas, entre las dos irá el título de
la web.
<title>Título de la página</title>
El nombre de la etiqueta se escribe <nombreEtiqueta> y la de
cierre igual pero se le añade /, es decir quedaría </nombreEtiqueta>.
A través de las etiquetas podemos comprender las partes de una
página web. Veamos las partes.
Partes de una Pagina Web Basicas
La web más básica estará formada por 3 partes básicas:
documento, cabecera y cuerpo. Estas partes son definidas por sus
etiquetas:
<html> Indica el inicio de la página web. Lógicamente </html>
indicará el final de la página web. Estas dos etiquetas siempre irán al
principio y al final de la web (excluyendo el doctype del que luego
hablaremos).
<head> Indica la cabecera de la página web. La cabecera es una parte
de la página web dentro de la cual se suele poner el título de la
página,las descripciones de la página we llamadas metas y algunas
otras cosas de las que luego hablaremos. Se cierra con </head>.
Nada de lo que aqui pongamos se visualizará dentro de la página.
<title> como ya dijimos aqui va el título de la web, pero OJO no el
título que vemos cuando leemos la página web, sino el texto que
aparecerá en la pestaña de la parte de arriba de la ventana del
navegador.
Se cierra con </title> y estas dos etiquetas siempre van dentro de
las etiquetas <head>, es decir en la cabecera.
<body> y </body> estas etiquetas nos marcan donde va colocado el
contenido que tendrá nuestra página web. Lo que aqui pongamos es
lo que verá la persona que visualice la web en su navegador. Dentro
del body va la información que leerá el usuario. La etiqueta <body>
va siempre detrás de la etiqueta de cierra del </head>.
Con estas partes ya podríamos tener nuestra primera web.
<html>
<head>
<title>Esta es mi página web</title>
</head>
<body>
¡Muy buenas! ¡Vamos hacer una página web!
</body>
</html>
Si quieres aprender más partes y otras cosas visita el siguiente
enlace>>>
http://www.areatecnologia.com/informatica/partes-de-una-pagina-web.html
Partes de Una Pagina Web

Más contenido relacionado

La actualidad más candente

Programacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidorProgramacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidor
Alejandro Hernandez
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
rociobetty
 
Introduccion al Visual Basic subido JHS
Introduccion al Visual Basic subido JHSIntroduccion al Visual Basic subido JHS
Introduccion al Visual Basic subido JHS
johnny herrera
 

La actualidad más candente (20)

Javascript
JavascriptJavascript
Javascript
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona
 
Programacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidorProgramacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidor
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
 
Programacion web
Programacion webProgramacion web
Programacion web
 
5. Interacción con el usuario: eventos y formularios
5. Interacción con el usuario: eventos y formularios5. Interacción con el usuario: eventos y formularios
5. Interacción con el usuario: eventos y formularios
 
Introduccion al Visual Basic subido JHS
Introduccion al Visual Basic subido JHSIntroduccion al Visual Basic subido JHS
Introduccion al Visual Basic subido JHS
 
CSS - CSS3
CSS - CSS3CSS - CSS3
CSS - CSS3
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Java Web - Servlet
Java Web - ServletJava Web - Servlet
Java Web - Servlet
 
Html (ppt)
Html (ppt)Html (ppt)
Html (ppt)
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoy
 
Diapositivas sobre AWT
Diapositivas sobre AWTDiapositivas sobre AWT
Diapositivas sobre AWT
 
6. Utilización del modelo de objetos del documento (DOM)
6. Utilización del modelo de objetos del documento (DOM)6. Utilización del modelo de objetos del documento (DOM)
6. Utilización del modelo de objetos del documento (DOM)
 
Tipos de licencia de software
Tipos de licencia de softwareTipos de licencia de software
Tipos de licencia de software
 
Programacion Orientada a Objetos
Programacion Orientada a ObjetosProgramacion Orientada a Objetos
Programacion Orientada a Objetos
 
Jquery
JqueryJquery
Jquery
 

Destacado

Destacado (20)

Sistemas Operativos Moviles
Sistemas Operativos MovilesSistemas Operativos Moviles
Sistemas Operativos Moviles
 
Partes de una pagina web
Partes de una pagina webPartes de una pagina web
Partes de una pagina web
 
Cloud Computing
Cloud ComputingCloud Computing
Cloud Computing
 
Servidor y Tipos de Servidores
Servidor y Tipos de ServidoresServidor y Tipos de Servidores
Servidor y Tipos de Servidores
 
Diagramas de Flujo
Diagramas de FlujoDiagramas de Flujo
Diagramas de Flujo
 
Disco Duro
Disco DuroDisco Duro
Disco Duro
 
DNS Qué es, Funcionamiento y Configuración Facil
DNS Qué es, Funcionamiento y Configuración FacilDNS Qué es, Funcionamiento y Configuración Facil
DNS Qué es, Funcionamiento y Configuración Facil
 
Wimax
Wimax Wimax
Wimax
 
Lubricacion
LubricacionLubricacion
Lubricacion
 
Que es Software
Que es SoftwareQue es Software
Que es Software
 
Discos Duros SSD
Discos Duros SSDDiscos Duros SSD
Discos Duros SSD
 
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
 
Calculo de Vigas
Calculo de VigasCalculo de Vigas
Calculo de Vigas
 
Certificado de Eficiencia Energética
Certificado de Eficiencia EnergéticaCertificado de Eficiencia Energética
Certificado de Eficiencia Energética
 
Fracking Como se Extrae
Fracking Como se ExtraeFracking Como se Extrae
Fracking Como se Extrae
 
Coltan Para Electronica
Coltan Para ElectronicaColtan Para Electronica
Coltan Para Electronica
 
Ensayo de traccion
Ensayo de traccionEnsayo de traccion
Ensayo de traccion
 
Impacto Ambiental
Impacto AmbientalImpacto Ambiental
Impacto Ambiental
 
Los Drones
Los DronesLos Drones
Los Drones
 
Turbina a Vapor
Turbina a VaporTurbina a Vapor
Turbina a Vapor
 

Similar a Partes de Una Pagina Web

Similar a Partes de Una Pagina Web (20)

Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Manual html
Manual htmlManual html
Manual html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Html111
Html111Html111
Html111
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Producto 3
Producto 3Producto 3
Producto 3
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Karina
KarinaKarina
Karina
 
Pagina web
Pagina webPagina web
Pagina 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
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
u1
u1u1
u1
 
CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.
 
Manual html
Manual htmlManual html
Manual html
 
Html
HtmlHtml
Html
 

Más de www.areatecnologia.com

Más de www.areatecnologia.com (20)

Electricidad Estática
Electricidad EstáticaElectricidad Estática
Electricidad Estática
 
Reles
RelesReles
Reles
 
Que es la Domotica
Que es la DomoticaQue es la Domotica
Que es la Domotica
 
Tipos de Malware
Tipos de MalwareTipos de Malware
Tipos de Malware
 
Proceso Tecnologico
Proceso TecnologicoProceso Tecnologico
Proceso Tecnologico
 
Tipos de Dibujo Técnico
Tipos de Dibujo TécnicoTipos de Dibujo Técnico
Tipos de Dibujo Técnico
 
Escalas en Dibujo Técnico
Escalas en Dibujo TécnicoEscalas en Dibujo Técnico
Escalas en Dibujo Técnico
 
Obsolescencia Programada
Obsolescencia ProgramadaObsolescencia Programada
Obsolescencia Programada
 
Tuercas y Tornillos
Tuercas y TornillosTuercas y Tornillos
Tuercas y Tornillos
 
Nanobots
NanobotsNanobots
Nanobots
 
Turbinas hidraulicas
Turbinas hidraulicasTurbinas hidraulicas
Turbinas hidraulicas
 
Resistencia Electrica
Resistencia ElectricaResistencia Electrica
Resistencia Electrica
 
El Aerogel Supermaterial
El Aerogel SupermaterialEl Aerogel Supermaterial
El Aerogel Supermaterial
 
Metrologia
MetrologiaMetrologia
Metrologia
 
Conductores
ConductoresConductores
Conductores
 
Pararrayos
PararrayosPararrayos
Pararrayos
 
Riesgos Eléctricos
Riesgos EléctricosRiesgos Eléctricos
Riesgos Eléctricos
 
Energia Potencial Electrica
Energia Potencial ElectricaEnergia Potencial Electrica
Energia Potencial Electrica
 
El Torno
El TornoEl Torno
El Torno
 
Fluke Multimetro, Usos, Partes y Tipos
Fluke Multimetro, Usos, Partes y TiposFluke Multimetro, Usos, Partes y Tipos
Fluke Multimetro, Usos, Partes y Tipos
 

Último

RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 

Último (20)

Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 

Partes de Una Pagina Web

  • 2. Una página web es un documento adaptado para ser leido por los navegadores. Están escritas en un lenguaje llamado "html" que es precisamente el lenguaje que son capaces de interpretar los navegadores. Este lenguaje está basado en "etiquetas", o también llamadas "marcas" o "tags" en ingles. Las etiquetas son instrucciones o marcas que definen las diferentes partes de una página web. Todas las etiquetas tienen un inicio y un final que definen las partes del documento o página web donde hacen efecto esas etiquetas. Realmente una página web no es más que un documento definido por etiquetas. Un ejemplo: La etiqueta <title> es el inicio y </title> es el final de la etiqueta que nos marca donde debe ir el título de la página web. Por lo tanto siempre que veamos estas dos etiquetas, entre las dos irá el título de la web.
  • 3. <title>Título de la página</title> El nombre de la etiqueta se escribe <nombreEtiqueta> y la de cierre igual pero se le añade /, es decir quedaría </nombreEtiqueta>. A través de las etiquetas podemos comprender las partes de una página web. Veamos las partes. Partes de una Pagina Web Basicas La web más básica estará formada por 3 partes básicas: documento, cabecera y cuerpo. Estas partes son definidas por sus etiquetas: <html> Indica el inicio de la página web. Lógicamente </html> indicará el final de la página web. Estas dos etiquetas siempre irán al principio y al final de la web (excluyendo el doctype del que luego hablaremos).
  • 4. <head> Indica la cabecera de la página web. La cabecera es una parte de la página web dentro de la cual se suele poner el título de la página,las descripciones de la página we llamadas metas y algunas otras cosas de las que luego hablaremos. Se cierra con </head>. Nada de lo que aqui pongamos se visualizará dentro de la página. <title> como ya dijimos aqui va el título de la web, pero OJO no el título que vemos cuando leemos la página web, sino el texto que aparecerá en la pestaña de la parte de arriba de la ventana del navegador.
  • 5. Se cierra con </title> y estas dos etiquetas siempre van dentro de las etiquetas <head>, es decir en la cabecera. <body> y </body> estas etiquetas nos marcan donde va colocado el contenido que tendrá nuestra página web. Lo que aqui pongamos es lo que verá la persona que visualice la web en su navegador. Dentro del body va la información que leerá el usuario. La etiqueta <body> va siempre detrás de la etiqueta de cierra del </head>. Con estas partes ya podríamos tener nuestra primera web. <html> <head> <title>Esta es mi página web</title> </head> <body> ¡Muy buenas! ¡Vamos hacer una página web! </body> </html>
  • 6. Si quieres aprender más partes y otras cosas visita el siguiente enlace>>> http://www.areatecnologia.com/informatica/partes-de-una-pagina-web.html