SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
HTML
MANUAL DE HTML
ATRIBUTOS PARA PÁGINAS
Pasemos a explicar una serie de atributos que se aplican de manera global
a toda la página, como el color de fondo del texto, de los enlaces, márgenes,
etc.
Estos atributos se definen en la etiqueta <body> y, como decíamos son
generales en toda la página.
Atributos para fondos:
bgcolor: Especificamos un color de fondo a la página.
background: Sirve para indicar la colocación de una imagen como fondo de
la página. La imagen se coloca haciendo un mosaico, es decir, se repite
muchas veces hasta ocupar todo el espacio del fondo de la página.
<body background = ”fondo.jpg”>
Siempre que coloquemos una imagen de fondo, debemos poner también
un color de fondo cercano al color de la imagen, esto para prevenir errores
de carga en la imagen.
Color del texto:
text: este atributo sirve para asignar el color del texto de la página. Por
defecto es el color negro.
link: El color de los enlaces que no han sido visitados. (por defecto es azul
clarito).
vlink: El color de los enlaces visitados. Por defecto su color es morado.
alink: Es el color de los enlaces activos. Un enlace está activo en el preciso
instante que se pulsa.
Enlaces:
Para colocar un enlace, nos serviremos de las etiquetas <a> y </a>.
La sintaxis general de un enlace es por lo tanto de la forma:
<a href=”destino”>contenido</a>
Siendo el contenido un texto o una imagen. Es la parte de la pagina que se
colocara activa y donde deberemos pulsar para acceder al enlace.
MANUAL DE HTML
Por su parte, destino será una página, un correo electrónico o un archivo.
Ejemplos de color del texto:
Vamos a ver una página donde el color de fondo sea negro, y los colores del
texto y los enlaces sean claros. Pondremos el color de texto blanco y los
enlaces amarillos, mas resaltados los que estén visitados y menos
resaltados lo que ya están visitados.
<body bgcolor=”#000000” text=”#ffffff” link=”#ffff33” alink=”#ffffcc”
vlink=”#ffff00”>
PRÁCTICA
1. Escriba el código HTML que permita mostrar una página web con
fondo de color negro y su texto de color blanco.
2. ¿Qué propiedad nos permite cambiar el color de los vínculos
visitados?
EXTENSIÓN
Hacer una página web donde el fondo sea verde, el color de texto que sea
azul, y los enlaces que sean diferentes tonos de rojo. El enlace deberá ser
el siguiente texto: Bienvenido, aprete este enlace para ir a Facebook.

Más contenido relacionado

Similar a ATRIBUTOS PARA PÁGINAS.pdf

Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
vdgfgfgjhgfgh
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentos
iConstruye
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
MELISSA MORNEO
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF
fabianm94
 

Similar a ATRIBUTOS PARA PÁGINAS.pdf (20)

Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentos
 
Manual html basico GUTIECUADOR
Manual html basico GUTIECUADORManual html basico GUTIECUADOR
Manual html basico GUTIECUADOR
 
Esilo css
Esilo cssEsilo css
Esilo css
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
 
COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Producto 4
Producto 4Producto 4
Producto 4
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
El entorno de dreamweaver
El entorno de dreamweaverEl entorno de dreamweaver
El entorno de dreamweaver
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
html
htmlhtml
html
 
Lenguaje HTML
  Lenguaje HTML  Lenguaje HTML
Lenguaje 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
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (15)

Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo 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 JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 

ATRIBUTOS PARA PÁGINAS.pdf

  • 2. MANUAL DE HTML ATRIBUTOS PARA PÁGINAS Pasemos a explicar una serie de atributos que se aplican de manera global a toda la página, como el color de fondo del texto, de los enlaces, márgenes, etc. Estos atributos se definen en la etiqueta <body> y, como decíamos son generales en toda la página. Atributos para fondos: bgcolor: Especificamos un color de fondo a la página. background: Sirve para indicar la colocación de una imagen como fondo de la página. La imagen se coloca haciendo un mosaico, es decir, se repite muchas veces hasta ocupar todo el espacio del fondo de la página. <body background = ”fondo.jpg”> Siempre que coloquemos una imagen de fondo, debemos poner también un color de fondo cercano al color de la imagen, esto para prevenir errores de carga en la imagen. Color del texto: text: este atributo sirve para asignar el color del texto de la página. Por defecto es el color negro. link: El color de los enlaces que no han sido visitados. (por defecto es azul clarito). vlink: El color de los enlaces visitados. Por defecto su color es morado. alink: Es el color de los enlaces activos. Un enlace está activo en el preciso instante que se pulsa. Enlaces: Para colocar un enlace, nos serviremos de las etiquetas <a> y </a>. La sintaxis general de un enlace es por lo tanto de la forma: <a href=”destino”>contenido</a> Siendo el contenido un texto o una imagen. Es la parte de la pagina que se colocara activa y donde deberemos pulsar para acceder al enlace.
  • 3. MANUAL DE HTML Por su parte, destino será una página, un correo electrónico o un archivo. Ejemplos de color del texto: Vamos a ver una página donde el color de fondo sea negro, y los colores del texto y los enlaces sean claros. Pondremos el color de texto blanco y los enlaces amarillos, mas resaltados los que estén visitados y menos resaltados lo que ya están visitados. <body bgcolor=”#000000” text=”#ffffff” link=”#ffff33” alink=”#ffffcc” vlink=”#ffff00”> PRÁCTICA 1. Escriba el código HTML que permita mostrar una página web con fondo de color negro y su texto de color blanco. 2. ¿Qué propiedad nos permite cambiar el color de los vínculos visitados? EXTENSIÓN Hacer una página web donde el fondo sea verde, el color de texto que sea azul, y los enlaces que sean diferentes tonos de rojo. El enlace deberá ser el siguiente texto: Bienvenido, aprete este enlace para ir a Facebook.