SlideShare uma empresa Scribd logo
1 de 4
Colegio Nacional Nicolás Esguerra




              Edificamos Futuro




           Tecnología e Informática




Alumnos:        Kevin Felipe Barrera Camacho,
                     Juan David Betancurth.




                 Curso:901.




      Docente:         John Caraballo.




                    2012
Cuerpo de un documento <body>

Contiene la información del documento, es decir lo que queremos que se vea en la página web.


    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>

    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.


    Si no sabes cómo representar los colores en hexadecimal, o a qué número o nombre se
  corresponde cada uno de ellos, puedes consultarlo aquí.


    Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos
  que escribir:

...
<bodybgcolor="#0000FF">
...
</body>
</html>

    Sería equivalente a poner:

      ...
  <bodybgcolor="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:

...
<bodybackground="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 imagenes, que sí se encuentra en el mismo directorio que la
  página, tendremos que escribir:

...
<bodybackground="imagenes/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:

...
<bodytext="#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:


<bodyleftmargin="20" topmargin="0"marginwidth="20"marginheight="0">

</body>


</html>
Html 2

Mais conteúdo relacionado

Mais procurados (19)

Código htlm
Código htlmCódigo htlm
Código htlm
 
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
 
Html 2
Html 2Html 2
Html 2
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Jessica
JessicaJessica
Jessica
 
Billyordoñez
BillyordoñezBillyordoñez
Billyordoñez
 
Que es html 2
Que es html 2Que es html 2
Que es html 2
 
tutorial
tutorialtutorial
tutorial
 
Jessica
JessicaJessica
Jessica
 
Pagina web
Pagina webPagina web
Pagina web
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 

Destaque

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerrakevinbarrera980405
 
Adcurricgdf
AdcurricgdfAdcurricgdf
Adcurricgdfsedf
 
BICBANCO - Apresentação Institucional - Junho 2008
BICBANCO - Apresentação Institucional - Junho 2008BICBANCO - Apresentação Institucional - Junho 2008
BICBANCO - Apresentação Institucional - Junho 2008BICBANCO
 
Apresentação NBB no 1º Encontro do Clube Internacional de Empresários - Lisboa
Apresentação NBB no 1º Encontro do Clube Internacional de Empresários - LisboaApresentação NBB no 1º Encontro do Clube Internacional de Empresários - Lisboa
Apresentação NBB no 1º Encontro do Clube Internacional de Empresários - LisboaJorge Lascas
 
Feliz Navidad A Todos!!!!
Feliz Navidad A Todos!!!!Feliz Navidad A Todos!!!!
Feliz Navidad A Todos!!!!guestee767b00
 
A balsa
A balsa  A balsa
A balsa sedf
 
Leitura E AnáLise Do Texto
Leitura E AnáLise Do TextoLeitura E AnáLise Do Texto
Leitura E AnáLise Do Textomaria pestana
 

Destaque (10)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
CNC
CNCCNC
CNC
 
Adcurricgdf
AdcurricgdfAdcurricgdf
Adcurricgdf
 
BICBANCO - Apresentação Institucional - Junho 2008
BICBANCO - Apresentação Institucional - Junho 2008BICBANCO - Apresentação Institucional - Junho 2008
BICBANCO - Apresentação Institucional - Junho 2008
 
Matriz 4 8 d
Matriz 4 8 dMatriz 4 8 d
Matriz 4 8 d
 
Apresentação NBB no 1º Encontro do Clube Internacional de Empresários - Lisboa
Apresentação NBB no 1º Encontro do Clube Internacional de Empresários - LisboaApresentação NBB no 1º Encontro do Clube Internacional de Empresários - Lisboa
Apresentação NBB no 1º Encontro do Clube Internacional de Empresários - Lisboa
 
Feliz Navidad A Todos!!!!
Feliz Navidad A Todos!!!!Feliz Navidad A Todos!!!!
Feliz Navidad A Todos!!!!
 
A balsa
A balsa  A balsa
A balsa
 
Catedral de notre-dame_paris
Catedral de notre-dame_parisCatedral de notre-dame_paris
Catedral de notre-dame_paris
 
Leitura E AnáLise Do Texto
Leitura E AnáLise Do TextoLeitura E AnáLise Do Texto
Leitura E AnáLise Do Texto
 

Semelhante a Html 2 (20)

Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
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 nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)
 
Html
HtmlHtml
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
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF
 
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
 
Apuntes diseño en 2 d
Apuntes diseño en 2 dApuntes diseño en 2 d
Apuntes diseño en 2 d
 
Html
HtmlHtml
Html
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Unidad #2
Unidad #2Unidad #2
Unidad #2
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 

Mais de kevinbarrera980405

Mais de kevinbarrera980405 (7)

Mi horario en la página web
Mi horario en la página webMi horario en la página web
Mi horario en la página web
 
Barrera y betancurth
Barrera y betancurthBarrera y betancurth
Barrera y betancurth
 
Html
HtmlHtml
Html
 
Conceptos básicos de access 2007
Conceptos básicos de access 2007Conceptos básicos de access 2007
Conceptos básicos de access 2007
 
Ejercicios paso a paso
Ejercicios paso a pasoEjercicios paso a paso
Ejercicios paso a paso
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Ejercicios paso a paso
Ejercicios paso a pasoEjercicios paso a paso
Ejercicios paso a paso
 

Html 2

  • 1. Colegio Nacional Nicolás Esguerra Edificamos Futuro Tecnología e Informática Alumnos: Kevin Felipe Barrera Camacho, Juan David Betancurth. Curso:901. Docente: John Caraballo. 2012
  • 2. Cuerpo de un documento <body> Contiene la información del documento, es decir lo que queremos que se vea en la página web. 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> 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. Si no sabes cómo representar los colores en hexadecimal, o a qué número o nombre se corresponde cada uno de ellos, puedes consultarlo aquí. Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir: ... <bodybgcolor="#0000FF"> ... </body> </html> Sería equivalente a poner: ... <bodybgcolor="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,
  • 3. que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir: ... <bodybackground="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 imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir: ... <bodybackground="imagenes/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: ... <bodytext="#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: <bodyleftmargin="20" topmargin="0"marginwidth="20"marginheight="0"> </body> </html>