Index.php Code Part 8
| <td valign="top"> |
This next cell is extremely important. This is where the content of each individual webpage is going to go. The cell starts with the "<td valign="top">" tag. This tag starts the cell and puts all of the content at the top of the cell.
| <!--- Start Breadcrumbs Divide each breadcrumb with a > and a on each side---> |
The next line is just a note, "<!--- Start Breadcrumbs Divide each breadcrumb with a > and a on each side--->" This note not only helps us know where to start the breadcrumbs, it reminds us to put a non-breaking space and an arrow bracket between each entry. Remember, a breadcrumb is that linked text that helps us know where we are and how to get back to the home page.
| <div class="breadcrumbs"> |
The "<div class="breadcrumbs">" calls up the formatting rules under ".breadcrumbs" from the cascading style sheet (css).
| <a href="index.php">Home</a> |
The "<a href="index.php">" line shows the word "Home" in the breadcrumbs and links it to the home page. Since this is the home page, if a visitor click on it, it would take them right back to here.
If this where a different page, you could add two lines that says " > " and "<a href="page2.php">Page2</a>". These lines would make a string of text that looks like "Home > Page2".
| </div> |
The "</div>" ends the formatting of the breadcrumbs from the cascading style sheet (css) and goes back to the way the formatting was defined as earlier.
| <!--- End Breadcrumbs ---> |
The "<!--- End Breadcrumbs --->" is a note that reminds us that this is the end of the breadcrumbs. If you don't want to use breadcrumbs, then delete all the lines of code from where the breadcrumbs start and stop.
| <!--- Content ---> |
The note "<!--- Content --->" is to indicate the start of the content of your webpage.
| <h2>Title</h2> |
This is where you put the title of your individual webpage. The "<h2>" start the formatting for header number two as defined in the cascading style sheet. Remove the word "Title" and enter in the title of your web page. The "</h2>" ends the formatting for header number two and returns the formatting back to its previous state.
| <p>Coming Soon.</p> |
The line "<p>Coming Soon.</p>" is the current content of the webpage. The "<p>" starts the paragraph and the "</p>" end it. Delete the whole line and put what every you want your web page to say here. Any images, any text, whatever you want. Use as many lines as you want. It is your web page; this is the place that truly defines that. Have fun with it and type away.
