HTML and CSS Reference
In-Depth Information
Lesson requirements
You will need the tpa_jupiter.html file from the Lesson_13 folder, a text editor, and a web browser.
You can download the code and resources for this lesson from the topic's web
page at .
Open your text editor.
From the Lesson_13 folder, open tpa_jupiter.html .
Put your cursor at the end of the text Here's what you'll need to make the most of
your Jovian jaunt: after the closing </p> tag and press Enter (Return).
Enter the following code:
<li>Oxygen converter mask (Jupiter certified)</li>
<li>Thermal transistion suit</li>
<li>Portable storm shelter</li>
Save your file.
In your browser, open tpa_jupiter.html .
nesTinG unordered LisTs
A standard unordered list gives equal weight to all the bulleted items, one after another. In some
situations, it's desirable to depict multiple levels of content with sub-items. HTML provides the
capacity to incorporate any level of sub-items desired by nesting <ul> tags.
Say your online camera store carries digital SLR, compact, and waterproof cameras. The store
might list them on its site in an unordered list:
<li>Digital SLR Cameras</li>
<li>Compact Cameras</li>
<li>Waterproof Cameras</li>
Should the store want to show the range of resolutions available in the digital SLR category, it would
nest a <ul> tag under that list item, like this:
<li>Digital SLR Cameras
Search WWH ::

Custom Search