Interface administrators, smwadministrator, smwcurator, smweditor
82,369
edits
FamilySearch HTML Tutorial Answers (view source)
Revision as of 12:43, 2 September 2015
, 2 September 2015no edit summary
m (→Exercises) |
mNo edit summary |
||
| Line 1,236: | Line 1,236: | ||
</div><br> | </div><br> | ||
<p>Here is the coding:</p> | <p>Here is the coding:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><font color="red"><nowiki><div style="overflow:scroll; width:400px; height:400px; "></nowiki></font color><br> | ||
<nowiki>{| style="border:1px solid red; width:900px; height:900px; "</nowiki><br> | <nowiki>{| style="border:1px solid red; width:900px; height:900px; "</nowiki><br> | ||
|- <br> | |- <br> | ||
| Line 1,292: | Line 1,292: | ||
|} | |} | ||
*Here is the coding: | *Here is the coding: | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>{|</nowiki><br> | ||
|-<br> | |-<br> | ||
| style="width:20%; background-color:lightblue; padding:5px; border-right:1px solid black; "|<br> | | style="width:20%; background-color:lightblue; padding:5px; border-right:1px solid black; "|<br> | ||
| Line 1,342: | Line 1,342: | ||
*Use a > as the pointer to the next page. | *Use a > as the pointer to the next page. | ||
<p>Here is the coding:</p> | <p>Here is the coding:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><font color="red"><nowiki> | ||
[[United States Genealogy]] > [[California Genealogy]] > [[Contra Costa County, California Genealogy]]</nowiki></font color></div> | [[United States Genealogy]] > [[California Genealogy]] > [[Contra Costa County, California Genealogy]]</nowiki></font color></div> | ||
</div> | </div> | ||
| Line 1,367: | Line 1,367: | ||
{{reflist}}</div> | {{reflist}}</div> | ||
Here is the coding: | Here is the coding: | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
Lorem ipsum dolor sit amet<font color="red"><nowiki><ref>This reference one</ref></nowiki></font color>, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi<font color="red"><nowiki><ref>This is reference two</ref></nowiki></font color> tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget<font color="red"><nowiki><ref>This is reference three</ref></nowiki></font color> suscipit turpis. | Lorem ipsum dolor sit amet<font color="red"><nowiki><ref>This reference one</ref></nowiki></font color>, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi<font color="red"><nowiki><ref>This is reference two</ref></nowiki></font color> tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget<font color="red"><nowiki><ref>This is reference three</ref></nowiki></font color> suscipit turpis. | ||
| Line 1,411: | Line 1,411: | ||
<div style="border:10px solid lightgreen; padding:5px; "> | <div style="border:10px solid lightgreen; padding:5px; "> | ||
*How do you save a template? | *How do you save a template? | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New">template:Lorem ipsum</div><br> | ||
*How do you embed a template? | *How do you embed a template? | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>{{Lorem ipsum}}</nowiki></div><br> | ||
*How do you embed a template that you might want to edit someday? | *How do you embed a template that you might want to edit someday? | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New">{{subst:Lorem ipsum}}</div> | ||
</div> | </div> | ||
| Line 1,459: | Line 1,459: | ||
<p>Here is the coding</p> | <p>Here is the coding</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
<nowiki>{| style="border:1px solid red; width:100%" </nowiki><br> | <nowiki>{| style="border:1px solid red; width:100%" </nowiki><br> | ||
|- <br> | |- <br> | ||
| Line 1,528: | Line 1,528: | ||
|} | |} | ||
<p>Here is the coding:</p> | <p>Here is the coding:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
<nowiki>{| style="border:1px solid red; width:100%" </nowiki><br> | <nowiki>{| style="border:1px solid red; width:100%" </nowiki><br> | ||
|+ style="font-size:14pt; text-align:center" | Healthy Foods<br> | |+ style="font-size:14pt; text-align:center" | Healthy Foods<br> | ||
| Line 1,575: | Line 1,575: | ||
*Make the items in the right hand cells into parameters. | *Make the items in the right hand cells into parameters. | ||
<p>Your coding should look like this:</p> | <p>Your coding should look like this:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>{| style="border:1px solid black; width:190px; float:right"</nowiki><br> | ||
|-<br> | |-<br> | ||
| colspan="2" style="border:1px solid black; text-align:center" | organization<br> | | colspan="2" style="border:1px solid black; text-align:center" | organization<br> | ||
| Line 1,612: | Line 1,612: | ||
<div style="clear:both"></div> | <div style="clear:both"></div> | ||
<p>Here is the coding:</p> | <p>Here is the coding:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
<nowiki>{{Infobox U.S. County</nowiki><br> | <nowiki>{{Infobox U.S. County</nowiki><br> | ||
| county = Jackson<br> | | county = Jackson<br> | ||
| Line 1,642: | Line 1,642: | ||
<div style="clear:both"></div> | <div style="clear:both"></div> | ||
<p>Here is the coding:</p> | <p>Here is the coding:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
<nowiki>{|</nowiki> style="width:190px; border:1px solid black; float:right" <br> | <nowiki>{|</nowiki> style="width:190px; border:1px solid black; float:right" <br> | ||
<font color="black"><nowiki>{{!}}</nowiki></font color>-<br> | <font color="black"><nowiki>{{!}}</nowiki></font color>-<br> | ||
| Line 1,682: | Line 1,682: | ||
<div style="clear:both"></div> | <div style="clear:both"></div> | ||
<p>Here is the coding:</p> | <p>Here is the coding:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
<nowiki>{{Infobox U.S. County</nowiki><br> | <nowiki>{{Infobox U.S. County</nowiki><br> | ||
| county = Jackson<br> | | county = Jackson<br> | ||
| Line 1,725: | Line 1,725: | ||
|} | |} | ||
<p>Here's what the code should look like:</p> | <p>Here's what the code should look like:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
<nowiki>{| style="width:100%; border:1px solid black; border-collaspe:separate; border-spacing:5px; "</nowiki><br> | <nowiki>{| style="width:100%; border:1px solid black; border-collaspe:separate; border-spacing:5px; "</nowiki><br> | ||
|- <br> | |- <br> | ||
| Line 1,763: | Line 1,763: | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.<div style="position:relative; width 100%; height:200px; background-color:blue; border:5px solid red"></div><br> | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.<div style="position:relative; width 100%; height:200px; background-color:blue; border:5px solid red"></div><br> | ||
<p>Here is the coding:</p> | <p>Here is the coding:</p> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.<font color="red"><nowiki><div style="position:relative;</nowiki></font color><font color="red"> width:100%; height:200px; background-color:blue; border:5px solid red"></font color><font color="red"><nowiki></div></nowiki></font color></div> | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.<font color="red"><nowiki><div style="position:relative;</nowiki></font color><font color="red"> width:100%; height:200px; background-color:blue; border:5px solid red"></font color><font color="red"><nowiki></div></nowiki></font color></div> | ||
</div> | </div> | ||
| Line 1,786: | Line 1,786: | ||
Here is the coding:<br> | Here is the coding:<br> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><font color="red"><nowiki><div style="</nowiki></font color>position:relative; border:1px solid red; width:400px; height:200px; "><br><font color="blue"><nowiki><div style="</nowiki></font color>position:absolute; left:0px; top:0px; width:200px; height:75px; border:2px solid green; background-color:orange; "> | ||
<font color="blue"><nowiki></div></nowiki></font color><br><font color="red"><nowiki></div></nowiki></font color></div><br> | <font color="blue"><nowiki></div></nowiki></font color><br><font color="red"><nowiki></div></nowiki></font color></div><br> | ||
| Line 1,802: | Line 1,802: | ||
</div></div><br><br> | </div></div><br><br> | ||
Here is the coding:<br> | Here is the coding:<br> | ||
<div style="background-color: | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:97%; font-size:10pt; font-family:Courier New"> | ||
<nowiki><div style="position:relative; </nowiki><font color="red"> left:150px; top:50px;</font color><nowiki>border:1px solid red; width:400px; height:200px; "></nowiki><br><nowiki><div style="position:absolute; </nowiki><font color="red">left:150px; top:50px;</font color><nowiki>width:200px; height:75px; border:2px solid green; background-color:orange; "></nowiki> | <nowiki><div style="position:relative; </nowiki><font color="red"> left:150px; top:50px;</font color><nowiki>border:1px solid red; width:400px; height:200px; "></nowiki><br><nowiki><div style="position:absolute; </nowiki><font color="red">left:150px; top:50px;</font color><nowiki>width:200px; height:75px; border:2px solid green; background-color:orange; "></nowiki> | ||
<nowiki></div></nowiki><br> | <nowiki></div></nowiki><br> | ||