Tag-ul BODY

Atributele tag-ului body

Fondul paginii web

În cadrul tagului de body se pot adăuga informații care să definească culoarea sau imaginea din fondul paginii, textul și culoarea link-urilor.
Pentru a seta culoare fondului paginii adăugați în eticheta <body> un stil css style="background-color: #cod culoare;" sau atributul bgcolor = "#cod culoare".
Atributul background-color este folosit pentru stabilirea culorii de fond a paginii Web. Valoarea acestui atribut va fi numele în limba engleză al culorii(Ex: „red”, „green”, „blue” sau codul culorii precedat de semnul #.

EXEMPLU:

<!doctype html5>
<html>
<head>
    <title> structura documentului html </title>
</head>
<body style="background-color: #F0FFFF;"> Continutul paginilor Web
</body>
</html> Clik aici pt vizualizare exemplu

Numele culoriiCodulNumele culoriiCodul
Black(negru)000000Aqua (verde marin)00FFFF
White (alb)FFFFFFLime (vernil)00FF0F
Red (roşu)FF0000Silver (argintiu)C0C0C0
Green (verde)00FF00Maroon (castaniu)800000
Blue (albastru)0000FFGray (gri)808080
Yellow (galben)FFFF00Olive (măsliniu)808000
Purple (violet)FF00FFNavy (albastru marin)000080


Iar pentru a obține o imagine de fond putem utiliza atributul background sau stilul css background-color.

EXEMPLU:

<!doctype html5>
<html>
<head>
    <title> structura documentului html </title>
</head>
<body background= "poza.jpg"> Continutul paginilor Web
</body>
</html>Clik aici pt vizualizare exemplu

Atributul text

Atributul text controlează culoarea textului normal din document. Acesta va afecta tot textul din document care nu este colorat de alte elemente, cum ar fi link-ul. Culoarea implicită pentru text este negru.

EXEMPLU (culoarea fondului va fi albastru și culoarea textului va fi roșu):

<!doctype html5>
<html>
<head><title>Culoare fond</title></head>
<body bgcolor = "#0000ff" text = "#ff0000"> Continutul paginii</body>
<html>
Clik aici pt vizualizare exemplu

Atributul link, vlink și alink

Atributele link, vlink și alink acestea controlează culoarea link-ului în diferite stări:

  1. LINK - culoarea inițială a link-ului. Implicit este albastru.
  2. VLINK - culoarea unui link vizitat. Implicit este purpuriu.
  3. ALINK - culoarea link-ului în momentul activării. Implicit este roșu.
Modul de setare al acestor atribute este următorul:

EXEMPLU: <body bgcolor="#ffffff" text="#ff0000" link="#0000ff" vlink="#ff00ff" alink="#ffff00"></body>

Rezultatul va fi o pagină cu fondul alb, textul roșu, link-urile albastre, link-urile vizitate vor avea culoarea roz iar culoarea link-urilor în momentul activării va fi galben.

Fișă de lucru

  1. Scrieți fiecare cod HTML de mai sus în câte un document text (Notepad++), salvațile sub format HTML și rulațile într-un browser.
  2. Creați o pagină web care să aibă ca fond o imagine cu HTML (luată de pe internet), scrisul culoarea indigo și drept conținut să scrieți despre atributele tagului HTML
  3. Modificați fondul din imagine cu o culoare la alegere – pentru mai multe coduri de culori deschideți fișierul ”culori HTML.docx” din directorul clasei voastre de pe rețea.