Background

HTML | Stefanescu Mihai | 2020-10-11

In mod standard background-ul paginii web este alb. S-ar putea sa nu-ti placa, dar nu-ti face probleme. HTML iti ofera posibilitate de a schimba acest fundal si iti da doua optiuni, ori pui o culoare ca fundal ori pui o imagine.

Background culoare

Atributul bgcolor este folosit pentru a controla culoarea unui anumit element HTML.Acest atribut are urmatoarea sintaxa:

<tag bgcolor=‘culoare’>

Culoarea poate fi data in urmatoarele formate:

<!-- Numele culoarii -->
<table bgcolor="green" >
 
<!-- Valoare HEX -->
<table bgcolor="#00ff00" >
 
<!-- Valoare RGB -->
<table bgcolor="rgb(0,255,0)" >

Iata un exemplu concret:

<!DOCTYPE html>
<html>
<head>
<title>Background HTML</title>
</head>
<body>

<!-- Numele Culorii -->
<table bgcolor="yellow" width="100%">
<tr><td>
Fundal galben
</td></tr>
</table>
 
<!-- Cod HEX -->
<table bgcolor="#6666FF" width="100%">
<tr><td>
Fundal Albastru
</td></tr>
</table>
 
<!-- Cod RGB -->
<table bgcolor="rgb(255,0,255)"  width="100%">
<tr><td>
Asta e verde
</td></tr>
</table>

</body>
</html>

Rezultatul:

 

Fundal galben

 

Fundal Albastru

 

Asta e verde

Background Imagine

Atributul background poate fi folosit pentru a controla background-ul unui element HTML, se foloseste mai ales pentru tag-ul <body> si pentru tag-ul <table>.

Atentie: Acest tag a fost deprecated si este recomandata folosirea CSS-ului pentru setarea unei imagini de fundal.

<tag bgcolor=‘culoare’>

Cele mai folosite formate de imagini pentru background sunt JPEG, GIF si PNG.Iata un exemplu:

<table background="/images/pattern.png" width="100%" height="100">
<tr><td>
Avem o imagine setata ca si fundal.
</td></tr>
</table>

 



Imi place ce faci aici
Daca iti place ce fac aici imi poti cumpara o cafea Buy Me a Coffee at ko-fi.com

Stefanescu Mihai
Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.
       

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum.

Posteaza un comentariu

Comentarii

Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!

Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.

🗝ïļ Login 🌟 Register

🔖 Bookmarks ⊞
âœĻ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌊ïļ Discord ⊞

Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.

⮆ïļ