HTML - Tagul Div

Tagul div este nu este altceva decat un suport pentru alte taguri. Iata cateva atribute ale acestui tag:

  • id
  • title
  • style
  • height
  • width

Restul atributelor nu se folosesc in general functiile lor fiind cedate CSS-ului.

Iata si un exemplu de folosire a tagului <div> :

<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 si continutul paragrafului. Iar a...</p>

</div>

Vizualizare

Titlu Aici

Iar aici va fi si continutul paragrafului. Iar aici va fi si continutul paragrafului. Iar aici va fi si continutul paragrafului.

 

Tagul div este mult mai usor de folosit decat tagul table, de aceea este recomandabil si preferabil, folosirea lui ori de cate ori este nevoie.


Tagul Div - usurinta in modificare

Unul dintre motivele pentru care este usor de folosit este introducerea noilor date cu facilitate si vom si exemplifica acest locru.

In exemplul urmator am adaugat cateva campuri 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 adaugate dupa formatarea initiala a paginii.

Titlu Aici

Iar aici va fi si continutul paragrafului. Iar aici va fi si continutul paragrafului. Iar aici va fi si continutul paragrafului.

Titlu 2 Aici

Iar aici va fi si continutul paragrafului 2. Iar aici va fi si continutul paragrafului 2. Iar aici va fi si continutul paragrafului 2.