SlideShare una empresa de Scribd logo
1 de 6
UNIDAD 2 ESTRUCTURA DE UNA
PAGINA
La estructura básica de una pagina 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>
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.
CABECERA DE LA PAGINA
<HEAD>
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>
TÍTULO DE LA PÁGINA
<TITLE>
El cuerpo del documento contiene la información propia del documento, es
decir lo que queremos 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>
Curso de HTML
</title>
</head>
<body>
...
</body>
</html>
CUERPO DEL
DOCUMENTO <BODY>
para hacer que el color de fondo de una página sea de color azul, tendremos que
escribir:
...
<body bgcolor="#0000FF">
...
</body>
</html>
Sería equivalente a poner:
...
<body bgcolor="blue">
...
</body>
</html>
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:
...
<body background="fondo.gif">
...
</body>
</html>

Más contenido relacionado

La actualidad más candente (19)

Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
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
 
Jessica
JessicaJessica
Jessica
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Html
HtmlHtml
Html
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
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
 
tutorial
tutorialtutorial
tutorial
 
Etiquetas básicas-en-html
Etiquetas básicas-en-htmlEtiquetas básicas-en-html
Etiquetas básicas-en-html
 
Html 2
Html 2Html 2
Html 2
 

Destacado

Presentación definición proceso electoral y candidatos a la gobernación
Presentación definición proceso electoral y candidatos a la gobernaciónPresentación definición proceso electoral y candidatos a la gobernación
Presentación definición proceso electoral y candidatos a la gobernaciónsandrataboas
 
How Does Your Personality Type Affect Your Financial Management
How Does Your Personality Type Affect Your Financial Management How Does Your Personality Type Affect Your Financial Management
How Does Your Personality Type Affect Your Financial Management Allan Oulate
 
IDCC 1555 Accord methode opca pour la negociation
IDCC 1555 Accord methode opca pour la negociation IDCC 1555 Accord methode opca pour la negociation
IDCC 1555 Accord methode opca pour la negociation Société Tripalio
 
It’s always a people problem (much ado2016)
It’s always a people problem (much ado2016)It’s always a people problem (much ado2016)
It’s always a people problem (much ado2016)James Shew
 
Planilla Coparticipación Federal/2007
Planilla Coparticipación Federal/2007Planilla Coparticipación Federal/2007
Planilla Coparticipación Federal/2007Eduardo Nelson German
 
Uma curiosidade
Uma curiosidadeUma curiosidade
Uma curiosidadeHelio Cruz
 
Dr Jonathan Ramsay - ROC treatment guide
Dr Jonathan Ramsay - ROC treatment guideDr Jonathan Ramsay - ROC treatment guide
Dr Jonathan Ramsay - ROC treatment guideDr Jonathan Ramsay
 
Llibres 2 n. eso 2012 13
Llibres 2 n. eso 2012 13Llibres 2 n. eso 2012 13
Llibres 2 n. eso 2012 13iesramonllull
 
Organizzazione lavoro
Organizzazione lavoroOrganizzazione lavoro
Organizzazione lavoroRoberto Laera
 
Pancasila dalam konteks sejarah perjuangan bangsa indonesia ade
Pancasila dalam konteks sejarah perjuangan bangsa indonesia adePancasila dalam konteks sejarah perjuangan bangsa indonesia ade
Pancasila dalam konteks sejarah perjuangan bangsa indonesia adeLholo Ismunasib
 
Pancasila dalam konteks perjuangan sejarah bangsa indonesia
Pancasila dalam konteks perjuangan sejarah bangsa indonesiaPancasila dalam konteks perjuangan sejarah bangsa indonesia
Pancasila dalam konteks perjuangan sejarah bangsa indonesiaRirin Khairin N
 
Presença social, interação e aprendizagem online
Presença social, interação e aprendizagem onlinePresença social, interação e aprendizagem online
Presença social, interação e aprendizagem onlineJuliana Antunes
 
FORAG - Social Trends 2014 - Digitaltrends 2015
FORAG - Social Trends 2014 - Digitaltrends 2015FORAG - Social Trends 2014 - Digitaltrends 2015
FORAG - Social Trends 2014 - Digitaltrends 2015BurdaForward Advertising
 

Destacado (15)

Presentación definición proceso electoral y candidatos a la gobernación
Presentación definición proceso electoral y candidatos a la gobernaciónPresentación definición proceso electoral y candidatos a la gobernación
Presentación definición proceso electoral y candidatos a la gobernación
 
How Does Your Personality Type Affect Your Financial Management
How Does Your Personality Type Affect Your Financial Management How Does Your Personality Type Affect Your Financial Management
How Does Your Personality Type Affect Your Financial Management
 
Advance AMS issue
Advance AMS issueAdvance AMS issue
Advance AMS issue
 
IDCC 1555 Accord methode opca pour la negociation
IDCC 1555 Accord methode opca pour la negociation IDCC 1555 Accord methode opca pour la negociation
IDCC 1555 Accord methode opca pour la negociation
 
It’s always a people problem (much ado2016)
It’s always a people problem (much ado2016)It’s always a people problem (much ado2016)
It’s always a people problem (much ado2016)
 
Planilla Coparticipación Federal/2007
Planilla Coparticipación Federal/2007Planilla Coparticipación Federal/2007
Planilla Coparticipación Federal/2007
 
Uma curiosidade
Uma curiosidadeUma curiosidade
Uma curiosidade
 
Geog292_Map2_Arellano Bernardo
Geog292_Map2_Arellano BernardoGeog292_Map2_Arellano Bernardo
Geog292_Map2_Arellano Bernardo
 
Dr Jonathan Ramsay - ROC treatment guide
Dr Jonathan Ramsay - ROC treatment guideDr Jonathan Ramsay - ROC treatment guide
Dr Jonathan Ramsay - ROC treatment guide
 
Llibres 2 n. eso 2012 13
Llibres 2 n. eso 2012 13Llibres 2 n. eso 2012 13
Llibres 2 n. eso 2012 13
 
Organizzazione lavoro
Organizzazione lavoroOrganizzazione lavoro
Organizzazione lavoro
 
Pancasila dalam konteks sejarah perjuangan bangsa indonesia ade
Pancasila dalam konteks sejarah perjuangan bangsa indonesia adePancasila dalam konteks sejarah perjuangan bangsa indonesia ade
Pancasila dalam konteks sejarah perjuangan bangsa indonesia ade
 
Pancasila dalam konteks perjuangan sejarah bangsa indonesia
Pancasila dalam konteks perjuangan sejarah bangsa indonesiaPancasila dalam konteks perjuangan sejarah bangsa indonesia
Pancasila dalam konteks perjuangan sejarah bangsa indonesia
 
Presença social, interação e aprendizagem online
Presença social, interação e aprendizagem onlinePresença social, interação e aprendizagem online
Presença social, interação e aprendizagem online
 
FORAG - Social Trends 2014 - Digitaltrends 2015
FORAG - Social Trends 2014 - Digitaltrends 2015FORAG - Social Trends 2014 - Digitaltrends 2015
FORAG - Social Trends 2014 - Digitaltrends 2015
 

Similar a Presentación2 wwwwwwwwwwwwww

Similar a Presentación2 wwwwwwwwwwwwww (20)

Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
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
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
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
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3
 
Html
HtmlHtml
Html
 
Tabajaooojevs
TabajaooojevsTabajaooojevs
Tabajaooojevs
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
partes de un pagina
partes de un paginapartes de un pagina
partes de un pagina
 
Pagina web
Pagina webPagina web
Pagina web
 

Más de Isaac Felipe Beltran Lopez (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1 (1) 6666666888888888
Presentación1 (1) 6666666888888888Presentación1 (1) 6666666888888888
Presentación1 (1) 6666666888888888
 
Presentación2 55555
Presentación2 55555Presentación2 55555
Presentación2 55555
 
Mapa conceptual
Mapa  conceptualMapa  conceptual
Mapa conceptual
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1 hhhhjkklqqqqqqqqqqqqqqqqq
Presentación1 hhhhjkklqqqqqqqqqqqqqqqqqPresentación1 hhhhjkklqqqqqqqqqqqqqqqqq
Presentación1 hhhhjkklqqqqqqqqqqqqqqqqq
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación145666
Presentación145666Presentación145666
Presentación145666
 
Presentación1
Presentación1Presentación1
Presentación1
 
3333ju6666666
3333ju66666663333ju6666666
3333ju6666666
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1 (6)888888888888888888888888888888888
Presentación1 (6)888888888888888888888888888888888Presentación1 (6)888888888888888888888888888888888
Presentación1 (6)888888888888888888888888888888888
 
Crear tabla de datos
Crear tabla de datosCrear tabla de datos
Crear tabla de datos
 
Presentación1 dos abrir y cerrar access
Presentación1 dos abrir y cerrar accessPresentación1 dos abrir y cerrar access
Presentación1 dos abrir y cerrar access
 
Tecnologia y policia 4
Tecnologia y policia 4Tecnologia y policia 4
Tecnologia y policia 4
 
Tecnologia y policia 4
Tecnologia y policia 4Tecnologia y policia 4
Tecnologia y policia 4
 
Elementos básicos de access 2010
Elementos básicos de access 2010Elementos básicos de access 2010
Elementos básicos de access 2010
 

Último

MAPA EnfermedadesCerebrovasculares...pdf
MAPA EnfermedadesCerebrovasculares...pdfMAPA EnfermedadesCerebrovasculares...pdf
MAPA EnfermedadesCerebrovasculares...pdfHecmilyMendez
 
Diabetes tipo 2 expo guias ada 2024 apuntes y materal
Diabetes tipo 2 expo guias ada 2024 apuntes y materalDiabetes tipo 2 expo guias ada 2024 apuntes y materal
Diabetes tipo 2 expo guias ada 2024 apuntes y materalf5j9m2q586
 
NORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptx
NORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptxNORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptx
NORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptxManuelJesus80
 
IMSS-Presentacion-2024 para poder iniciar expo
IMSS-Presentacion-2024 para poder iniciar expoIMSS-Presentacion-2024 para poder iniciar expo
IMSS-Presentacion-2024 para poder iniciar expokvnyt005
 
libro Langman Embriologia Medica 14edicion
libro Langman Embriologia Medica 14edicionlibro Langman Embriologia Medica 14edicion
libro Langman Embriologia Medica 14edicionvallolettprins
 
SEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIAS
SEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIASSEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIAS
SEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIASJessBerrocal3
 
Uso Racional del medicamento prescripción
Uso Racional del medicamento prescripciónUso Racional del medicamento prescripción
Uso Racional del medicamento prescripciónLas Sesiones de San Blas
 
plan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOS
plan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOSplan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOS
plan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOSsharmelysullcahuaman
 
Contaminación del agua en la ciudad de Arequipa.pdf
Contaminación del agua en la ciudad de Arequipa.pdfContaminación del agua en la ciudad de Arequipa.pdf
Contaminación del agua en la ciudad de Arequipa.pdfJeanCarloArguzRodrig
 
Cuadernillo de depresion. ejercicios practicos
Cuadernillo de depresion. ejercicios practicosCuadernillo de depresion. ejercicios practicos
Cuadernillo de depresion. ejercicios practicosmissnadja1
 
Clase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdf
Clase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdfClase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdf
Clase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdfgarrotamara01
 
(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)
(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)
(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)UDMAFyC SECTOR ZARAGOZA II
 
(2024-09-05) Mutilacion genital femenina (DOC).docx
(2024-09-05) Mutilacion genital femenina (DOC).docx(2024-09-05) Mutilacion genital femenina (DOC).docx
(2024-09-05) Mutilacion genital femenina (DOC).docxUDMAFyC SECTOR ZARAGOZA II
 
Tiempos quirurgicos-Colecistectomia abierta.pptx
Tiempos quirurgicos-Colecistectomia abierta.pptxTiempos quirurgicos-Colecistectomia abierta.pptx
Tiempos quirurgicos-Colecistectomia abierta.pptxSandroRuizG
 
higiene y saneamiento en los establecimientos farmaceuticos
higiene y saneamiento en los establecimientos farmaceuticoshigiene y saneamiento en los establecimientos farmaceuticos
higiene y saneamiento en los establecimientos farmaceuticosMedalytHuashuayoCusi
 
Trombosis venosa profunda-Cirugía vascular.pptx
Trombosis venosa profunda-Cirugía vascular.pptxTrombosis venosa profunda-Cirugía vascular.pptx
Trombosis venosa profunda-Cirugía vascular.pptx Estefa RM9
 
Cuadro comparativo de las enfermedades exantematicas 2022.docx
Cuadro comparativo de las enfermedades exantematicas 2022.docxCuadro comparativo de las enfermedades exantematicas 2022.docx
Cuadro comparativo de las enfermedades exantematicas 2022.docxandreapaosuline1
 
HIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdf
HIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdfHIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdf
HIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdfAbelPerezB
 

Último (20)

Enfermedad de Parkinson. Enfermedades Neurológicas y Conducta
Enfermedad de Parkinson. Enfermedades Neurológicas y ConductaEnfermedad de Parkinson. Enfermedades Neurológicas y Conducta
Enfermedad de Parkinson. Enfermedades Neurológicas y Conducta
 
MAPA EnfermedadesCerebrovasculares...pdf
MAPA EnfermedadesCerebrovasculares...pdfMAPA EnfermedadesCerebrovasculares...pdf
MAPA EnfermedadesCerebrovasculares...pdf
 
Diabetes tipo 2 expo guias ada 2024 apuntes y materal
Diabetes tipo 2 expo guias ada 2024 apuntes y materalDiabetes tipo 2 expo guias ada 2024 apuntes y materal
Diabetes tipo 2 expo guias ada 2024 apuntes y materal
 
NORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptx
NORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptxNORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptx
NORMATIVIDAD VE DE EDA-IRA EN EL PERU.pptx
 
IMSS-Presentacion-2024 para poder iniciar expo
IMSS-Presentacion-2024 para poder iniciar expoIMSS-Presentacion-2024 para poder iniciar expo
IMSS-Presentacion-2024 para poder iniciar expo
 
libro Langman Embriologia Medica 14edicion
libro Langman Embriologia Medica 14edicionlibro Langman Embriologia Medica 14edicion
libro Langman Embriologia Medica 14edicion
 
SEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIAS
SEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIASSEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIAS
SEMANA 01 - ASISTENCIA AL USUARIO CON PATOLOGIAS
 
Uso Racional del medicamento prescripción
Uso Racional del medicamento prescripciónUso Racional del medicamento prescripción
Uso Racional del medicamento prescripción
 
plan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOS
plan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOSplan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOS
plan de gestion DE LA UNIDAD DE CUIDADOS INTENSIVOS
 
Contaminación del agua en la ciudad de Arequipa.pdf
Contaminación del agua en la ciudad de Arequipa.pdfContaminación del agua en la ciudad de Arequipa.pdf
Contaminación del agua en la ciudad de Arequipa.pdf
 
Cuadernillo de depresion. ejercicios practicos
Cuadernillo de depresion. ejercicios practicosCuadernillo de depresion. ejercicios practicos
Cuadernillo de depresion. ejercicios practicos
 
Clase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdf
Clase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdfClase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdf
Clase 17 Artrologia MMII 3 de 3 (Pie) 2024 (1).pdf
 
(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)
(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)
(2024-05-06)Sesion Anticoncepción desde atencion primaria (DOC)
 
(2024-09-05) Mutilacion genital femenina (DOC).docx
(2024-09-05) Mutilacion genital femenina (DOC).docx(2024-09-05) Mutilacion genital femenina (DOC).docx
(2024-09-05) Mutilacion genital femenina (DOC).docx
 
Transparencia Fiscal Abril año 2024.pdf
Transparencia Fiscal Abril  año 2024.pdfTransparencia Fiscal Abril  año 2024.pdf
Transparencia Fiscal Abril año 2024.pdf
 
Tiempos quirurgicos-Colecistectomia abierta.pptx
Tiempos quirurgicos-Colecistectomia abierta.pptxTiempos quirurgicos-Colecistectomia abierta.pptx
Tiempos quirurgicos-Colecistectomia abierta.pptx
 
higiene y saneamiento en los establecimientos farmaceuticos
higiene y saneamiento en los establecimientos farmaceuticoshigiene y saneamiento en los establecimientos farmaceuticos
higiene y saneamiento en los establecimientos farmaceuticos
 
Trombosis venosa profunda-Cirugía vascular.pptx
Trombosis venosa profunda-Cirugía vascular.pptxTrombosis venosa profunda-Cirugía vascular.pptx
Trombosis venosa profunda-Cirugía vascular.pptx
 
Cuadro comparativo de las enfermedades exantematicas 2022.docx
Cuadro comparativo de las enfermedades exantematicas 2022.docxCuadro comparativo de las enfermedades exantematicas 2022.docx
Cuadro comparativo de las enfermedades exantematicas 2022.docx
 
HIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdf
HIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdfHIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdf
HIPERTIROIDISMO FISIOLOGIA Y ANATOMIA 2024.pdf
 

Presentación2 wwwwwwwwwwwwww

  • 1. UNIDAD 2 ESTRUCTURA DE UNA PAGINA La estructura básica de una pagina es <html> <head> ... </head> <body> ... </body> </html> Ahora veamos cómo funcionan estas etiquetas.
  • 2. 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>
  • 3. 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. CABECERA DE LA PAGINA <HEAD>
  • 4. 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> TÍTULO DE LA PÁGINA <TITLE>
  • 5. El cuerpo del documento contiene la información propia del documento, es decir lo que queremos 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> Curso de HTML </title> </head> <body> ... </body> </html> CUERPO DEL DOCUMENTO <BODY>
  • 6. para hacer que el color de fondo de una página sea de color azul, tendremos que escribir: ... <body bgcolor="#0000FF"> ... </body> </html> Sería equivalente a poner: ... <body bgcolor="blue"> ... </body> </html> 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: ... <body background="fondo.gif"> ... </body> </html>