Logo Facebook8    Logo Youtube12    Logo Google     Logo twitter

Lectia 3 HTML | Background

In lectia trecuta ai creat un site, dar arata cam banal. Nu te ingrijora, toate site-urile arata banal la inceput, dar cu putina munca vei transforma pagina pe care tocmai ai facut-o, intr-o capodopera de arta.
Hai sa ii dam putina "viata" site-ului.
O sa ii setezi un background (fundal).

In functie de preferintele tale, vei avea de ales intre un background format dintr-o singura culoare sau unul care contine o imagine.

In lectiile precedente, te-am invatat ca eticheta <body> se foloseste pentru a afisa continut pe pagina, dar nu este tot. Eticheta <body> poate avea mai multe atribute.
Atributele se insereaza in interiorul etichetelor si au roluri diferite in functie de eticheta respectiva.

Background-ul unei pagini web poate fi de doua tipuri:
- background solid (format dintr-o singura culoare)
- background care contine o imagine

Pentru a adauga un background solid, vei folosi atributul <bgcolor="">, pe care il vei introduce in interiorul etichetei <body>.
Intre ghilimele vei specifica culoarea in limba engleza sau in cod hexadecimal:
<body bgcolor="red">
<body bgcolor="blue">
<body bgcolor="white">
<body bgcolor="#00bfff">

Pentru a adauga un background care contine o imagine, vei folosi atributul <background="">, pe care il vei introduce in interiorul etichetei <body>.
Intre ghilimele vei introduce calea spre imagine.
Daca imaginea se afla in acelasi folder cu pagina curenta:
<body background="Imagine.jpg">
Daca imaginea se afla in alt folder:
<body background="folder/imagine.jpg">

Nu uita sa scrii dupa numele imaginii si extensia pe care o are (.jpg; .bmp; .png; etc.).

Daca nu vei specifica un background pentru pagina, se va afisa modul default care va fi culoarea alb.

In primul exemplu, iti voi arata cum sa setezi un background solid

    EXEMPLU:

 

<html>

<head>

<title>
Primul meu site
</title>

</head>

<body bgcolor="yellow">
Acesta este primul meu site!
</body>

</html>

Acesta este primul meu site!

 
Acum iti voi arata cum sa setezi un background care contine o imagine.

    EXEMPLU:

 


<html>

<head>

<title>
Primul meu site
</title>

</head>

<body background="aici introduceti linkul spre locatia imaginii">
Acesta este primul meu site!
</body>

</html>

Acesta este primul meu site!

 

Pentru site-ul propus de mine, fundalul va fi culoarea alb.
In lectia umatoare te voi invata cum sa faci o lista care te va ajuta sa construiesti meniul site-ului.


 

Acest site foloseste cookie-uri.

Folosim cookie-uri pentru a vă asigura că aveti cea mai bună experiență pe acest site.

I understand
DESPRE NOI
World-IT este un site care are ca domeniu Tehnologia Informatiei(IT).
Acest site are ca prim scop introducerea persoanelor in acest domeniu. Mai multe informatii aici.

URMARESTE-NE 
Logo Facebook8  Logo Youtube12   Logo Google  Logo twitter