HTML – 2 / Atributos/etiquetas(Tags)

ATRIBUTOS

bgcolor=#FF0000 Asigna un color en hexadecimal o en RGB a el fondo de todo el body ( la página)

FGCOLOR="#00FF00" Asigna un color en hexadecimal O en RGB frontal de todo el body

Blanco Rojo Verde Azul

= #FFFFFF =#FF0000 =#00FF00 =#0000FF

Negro

= #000000

TEXT="#F0F0F0" Asigna un color en hexadecimal o en RGB a el texto que hay en todo el body

LINK="#FFFF00" Asigna un color en hexadecimal o en RGB a aquellas palabras que hacen de enlace (link) que hay en todo el body

VLINK="22AA22" Asigna un color en hexadecimal o en RGB a aquellas palabras que hacen de enlace (link) visitado que hay en todo el body

ALINK="#0077FF" Asigna un color en hexadecimal o en RGB a aquellas palabras que hacen de enlace (link) activo que hay en todo el body

ATRIBUTOS



Asigna una imagen como fondo de la página. Se repite Constantemente por todo el fichero.

Blanco Rojo Verde Azul

= #FFFFFF =#FF0000 =#00FF00 =#0000FF

Para que no se repita necesitamos utilizar CSS

Negro

= #000000

BACKGROUND=“nombre-image.gif">

Ejemplo: < body bgcolor = “#000000” text=“#FFFFFF” link=“#FF0000” vlink=“#00FF00” alink=“#0000FF” background=“fondo.jpg”>

efectos

Textos

Los efectos en el texto que muestro seguidamente, nos servirán para resaltar el propio texto , en su totalidad o en algunas de sus partes de una manera u otra dependiendo del diseñador del documento .

Hola , Hola , Hola, Hola, Hola Estos efectos no funcionan todos en cualquier Navegador algunos de ellos solo funcionan en FireFox y otros sólo en Explorer o Safari

Centrar el Texto en la página aisladamente: hola esto esta en el centro

Textos Texto en negrita: Texto en negrita Texto realzado: Texto realzado Texto en itálica: Texto en itálica Texto con énfasis: Texto con énfasis Texto ejemplo de código: Texto ejemplo de código Texto teletipo: Texto teletipo Texto subrayado: Texto subrayado

efectos

Textos Texto tachado: Texto tachado Texto de dirección: Texto de dirección Texto intermitente Texto intermitente Texto superíndiceTexto normal Texto Superíndice Texto subíndiceTexto nomal Texto Subíndice Texto grande Texto grande Texto pequeño Texto pequeño

efectos

Imagen

1

SRC=“dirección de la imagen + formato” (Localización de la imagen)

2

ALT=“texto que aparece” (texto alternativo)

3

WIDTH= número (Ancho de la imagen) > también puede ser en % (width=80%)

4

HEIGHT= número (Alto de la imagen) > también puede ser en % (height=80%) ALIGN= top|middle|bottom|left|right (Alineamiento de la imagen)

5

BORDER=número (Ancho del borde) HSPACE=número (posición horizontal de la imagen ) VSPACE=número (posición vertical de la imagen) Ejemplo: 1

2

3

4

5

Fuente



size=6 color=“color en Hexadecimal "

(Es posible poner el color en inglés [ Red, Blue, Green]

face=“Tipo de Fuente"

Ejemplo: hola Hola

Hola

Hola

Fuentes de sistema



Fuentes de Sistema

Fuente / Negrita



…… ……

Utilizaremos estas etiquetas para conseguir el efecto de negrita delante y detrás de la etiqueta

Ejemplo:

Tablas



Visualización del ejemplo



Los comentarios son código que nos ayuda a aclarar cosas sobre atributos¡, tags, etc…de una página.

Este código es invisible para el navegador, por lo tanto no lo lee.



:)

HTML- 2 Prof: Moisés Mañas [email protected]