SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
COLEGIO NACIONAL NICOLÁS ESQUERRA
“EDIFICAMOS FUTURO”
Bryan camilo Ramírez Hincapié
Jonathan Steven Ramírez Martínez
906
Etiquetas <body>.
A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la
página.
El color de fondo puede establecerse a través del atributo bgcolor, al que es posible
asignarle un color
Representado en hexadecimal o por un nombre predefinido.
Por ejemplo, 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.
<body background="fondo.gif"
</Body>
</Html>
En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se
encuentre dentro de la carpeta imágenes, que sí se encuentra en el mismo directorio
que la página, tendremos que escribir:
...
<body background="imágenes/fondo.gif">
...
</Body>
</Html>
A través de la etiqueta <body> también es posible establecer el color del texto de la
página a través del atributo text.
Por ejemplo, para hacer que el color del texto de una página sea de color rojo,
tendremos que escribir:
...
<body text="#FF0000">
...
</Body>
</Html>
Entre el borde de la ventana y el contenido de la página existe un margen, cuyo tamaño
en píxeles puede modificarse mediante los atributos leftmargin (margen izquierdo) y
topmargin (margen superior). Estos atributos no funcionan para el navegador Netscape,
pero sí los atributos marginwidth (anchura del margen) y marginheight (altura del
margen).
Estos atributos suelen utilizarse para eliminar el margen, para lo cual deben valer cero.
Por ejemplo, para hacer que una página no tenga margen superior, y tenga un margen
izquierdo de 20 píxeles, tendremos que escribir:
...
<body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" >
...
</Body>
</Html>
Quedando así

Más contenido relacionado

La actualidad más candente

La actualidad más candente (15)

Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerra
 
Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
 
Html.codigos
Html.codigosHtml.codigos
Html.codigos
 
Html
HtmlHtml
Html
 
Trucos Html
Trucos HtmlTrucos Html
Trucos Html
 
Etiquetas de html giler
Etiquetas de html gilerEtiquetas de html giler
Etiquetas de html giler
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Colegio nacional nicolas esguerra6
Colegio nacional nicolas esguerra6Colegio nacional nicolas esguerra6
Colegio nacional nicolas esguerra6
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Estructura de una pagina web,,,
Estructura  de una pagina web,,,Estructura  de una pagina web,,,
Estructura de una pagina web,,,
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Html.codigos (1)
Html.codigos (1)Html.codigos (1)
Html.codigos (1)
 
R&d
R&dR&d
R&d
 

Destacado

Europe Refresh : le salon de la consomm’action
Europe Refresh : le salon de la consomm’actionEurope Refresh : le salon de la consomm’action
Europe Refresh : le salon de la consomm’actionemiliemascia
 
Proyecto creación club de futbol
Proyecto creación club de futbolProyecto creación club de futbol
Proyecto creación club de futbolErica Rico Peralta
 
De Paseo Por Sofía
De Paseo Por SofíaDe Paseo Por Sofía
De Paseo Por SofíaOscar Melo
 
Informes de programas vistos
Informes de programas vistosInformes de programas vistos
Informes de programas vistosjulietaymarianela
 
Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...
Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...
Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...UCIZONI AC
 
Ejercicios 7 programación
Ejercicios 7 programaciónEjercicios 7 programación
Ejercicios 7 programaciónEdgar0622
 
Juan esteban otalvaro
Juan esteban otalvaroJuan esteban otalvaro
Juan esteban otalvaroago_58
 
Proyecto creación club_futbol
Proyecto creación club_futbolProyecto creación club_futbol
Proyecto creación club_futbolErica Rico Peralta
 
Proyecto de tecnología
Proyecto de tecnologíaProyecto de tecnología
Proyecto de tecnología07p03
 
Actividad unidad 4. tablas dinámicas y macros v4
Actividad unidad 4. tablas dinámicas y macros v4Actividad unidad 4. tablas dinámicas y macros v4
Actividad unidad 4. tablas dinámicas y macros v4Edwar Velez Tecnico
 
Visa EB5 Inversores Orlando
Visa EB5 Inversores OrlandoVisa EB5 Inversores Orlando
Visa EB5 Inversores Orlandomiamilhs
 
Moringa alternativa contra la diabetes
Moringa alternativa contra la diabetesMoringa alternativa contra la diabetes
Moringa alternativa contra la diabetesmil61
 
La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...
La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...
La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...El_Blog_De_La_Energia
 
Boletìn Electrònico No.1 CEDEAL
Boletìn Electrònico No.1 CEDEAL Boletìn Electrònico No.1 CEDEAL
Boletìn Electrònico No.1 CEDEAL Cedeal Ecuador
 

Destacado (20)

Modelo enfoque pedagogic1
Modelo  enfoque pedagogic1Modelo  enfoque pedagogic1
Modelo enfoque pedagogic1
 
Europe Refresh : le salon de la consomm’action
Europe Refresh : le salon de la consomm’actionEurope Refresh : le salon de la consomm’action
Europe Refresh : le salon de la consomm’action
 
Proyecto creación club de futbol
Proyecto creación club de futbolProyecto creación club de futbol
Proyecto creación club de futbol
 
De Paseo Por Sofía
De Paseo Por SofíaDe Paseo Por Sofía
De Paseo Por Sofía
 
Informes de programas vistos
Informes de programas vistosInformes de programas vistos
Informes de programas vistos
 
Normas iso
Normas isoNormas iso
Normas iso
 
Terminos tics
Terminos ticsTerminos tics
Terminos tics
 
de paseo por sofia
de paseo por sofiade paseo por sofia
de paseo por sofia
 
Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...
Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...
Radios indígenas comunitarias de Oaxaca y Veracruz se pocisionan ante cumbre ...
 
Ejercicios 7 programación
Ejercicios 7 programaciónEjercicios 7 programación
Ejercicios 7 programación
 
Juan esteban otalvaro
Juan esteban otalvaroJuan esteban otalvaro
Juan esteban otalvaro
 
Servicios yesika
Servicios   yesikaServicios   yesika
Servicios yesika
 
Proyecto creación club_futbol
Proyecto creación club_futbolProyecto creación club_futbol
Proyecto creación club_futbol
 
Proyecto de tecnología
Proyecto de tecnologíaProyecto de tecnología
Proyecto de tecnología
 
Actividad unidad 4. tablas dinámicas y macros v4
Actividad unidad 4. tablas dinámicas y macros v4Actividad unidad 4. tablas dinámicas y macros v4
Actividad unidad 4. tablas dinámicas y macros v4
 
Visa EB5 Inversores Orlando
Visa EB5 Inversores OrlandoVisa EB5 Inversores Orlando
Visa EB5 Inversores Orlando
 
Moringa alternativa contra la diabetes
Moringa alternativa contra la diabetesMoringa alternativa contra la diabetes
Moringa alternativa contra la diabetes
 
La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...
La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...
La energética que preside Borja Prado sigue mejorando la red eléctrica en Zar...
 
Boletìn Electrònico No.1 CEDEAL
Boletìn Electrònico No.1 CEDEAL Boletìn Electrònico No.1 CEDEAL
Boletìn Electrònico No.1 CEDEAL
 
Quienes somos
Quienes somosQuienes somos
Quienes somos
 

Similar a Colegio nacional nicolás esquerra2

Similar a Colegio nacional nicolás esquerra2 (20)

Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Textel trabajo 2
Textel trabajo 2Textel trabajo 2
Textel trabajo 2
 
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 html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
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
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
Web 4
Web 4Web 4
Web 4
 
Presentacióncss
PresentacióncssPresentacióncss
Presentacióncss
 
u3
u3u3
u3
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Marcos
MarcosMarcos
Marcos
 
Compu
CompuCompu
Compu
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 

Más de Brayan Camilo Ramirez Hincapie (20)

HTML
HTMLHTML
HTML
 
Formulario
FormularioFormulario
Formulario
 
Proceso
ProcesoProceso
Proceso
 
John
JohnJohn
John
 
Brayan trabajo2
Brayan trabajo2Brayan trabajo2
Brayan trabajo2
 
Proceso
ProcesoProceso
Proceso
 
Proceso 2
Proceso 2Proceso 2
Proceso 2
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Brayan trabajo2
Brayan trabajo2Brayan trabajo2
Brayan trabajo2
 
John
JohnJohn
John
 
Brayan trabajo
Brayan trabajoBrayan trabajo
Brayan trabajo
 
Lego2
Lego2Lego2
Lego2
 
Lego
LegoLego
Lego
 
Lego
LegoLego
Lego
 
Lego
LegoLego
Lego
 
Lego mindstorms education
Lego mindstorms educationLego mindstorms education
Lego mindstorms education
 
9797 lme user_guide
9797 lme user_guide9797 lme user_guide
9797 lme user_guide
 
Camaro
CamaroCamaro
Camaro
 
Libro1
Libro1Libro1
Libro1
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 

Colegio nacional nicolás esquerra2

  • 1. COLEGIO NACIONAL NICOLÁS ESQUERRA “EDIFICAMOS FUTURO” Bryan camilo Ramírez Hincapié Jonathan Steven Ramírez Martínez 906 Etiquetas <body>. A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página. El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color Representado en hexadecimal o por un nombre predefinido. Por ejemplo, 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. <body background="fondo.gif" </Body> </Html> En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imágenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir: ... <body background="imágenes/fondo.gif">
  • 2. ... </Body> </Html> A través de la etiqueta <body> también es posible establecer el color del texto de la página a través del atributo text. Por ejemplo, para hacer que el color del texto de una página sea de color rojo, tendremos que escribir: ... <body text="#FF0000"> ... </Body> </Html> Entre el borde de la ventana y el contenido de la página existe un margen, cuyo tamaño en píxeles puede modificarse mediante los atributos leftmargin (margen izquierdo) y topmargin (margen superior). Estos atributos no funcionan para el navegador Netscape, pero sí los atributos marginwidth (anchura del margen) y marginheight (altura del margen). Estos atributos suelen utilizarse para eliminar el margen, para lo cual deben valer cero. Por ejemplo, para hacer que una página no tenga margen superior, y tenga un margen izquierdo de 20 píxeles, tendremos que escribir: ... <body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" > ... </Body> </Html> Quedando así