Embed Size (px)
DESCRIPTION
Etiquetas head y body
Citation preview
Etiquetas <head> y <body>
Las etiquetas <head> y <body> forman las dos principales secciones de un documento HTML
Las dos son las etiquetas más importantes que colocaremos dentro de la etiqueta principal <html>
Estructura General de un documento HTML
<html><head>
<title>Título de la página</title></head><body>
Contenido de la página</body>
</html>
La etiqueta <head>
Forma el encabezado del documento.
También puede incluir datos extra sobre el formato del documento, añadidos para mejorar el funcionamiento de la página o información para los motores de búsqueda.
“head” significa “cabeza”
La etiqueta <head> y la etiqueta <title>
Para que <head> se aplique de forma correcta debe incluir la etiqueta <title>, que nos permite definir el título de la página, el cual se ve en la barra de título de la ventana del explorador.
Su sintaxis es muy sencilla, pero no admite formatos de texto:
<title> Título de la página </title>
Estructura de la etiqueta <head>
Una etiqueta <head> básica tiene esta sintaxis:
<head><title>Título de la página</title>
</head>
La etiqueta <body>Es donde colocamos el contenido
que queremos mostrar en el documento.
Puede incluir varios atributos para definir algunos aspectos de la apariencia de la página:◦Imagen y/o color de fondo◦Color del texto◦Color de los hipervínculos
Estructura de la etiqueta <body>
Una etiqueta <body> básica tiene esta sintaxis:
<body text=“#E6E6FA” background=“fondo.jpg”>Texto de la página.........
</body>
Atributos de la etiqueta <body>NOTA: Estos atributos no requieren un orden
específico
bgcolor : permite definir el color de fondo de la página. El color se escribe como un número hexadecimal.
bgcolor=“#00EE22”
background : permite definir una imagen para el fondo de la página.
background=“imagen.jpg”
Atributos de la etiqueta <body>text : define el color del texto de la página
(si no lo definimos en el formato de la mísma)
text=“#EE5538”
link : define el color de los hipervínculos aún no visitados
link=“#EEFF00”
vlink : igual que link, pero para los hipervínculos que ya fueron visitados
