SlideShare una empresa de Scribd logo
1 de 6
COLEGIO NACIONAL NICOLAS ESGUERRA




      MATERIA: INFORMATICA




      Alumnos: Daniel Polania

               León Guerrero




      Docente: John Caraballo




            Curso 906




                JM
ESTRUCTURA DE UNA PÁGINA

   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>

   HTML

   EJEMPLO:
Cabecera de la página <head>


Head
Título de la página <title>

    <Title>



    Por ejemplo:
Cuerpo del documento <body>


    Body



Por ejemplo:




La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la
que se encuentra la imagen.

     Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif,
  que se encuentra en el mismo directorio en el que se encuentra guardada la página,
  tendremos que escribir:
Colores en hexadecimal


Ejemplo

Más contenido relacionado

La actualidad más candente

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerradilaneduardo4587
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerraMiguel Medina
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159sebastiansabogalxD
 
Personalización de wss temas
Personalización de wss temasPersonalización de wss temas
Personalización de wss temasVielka Rojas
 
Etiquetas De AutoríA Web
Etiquetas De  AutoríA WebEtiquetas De  AutoríA Web
Etiquetas De AutoríA Web185nayeli
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerraMiguel Medina
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteWendy Navia Chambi
 
Modificar la apariencia (themes) de thunderbird
Modificar la apariencia (themes) de thunderbirdModificar la apariencia (themes) de thunderbird
Modificar la apariencia (themes) de thunderbirdPlastilina3
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página webadri9610
 

La actualidad más candente (17)

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
 
Pagina web i
Pagina web iPagina web i
Pagina web i
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159
 
Personalización de wss temas
Personalización de wss temasPersonalización de wss temas
Personalización de wss temas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas De AutoríA Web
Etiquetas De  AutoríA WebEtiquetas De  AutoríA Web
Etiquetas De AutoríA Web
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
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
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Menú archivo
Menú archivoMenú archivo
Menú archivo
 
Modificar la apariencia (themes) de thunderbird
Modificar la apariencia (themes) de thunderbirdModificar la apariencia (themes) de thunderbird
Modificar la apariencia (themes) de thunderbird
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 

Destacado (20)

Fútbol Presentacion
Fútbol PresentacionFútbol Presentacion
Fútbol Presentacion
 
V14n1a19
V14n1a19V14n1a19
V14n1a19
 
Git para frontends
Git para frontendsGit para frontends
Git para frontends
 
Todo
TodoTodo
Todo
 
Suriname
SurinameSuriname
Suriname
 
Win04 windows 8 e windows phone 8 - interfacciamoci
Win04   windows 8 e windows phone 8 - interfacciamociWin04   windows 8 e windows phone 8 - interfacciamoci
Win04 windows 8 e windows phone 8 - interfacciamoci
 
Unificação alemã
Unificação alemãUnificação alemã
Unificação alemã
 
4.primeros trabajos en access
4.primeros trabajos en access4.primeros trabajos en access
4.primeros trabajos en access
 
Ef3
Ef3Ef3
Ef3
 
Tag questions
Tag questionsTag questions
Tag questions
 
Presentacion Asociacion Catalana de Empresas de Senderismo
Presentacion Asociacion Catalana de Empresas de SenderismoPresentacion Asociacion Catalana de Empresas de Senderismo
Presentacion Asociacion Catalana de Empresas de Senderismo
 
Felicidad
FelicidadFelicidad
Felicidad
 
Riau topo survey
Riau topo surveyRiau topo survey
Riau topo survey
 
Propiedades nutricionales de la sandía
Propiedades nutricionales de la sandíaPropiedades nutricionales de la sandía
Propiedades nutricionales de la sandía
 
El mensajero 2 (1)
El mensajero 2 (1)El mensajero 2 (1)
El mensajero 2 (1)
 
Presentation
PresentationPresentation
Presentation
 
Acervo especial
Acervo especialAcervo especial
Acervo especial
 
M anual ssa pam
M anual ssa pamM anual ssa pam
M anual ssa pam
 
Richard david
Richard davidRichard david
Richard david
 
6 sigma
6 sigma6 sigma
6 sigma
 

Similar a Html 2

Similar a Html 2 (20)

Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
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
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 

Más de danielfelipepolania (19)

Proyecto de quimica
Proyecto de quimicaProyecto de quimica
Proyecto de quimica
 
Reseña problemática ambiental
Reseña problemática ambientalReseña problemática ambiental
Reseña problemática ambiental
 
Proyecto de quimica
Proyecto de quimicaProyecto de quimica
Proyecto de quimica
 
Proyecto de quimica
Proyecto de quimicaProyecto de quimica
Proyecto de quimica
 
Proyecto de quimica
Proyecto de quimicaProyecto de quimica
Proyecto de quimica
 
Contaminacion del agua
Contaminacion del aguaContaminacion del agua
Contaminacion del agua
 
Contaminacion del agua
Contaminacion del aguaContaminacion del agua
Contaminacion del agua
 
Animales en extincion
Animales en extincionAnimales en extincion
Animales en extincion
 
Animales en extincion
Animales en extincionAnimales en extincion
Animales en extincion
 
Animales en extincion
Animales en extincionAnimales en extincion
Animales en extincion
 
Destruccion de los bosques y selvas tropicales
Destruccion de los bosques y selvas tropicalesDestruccion de los bosques y selvas tropicales
Destruccion de los bosques y selvas tropicales
 
Problema de la capa de ozono
Problema de la capa de ozonoProblema de la capa de ozono
Problema de la capa de ozono
 
Problema de la capa de ozono
Problema de la capa de ozonoProblema de la capa de ozono
Problema de la capa de ozono
 
Reseña problemática ambiental
Reseña problemática ambientalReseña problemática ambiental
Reseña problemática ambiental
 
Reseña problemática ambiental
Reseña problemática ambientalReseña problemática ambiental
Reseña problemática ambiental
 
Reseña problemática ambiental
Reseña problemática ambientalReseña problemática ambiental
Reseña problemática ambiental
 
Horario de clases
Horario de clasesHorario de clases
Horario de clases
 
Html 2
Html 2Html 2
Html 2
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 

Último

Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 

Último (20)

Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 

Html 2

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA MATERIA: INFORMATICA Alumnos: Daniel Polania León Guerrero Docente: John Caraballo Curso 906 JM
  • 2. ESTRUCTURA DE UNA PÁGINA 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> HTML EJEMPLO:
  • 3. Cabecera de la página <head> Head
  • 4. Título de la página <title> <Title> Por ejemplo:
  • 5. Cuerpo del documento <body> Body Por ejemplo: La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen. Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir: