Jump to content

FamilySearch HTML Tutorial Answers: Difference between revisions

m
Line 873: Line 873:
====Exercise====
====Exercise====
<div style="border:10px solid lightgreen; padding:5px; ">
<div style="border:10px solid lightgreen; padding:5px; ">
*With our above table place a yellow border, "dashed" style and 10 pixels thick.
*With our above table place a orange border, "dashed" style and 10 pixels thick.
*Make the table 500 pixels wide.
*Make the table 500 pixels wide.
*Next place a blue border around the headers.
*Next place a blue border around the headers.
Line 911: Line 911:
*Here is the coding:<br><br>
*Here is the coding:<br><br>
<div style="border:2px solid crimson; background-color:moccasin; 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><table style="border:10px dashed orange; width:500px"</nowiki><br>
<nowiki><table style="</nowiki><font color="red">border:10px dashed orange; width:500px</font color>"><br>
<nowiki>|+ style="font-size:28pt; text-align:center; margin-bottom:20px; font-family:times new roman" | Healthy Foods</nowiki><br>
<nowiki><caption style="</nowiki><font color="red">font-size:28pt; text-align:center; margin-bottom:20px; font-family:times new roman"</font color>>Healthy Foods<nowiki></td></nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki>! style="border:1px solid blue; text-align:center; width:25%; background-color:lightblue; " |Fruits</nowiki><br>
<nowiki><th style="border:1px solid blue; text-align:center; width:25%; background-color:lightblue; " |Fruits</nowiki><br>
<nowiki>! style="border:1px solid blue; text-align:center; width:25%; background-color:lightblue; " |Vegetable</nowiki><br>
<nowiki><th style="</nowiki><font color="red">border:1px solid blue; text-align:center; width:25%; background-color:lightblue"</font color>>Vegetable<nowiki></td><nowiki></td></nowiki><br>
<nowiki>! style="border:1px solid blue; text-align:center; width:25%; background-color:lightblue; " |Nuts</nowiki><br>
<nowiki><th style="</nowiki><font color="red">border:1px solid blue; text-align:center; width:25%; background-color:lightblue"</font color>>Nuts<nowiki></td></nowiki><br>
<nowiki>! style="border:1px solid blue; text-align:center; width:25%; background-color:lightblue; " |Grains</nowiki><br>
<nowiki><th style="</nowiki><font color="red">border:1px solid blue; text-align:center; width:25%; background-color:lightblue"</font color>>Grains<nowiki></td></nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki></tr></nowiki><br>
<nowiki>| Apples</nowiki><br>
<nowiki>| Apples</nowiki><br>
<nowiki>| Peas</nowiki><br>
<nowiki>| Peas</nowiki><br>
<nowiki>| Peanuts</nowiki><br>
<nowiki>| Peanuts</nowiki><br>
<nowiki>| Wheat</nowiki><br>
<nowiki>| Wheat</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki></tr></nowiki><br>
<nowiki>| Pears</nowiki><br>
<nowiki>| Pears</nowiki><br>
<nowiki>| Carrots</nowiki><br>
<nowiki>| Carrots</nowiki><br>
<nowiki>| Walnuts</nowiki><br>
<nowiki>| Walnuts</nowiki><br>
<nowiki>| Oats</nowiki><br>
<nowiki>| Oats</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki></tr></nowiki><br>
<nowiki>| Cherries</nowiki><br>
<nowiki>| Cherries</nowiki><br>
<nowiki>| Corn</nowiki><br>
<nowiki>| Corn</nowiki><br>
<nowiki>| Cashews</nowiki><br>
<nowiki>| Cashews</nowiki><br>
<nowiki>| Barley</nowiki><br>
<nowiki>| Barley</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki></tr></nowiki><br>
<nowiki>| Oranges</nowiki><br>
<nowiki>| Oranges</nowiki><br>
<nowiki>| Beans</nowiki><br>
<nowiki>| Beans</nowiki><br>
<nowiki>| Almonds</nowiki><br>
<nowiki>| Almonds</nowiki><br>
<nowiki>| Buckwheat</nowiki><br>
<nowiki>| Buckwheat</nowiki><br>
<nowiki>|}</nowiki></div>
<nowiki></tr></nowiki><br>
<nowiki></table></nowiki></div>
</div>
</div>