Side Left Code Part 1
The code for the left side is the heart of pulling all of the parts together. Notice that it is a bit longer than the other sections we have seen so far, but not to worry, we will go over each part.
Ok, let's look at the code. The first line, "<div class="sidemenu">" tells to computer to go into the cascading style sheet and follow the sidemenu rules. The sidemenu rules build the box and the border on the left side of the box. It also defines the text style within the box.
The next tag is "<div class="topsidemenu">" This builds the top border. The "<div class="rightsidemenu">" builds the border on the right and the "<div class="bottomsidemenu">" builds the border on the bottom.
The next section, "<div class="cornerll"><div class="cornerlr"><div class="cornerur"><div class="cornerul">", ttakes each of the corner images, and lays them over the top of the square to create the rounded corners effect. This is all done in the cascading style sheet. We will go over it more in the CSS section of this course.
The tag "<div class="textpadding">" adds a bit of padding around the content so that the text doesn't run up against the sides of the box.
The "<center>" tells the computer to start to center the content. This is a pretty common tag and is used anytime something needs to be centered. Just like with any tag, it will doing the command until it is told to stop so don't forget to end the tag somewhere.
The "<b>" in the next line will start to make the text bold. The words "Sub-Menu" is the text to display. This text can be anything. Go ahead and change it to whatever you like. The last tag in the line is "</b>". This tells the computer to stop making the text bold.
The "</center>" tag tells the computer to stop centering text and other objects.
The next line starts with the tag "<p>". This tells the computer that this is the start of a paragraph. This way the computer knows to treat everything after it as an entire paragraph and will wrap the text accordingly. The text "Coming Soon!" is the text the computer will treat as part of that paragraph. This again can be anything. The site is yours, change it to the way you want it. The last tag "</p>" tells the computer that this is the end of the paragraph.
The tag "<center>" restarts centering content.
The next tag "<hr>" stands for horizontal rule. A horizontal rule is simply a horizontal line across the screen that acts as a divider. You can adjust how this divider looks by right clicking on the tag and choosing "Edit Current Tag".
The tag "</center>" stops the centering.
The next line contains two of the same tag. This tag is "<br>". This tag tells the computer to take a line break. A line break is the same thing as pressing the return key on the keyboard to go to the next line. By putting the "<br>" in twice the first one goes to the next line and the second makes a blank line. Just as it would if someone where typing a letter and hit the return button twice.
Continued on the next page.
