Divs are yet another very important part of CSF development and are represented by the div tags in order
to understand the function of a div let's refer back to the web page we developed using tables when
we created the Web page.
All the content including text and images were nested in tables cells as we determined we did not have
much flexibility in the positioning of these objects within the cell or the table itself for that matter
divs are similar to table cells in that they contain content such as text images or media objects.
The key difference is that divs offer a much higher degree of customization in formatting and position
in this includes things like rounded corners transparency layering and complete flexibility in positioning
down to the pixel
before we begin this tutorial.
Please open your text editor and set up your basic HDL page structure as shown save the file is div
dot H2 UML on your computer.
Now let's go ahead and create a div in our document and fill it in with some basic text content
we will create the div in between our open and close body tags
the open div tag requires a closing div tag the content in between the opening and closing do tag will
be displayed in your browsers content area.
Now let's go ahead and save this file.
And preview this in our web browser
so here we can see the line of text we input it into the div.
You can think of it is a line of text contained within a single table cell if this were a table the
table would have one column and one row equating to one cell.
We haven't done any CSX formatting to this div and we'll be exploring that in the next lecture.