Div tag presentation

1,147 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,147
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
49
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Div tag presentation

  1. 1. <div> TagHTML Tag
  2. 2. What is it?The <div> tag defines a division or a section inan HTML document
  3. 3. UsageThe <div> tag is used to group block-elementsto format them with styles.examples:id, title, style, width, class, and height
  4. 4. Examples of <div>Container of other tags, grouping other tagstogether<body><div style="background: green"><h5 >SEARCH LINKS</h5><a target="_blank" href="http://www.google.com">Google</a></div></body>
  5. 5. Attributes (Standard)- standard, and can be used in nearly allHTML/XHTML tags.- <base>, <head>, <html>, <meta>,<param>, <script>, <style>, and<title>.- class, id, style, and title
  6. 6. Attributes (Event)- event attributes that can be insertedinto HTML / XHTML elements to defineevent actions.- onload (script to be run when a documentloads) or onunload (script to be run when adocument unload)
  7. 7. Optional Attributes-align (value: left, right, center, justify)-Use styles instead.Specifies the alignment of the contentinside a <div> element
  8. 8. Code Snippet <div style="background-color:orange;text-align:center"> <p>Bright Widget</p> </div> <div style="background-color:olive;text-align:center"> <p>Dull widget</p> </div> Results: Bright Widget (1st one) Dull Widget (2nd one)
  9. 9. Screenshot
  10. 10. URLshttp://rlv.zcache.com/success_in_life_is_just_a_div_tag_away_humor_flyer-p244786923606908311b2pv5_400.jpghttp://www.w3schools.com/tags/tag_div.asphttp://www.quackit.com/html_5/tags/html_div_tag.cfm

×