[HTML] - Tagul Div

[B09]

 

Acesta este al 2-lea si ultimul tutorial din seria "Tag-uri speciale"

[/font][/color][/b]

 

 

 

[color=#3333ff][size=5][u][b][font=georgia,serif]Tutorial HTML - Div[/font][/b][/u][/size][/color]

[color=#ffffff][font=georgia,serif]Tagul div este nu este altceva decat un suport pentru alte taguri. Iata cateva atribute ale acestui tag:[/font][/color]

 

[color=#FFFFFF][font=georgia, serif]- id[/font][/color]

[color=#FFFFFF][font=georgia, serif]- title[/font][/color]

[color=#FFFFFF][font=georgia, serif]- style[/font][/color]

[color=#FFFFFF][font=georgia, serif]- height[/font][/color]

[color=#FFFFFF][font=georgia, serif]- width[/font][/color]

 

[color=#ffffff][font=georgia,serif]Restul atributelor nu se folosesc in general functiile lor fiind cedate CSS-ului.[/font][/color]

 

[color=#ffffff][font=georgia,serif]Iata si un exemplu de folosire a tagului [i]<div>[/i] :[/font][/color]

 

[size=3]<div id="menu" align="right" >[/size]

[size=3]<a href="#">HOME</a> | <a href="#">CONTACT</a> | <a href="#">ABOUT</a>[/size]

[size=3]</div>[/size]

[size=3]<div id="content" align="left" bgcolor="white"> <h5>Titlu Aici </h5>[/size]

[size=3]<p>Iar aici va fi si continutul paragrafului. Iar a...</p>[/size]

[size=3]</div>[/size]

 

[color=#ffffff][font=georgia,serif]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.[/font][/color]

 

[color=#ffffff][b][font=georgia,serif]In exemplul urmator am adaugat cateva campuri noi paginii exemplificate mai sus.[/font][/b][/color]

 

[size=3]<div id="menu" align="right" >

<a href="#">HOME</a> |

<a href="#">CONTACT</a> |

<a href="#">ABOUT</a> |

[color=#0000ff]<a href="#">SITEMAP</a>[/color]

</div>[/size]

[size=3]<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>

[color=#0000ff]<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>[/color]

</div>[/size]