HTML Tags

Quick Start Checklist

Video Tutorials

CSS & HTML Tutorials

 Training DVDs & Products

 

Publishing How To's

Publish with FTP

Publish with FPSEs

 

 


div tag

The Div Tag  <div></div>

Literally Means 'Division'

The div tag is used to divide a web page into different sections.  In other words, we use div tags to create Layouts.

Can you Locate the <div> tag in Expression Web 3? 

Hint:  it's located in the Toolbox.

Click and drag a <div> from the toolbox and onto a blank web page.  Now, what do you see???  You see a long rectangular box.  Hopefully!!

So, how do we modify this long rectangular box that we call a <div>?  Well, we use CSS. 

How do we use CSS?

 

Open the Manage Styles Panel.  Click New Style.

For the selector, type #container

Define in:  the current page  (tho usually, we will place it on the Existing Style Sheet which is the External Style Sheet)

Check the box to apply the style to the current selection (which is the div on your web page).

 

Now, look for the Position Category on the left side of the dialog box.  Click on that, and then look for width.  Give the div a width and click apply.

 

Next, add a background color.  Can you figure out how to do that before you close out the New Style Dialog box (the Style Builder) ???  Start clicking on each Category that is listed on the left side of the dialog box to see what all you can do to that one div tag on the page.

Read about "How to Center a Div Tag"