Enviar búsqueda
Cargar
La etiqueta <BODY> y la ubicación de archivos
•
0 recomendaciones
•
267 vistas
Título mejorado por IA
D
Danna Torrente
Seguir
Utilizacion de la etiqueta body y sus atributos
Leer menos
Leer más
Tecnología
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 5
Descargar ahora
Descargar para leer sin conexión
Recomendados
Etiquetas html
Etiquetas html
danneszm
Etiquetas basicas de html
Etiquetas basicas de html
jannet170309
Deber de programacion web.
Deber de programacion web.
hamintoperez
Etiquetas head y body
Etiquetas head y body
Sebastian De Los Angeles
TP 3
TP 3
JulianB97
Personalización de wss temas
Personalización de wss temas
Vielka Rojas
Etiquetas de html
Etiquetas de html
Miguel Zapata
Etiquetas básicas en html
Etiquetas básicas en html
Andrés Quintero Macea
Recomendados
Etiquetas html
Etiquetas html
danneszm
Etiquetas basicas de html
Etiquetas basicas de html
jannet170309
Deber de programacion web.
Deber de programacion web.
hamintoperez
Etiquetas head y body
Etiquetas head y body
Sebastian De Los Angeles
TP 3
TP 3
JulianB97
Personalización de wss temas
Personalización de wss temas
Vielka Rojas
Etiquetas de html
Etiquetas de html
Miguel Zapata
Etiquetas básicas en html
Etiquetas básicas en html
Andrés Quintero Macea
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
Jarvi Daniel Zambrano Santana
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
brayanycamaro
Hancasoft html
Hancasoft html
Jhon Alexander Romero Betancourt
Moniquita
Moniquita
monica_mendoza
Etiquetas html
Etiquetas html
EderMontes
Estructura HTML II
Estructura HTML II
Daniel Lopez Rios
Páginas web
Páginas web
Karencita Baquerizo
Introduccion css
Introduccion css
eurobest
MANUAL BASICO EN HTML
MANUAL BASICO EN HTML
princesyadi27
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
Doraliza Hugo Vera
Diseño web
Diseño web
Javier
Etiquetas
Etiquetas
ninnyNieto
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
Brayan Camilo Ramirez Hincapie
Trabajo de capasitacion
Trabajo de capasitacion
celisz
Julexi
Julexi
julexigabriela
Presentación2
Presentación2
jaramillovanessa
Práctica no2
Práctica no2
Monica Castillo
09listas
09listas
Danna Torrente
Unidad 2 componentes principales parte ii
Unidad 2 componentes principales parte ii
Danna Torrente
09listas
09listas
Danna Torrente
13imagenes
13imagenes
Danna Torrente
01introduccion
01introduccion
Danna Torrente
Más contenido relacionado
La actualidad más candente
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
Jarvi Daniel Zambrano Santana
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
brayanycamaro
Hancasoft html
Hancasoft html
Jhon Alexander Romero Betancourt
Moniquita
Moniquita
monica_mendoza
Etiquetas html
Etiquetas html
EderMontes
Estructura HTML II
Estructura HTML II
Daniel Lopez Rios
Páginas web
Páginas web
Karencita Baquerizo
Introduccion css
Introduccion css
eurobest
MANUAL BASICO EN HTML
MANUAL BASICO EN HTML
princesyadi27
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
Doraliza Hugo Vera
Diseño web
Diseño web
Javier
Etiquetas
Etiquetas
ninnyNieto
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
Brayan Camilo Ramirez Hincapie
Trabajo de capasitacion
Trabajo de capasitacion
celisz
Julexi
Julexi
julexigabriela
Presentación2
Presentación2
jaramillovanessa
Práctica no2
Práctica no2
Monica Castillo
La actualidad más candente
(17)
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
Hancasoft html
Hancasoft html
Moniquita
Moniquita
Etiquetas html
Etiquetas html
Estructura HTML II
Estructura HTML II
Páginas web
Páginas web
Introduccion css
Introduccion css
MANUAL BASICO EN HTML
MANUAL BASICO EN HTML
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
Diseño web
Diseño web
Etiquetas
Etiquetas
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
Trabajo de capasitacion
Trabajo de capasitacion
Julexi
Julexi
Presentación2
Presentación2
Práctica no2
Práctica no2
Destacado
09listas
09listas
Danna Torrente
Unidad 2 componentes principales parte ii
Unidad 2 componentes principales parte ii
Danna Torrente
09listas
09listas
Danna Torrente
13imagenes
13imagenes
Danna Torrente
01introduccion
01introduccion
Danna Torrente
12tablas
12tablas
Danna Torrente
04texto
04texto
Danna Torrente
Unidad 2 componentes principales
Unidad 2 componentes principales
Danna Torrente
Guia de trabajo no.2
Guia de trabajo no.2
Danna Torrente
Practicas de-dreamweaver
Practicas de-dreamweaver
Oliver Martinez
Guia de trabajo no.1
Guia de trabajo no.1
Danna Torrente
Manual de practicas de dreamweaver
Manual de practicas de dreamweaver
daaaaaaaaaaa Gutiierriitos
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
jorgequiat
Destacado
(13)
09listas
09listas
Unidad 2 componentes principales parte ii
Unidad 2 componentes principales parte ii
09listas
09listas
13imagenes
13imagenes
01introduccion
01introduccion
12tablas
12tablas
04texto
04texto
Unidad 2 componentes principales
Unidad 2 componentes principales
Guia de trabajo no.2
Guia de trabajo no.2
Practicas de-dreamweaver
Practicas de-dreamweaver
Guia de trabajo no.1
Guia de trabajo no.1
Manual de practicas de dreamweaver
Manual de practicas de dreamweaver
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
Similar a La etiqueta <BODY> y la ubicación de archivos
5 etiqueta body
5 etiqueta body
CUN Corporación Unificada Nacional de Educación Superior
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Jeisson Estiven Micelly Moreno
Introduccion css
Introduccion css
elitatks
Ht ml exposicion_2011
Ht ml exposicion_2011
Claretiano
88 Php. Imagenes En Tablas
88 Php. Imagenes En Tablas
José M. Padilla
Trabajo practico 2
Trabajo practico 2
4000859
Trabajo practico 2
Trabajo practico 2
4000859
Trabajo practico 2
Trabajo practico 2
4000859
Html 2
Html 2
kevinbarrera980405
Guia2 html
Guia2 html
Carlos Manuel Sanchez Fernandez
Guia 4 de html imagenes
Guia 4 de html imagenes
lisvancelis
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
Mariscalino2012
Html guia 1
Html guia 1
Maria Saavedra Grimaldo
Etiquetas HTML
Etiquetas HTML
pablo3022
Estructura de una página html
Estructura de una página html
IST Unitek Arequipa
Pagina web 1
Pagina web 1
Daniel Franco Cardona
Etiquetas en HTML
Etiquetas en HTML
joseandresmateos
Tagshtml
Tagshtml
DANIEL MENDOZA
Etiquetas
Etiquetas
uts
LENGUAJE PHP
LENGUAJE PHP
uts
Similar a La etiqueta <BODY> y la ubicación de archivos
(20)
5 etiqueta body
5 etiqueta body
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Introduccion css
Introduccion css
Ht ml exposicion_2011
Ht ml exposicion_2011
88 Php. Imagenes En Tablas
88 Php. Imagenes En Tablas
Trabajo practico 2
Trabajo practico 2
Trabajo practico 2
Trabajo practico 2
Trabajo practico 2
Trabajo practico 2
Html 2
Html 2
Guia2 html
Guia2 html
Guia 4 de html imagenes
Guia 4 de html imagenes
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
Html guia 1
Html guia 1
Etiquetas HTML
Etiquetas HTML
Estructura de una página html
Estructura de una página html
Pagina web 1
Pagina web 1
Etiquetas en HTML
Etiquetas en HTML
Tagshtml
Tagshtml
Etiquetas
Etiquetas
LENGUAJE PHP
LENGUAJE PHP
Último
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
Julian Lamprea
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
AndreaHuertas24
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
LolaBunny11
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
soporteupcology
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
silviayucra2
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
BRAYANJOSEPHPEREZGOM
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
241521559
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Keyla Dolores Méndez
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
GDGSucre
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
ssuserf18419
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
Maricarmen Sánchez Ruiz
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
WilbisVega
Último
(13)
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
La etiqueta <BODY> y la ubicación de archivos
1.
LA ETIQUETA <BODY>
Hasta ahora se ha trabajado con páginas cuyos colores son: blanco para el fondo y negro para el texto escrito en ellas. Estos son los colores que HTML toma por defecto. El uso adecuado de la etiqueta <BODY>, que por supuesto tiene atributos, permite entre otras cosas cambiar o establecer: el color del texto, un color o una imagen de fondo y los colores de los enlaces que tendrá la página. La siguiente es la sintaxis completa de esta etiqueta: <BODY BACKGROUND = "nombre_imagen" BGCOLOR = "color_fondo" TEXT = "color_texto" LINK = "color_enlace" VLINK = "color_enlace_V" ALINK = " color_enlace_A"> … </BODY> nombre_imagen se refiere al nombre, o mejor la ubicación del archivo de una imagen que se quiere aparezca como fondo de la página, color_fondo, color_texto, color_enlace, color_enlace_V y color_enlace_A corresponden a los códigos o los nombres de los colores para el fondo de la página, el texto de la información, el texto de los enlaces no visitados, el texto de los enlaces visitados y el texto de los enlaces activos respectivamente. El manejo de estos tres últimos se verá más adelante en el capítulo correspondiente a enlaces. El siguiente ejemplo desplegará una página con fondo negro (black) y texto de color lima (#00ff00): <HTML> <HEAD> <TITLE>Cuerpo</TITLE> </HEAD> <BODY BGCOLOR=”black” TEXT=”#00ff00”> <H3>ESTA PÁGINA TENDRÁ FONDO NEGRO Y TEXTO LIMA</H3> </BODY> </HTML> 14 de 43 http//:www.masterlinux.org EFGM© 2000-2007
2.
UBICACIÓN DE ARCHIVOS
Antes de comenzar a trabajar con imágenes, es indispensable entender el concepto de la ubicación relativa de archivos. Existen en HTML algunos atributos que indican la ruta o el camino donde se encuentran ubicados ciertos elementos y no un valor simple como un número o el código de un color. Tal es el caso del atributo background cuyo valor hace referencia a la ubicación y el nombre de una imagen que se quiere aparezca como fondo en la página (BACKGROUND=”ruta”). Cualquiera que sea el sistema operativo que se utilice, los programas, aplicaciones, archivos y documentos se guardan físicamente en una unidad de almacenamiento, dentro de una jerarquía de directorios y subdirectorios conocida como Sistema de Archivos. Un directorio puede contener archivos y otros directorios denominados subdirectorios. Dependiendo de la ubicación de las páginas y las imágenes u otros objetos dentro del sistema de archivos, el valor o ruta de los atributos, cambia. Existen tres posibilidades (ver gráfica de Ejemplo de sistema de Archivos): 1. la página y la imagen se encuentra dentro del mismo subdirectorio (ejemplos: Página1 e Imagen1, Página 2 e Imagen 2 y Página 3 e Imagen 3). 2. la imagen se encuentra en un subdirectorio ubicado en el mismo nivel o por debajo del subdirectorio que contiene la página (ejemplos: Página 3 e Imagen 1, Página 3 e Imagen 2 y Página 1 e Imagen 2). 3. la imagen se encuentra en un subdirectorio arriba del que contiene la página (ejemplos: Página 2 e Imagen 1, Página 2 e Imagen3 y Página 1 e Imagen 3). 15 de 43 http//:www.masterlinux.org EFGM© 2000-2007
3.
El ejemplo más
sencillo se tiene cuando, tanto la imagen de fondo como la página residen en el mismo directorio o subdirectorio. En este caso la ruta se reduce al nombre de la imagen: <BODY BACKGROUND=”nombre_imagen”> Si la imagen de fondo reside en un subdirectorio al mismo nivel o por debajo del directorio que contiene la página, la ruta además del nombre de la imagen debe estar compuesta por el o los nombres de los subdirectorios que la contienen, separados por un slash (/). Si por ejemplo, se desea que “Imagen 2” aparezca como fondo de la Página 3, la ruta será: “D2/D3/Imagen 2”, con lo que la etiqueta BODY será similar a: <BODY BACKGROUND=”D2/D3/Imagen 2”> La última posibilidad que existe es que la imagen se encuentre ubicada uno o mas niveles por encima del directorio que contiene la página. En este caso la ruta estará compuesta por el nombre de la imagen, precedida por un conjunto de dos puntos y un slash (../) por cada nivel que sea necesario subir para alcanzar el directorio donde está ubicada la imagen. Con los siguientes ejemplos se ilustra esta situación: La “Imagen 1”, ubicada un nivel por encima debe aparecer como fondo de la “Pagina 2” . La ruta será: “../Imagen 1” y la etiqueta BODY debe ser: <BODY BACKGROUND=”../Imagen 1”> 16 de 43 http//:www.masterlinux.org EFGM© 2000-2007
4.
Ahora se quiere
que “Imagen 3” sea el fondo de la “Pagina 2”: <BODY BACKGROUND=”../../Imagen 3”> Una práctica común y muy útil, consiste en crear un subdirectorio ubicado al mismo nivel de las páginas, que contendrá todas las imágenes. De esta manera, la siguiente página tendrá como fondo una imagen llamada logoPostgres.gif, que se encuentra ubicada en el subdirectorio Imagenes: <HTML> <HEAD> <TITLE>Cuerpo1</TITLE> </HEAD> <BODY BACKGROUND=”Imagenes/logoPostgres.gif”> </BODY> </HTML> 17 de 43 http//:www.masterlinux.org EFGM© 2000-2007
5.
Es importante mencionar
que HTML soporta sólo ciertos formatos de imagen. Básicamente se pueden mostrar imágenes creadas en formato GIF y JPG. Las últimas versiones de navegadores soportan el formato PNG de MACROMEDIA ®. 18 de 43 http//:www.masterlinux.org EFGM© 2000-2007
Descargar ahora