HTML Tutorial #23 - Div

[Vampire Andy]

Tagul div este nu este altceva decât un suport pentru alte taguri. Iată câteva atribute ale acestui tag: 

 

- id 

- title 

- style 

- height 

- width 

 

Restul atributelor nu se folosesc în general funcţiile lor fiind cedate CSS-ului. 

 

Iată şi un exemplu de folosire a tagului :

 

<div id="menu" align="right" >
 
<a href="#">HOME</a> | <a href="#">CONTACT</a> | <a href="#">ABOUT</a>
 
</div>
 
<div id="content" align="left" bgcolor="white"> <h5>Titlu Aici </h5>
 
<p>Iar aici va fi şi conţinutul paragrafului.</p>
 
</div>

 

Vizualizare

 

Iar aici va fi şi conţinutul paragrafului. Iar aici va fi şi conţinutul paragrafului. Iar aici va fi şi conţinutul paragrafului. 

 

Tagul div este mult mai uşor de folosit decât tagul table, de aceea este recomandabil şi preferabil, folosirea lui ori de câte ori este nevoie. 

 

<2>Tagul Div - uşurinţă în modificare 

 

Unul dintre motivele pentru care este uşor de folosit este introducerea noilor date cu facilitate şi vom şi exemplifică acest locru. 

 

În exemplul următor am adăugat câteva câmpuri noi paginii exemplificate mai sus.

 

 

<div id="menu" align="right" >
<a href="#">HOME</a> | 
<a href="#">CONTACT</a> | 
<a href="#">ABOUT</a> |
<a href="#">SITEMAP</a>
</div>
 
<div id="content" align="left" >
<h5>Titlu Aici </h5>
<p>Iar aici va fi si continutul paragrafului. Iar aici va fi si continutul paragrafului. Iar aici va fi si continutul paragrafului.</p>
<h5 >Titlu 2 Aici </h5>
<p>Iar aici va fi si continutul paragrafului 2. Iar aici va fi si continutul paragrafului 2. Iar aici va fi si continutul paragrafului 2.</p>
</div>

 

Liniile albastere au fost adăugate după formatarea iniţială a paginii.