CSCI 121 - Lecture 20 - Introduction to DIV

Topics Covered

• DIV Introduction
• The <div> tag defines a division or a section in an HTML document.
• The <div> tag is used to group block-elements to format them with CSS.
• Example:

• <div style="color:#0000FF">
    <h3>This is a heading</h3>
    <p>This is a paragraph.</p>
  </div>                    
                      

• DIV Details
• Tip: The <div> element is very often used together with CSS, to layout a web page.
• Note: By default, browsers always place a line break before and after the <div> element. However, this can be changed with CSS.

*Note: Some materials and examples inspired and from W3Schools.com.