FamilySearch HTML Tutorial Answers: Difference between revisions

m
Line 106: Line 106:
To practice nesting unordered lists, in your sandbox create an list with the following items: Fruits, Vegetables, Nuts and Grains. In between each item list three varieties.<br>
To practice nesting unordered lists, in your sandbox create an list with the following items: Fruits, Vegetables, Nuts and Grains. In between each item list three varieties.<br>
Here is the coding you should have entered:
Here is the coding you should have entered:
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New">
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New">
<nowiki>*Fruits</nowiki><br>
 
<nowiki><ul></nowiki><br>
<nowiki><li>Fruits</nowiki><br>
<nowiki>**Apples</nowiki><br>
<nowiki>**Apples</nowiki><br>
<nowiki>**Pears</nowiki><br>
<nowiki>**Pears</nowiki><br>
<nowiki>**Oranges</nowiki><br>
<nowiki>**Oranges</nowiki><br>
<nowiki><ul></nowiki><br>
<nowiki></li></nowiki><br>
<nowiki>*Vegetables</nowiki><br>
<nowiki>*Vegetables</nowiki><br>
<nowiki>**Peas</nowiki><br>
<nowiki>**Peas</nowiki><br>
<nowiki>**Carrots</nowiki><br>
<nowiki>**Carrots</nowiki><br>
<nowiki>**Corn</nowiki><br>
<nowiki>**Corn</nowiki><br>
<nowiki>*Nuts</nowiki><br>
<nowiki></ul></nowiki><br>
<nowiki></li></nowiki><br>
<nowiki><li>Nuts</nowiki><br>
<nowiki><ul></nowiki><br>
<nowiki>**Walnuts</nowiki><br>
<nowiki>**Walnuts</nowiki><br>
<nowiki>**Peanuts</nowiki><br>
<nowiki>**Peanuts</nowiki><br>
<nowiki>**Almonds</nowiki><br>
<nowiki>**Almonds</nowiki><br>
<nowiki>*Grains</nowiki><br>
<nowiki></ul></nowiki><br>
<nowiki><li>Grains</nowiki><br>
<nowiki><ul></nowiki><br>
<nowiki>**Wheat</nowiki><br>
<nowiki>**Wheat</nowiki><br>
<nowiki>**Soybeans</nowiki><br>
<nowiki>**Soybeans</nowiki><br>
<nowiki>**Barley</nowiki></div><br><br>
<nowiki>**Barley</nowiki><br>
<nowiki></ul></nowiki><br>
<nowiki></li></nowiki><br>
<nowiki></ul></nowiki></div><br><br>
Here's how the links would look on a page:
Here's how the links would look on a page:
*Fruits
*Fruits