FamilySearch HTML Tutorial Answers: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
Line 20: Line 20:
::C. Div tags
::C. Div tags
</div>
</div>
[[FamilySearch Wikitext Introduction|Back to Introduction]]
[[Help:Wiki University HTML-- Introduction|Back to Introduction]]
----
----


Line 48: Line 48:
::False
::False
</div>
</div>
[[FamilySearch Wikitext Headers|Back to Headers]]
[[Help:Wiki University HTML-- Headers|Back to Headers]]
----
----


Line 95: Line 95:


</div>
</div>
[[FamilySearch Wikitext Lists|Back to Lists]]
[[Help:Wiki University HTML-- Lists|Back to Lists]]
----
----
==Nested Lists==
==Nested Lists==
Line 145: Line 145:
::A. Ordered List
::A. Ordered List
</div>
</div>
[[FamilySearch Wikitext Nesting Lists|Back to Nesting Lists]]
[[Help:Wiki University HTML-- Nesting Lists|Back to Nesting Lists]]
----
 
==Links==
====Exercises====
<div style="border:10px solid lightgreen; padding:5px; ">
*Here is the coding for the links:
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New">
<nowiki>[http://www.wikipedia.org/ Wikipedia]</nowiki><br>
<nowiki>[https://familysearch.org/ FamilySearch]</nowiki><br>
<nowiki>[[Kentucky Genealogy|Kentucky]]</nowiki><br>
<nowiki>[[California Genealogy|California]]</nowiki><br>
<nowiki>[[Nevada Genealogy#Research Tools|Nevada Research Tools]]</nowiki><br>
<nowiki>[[Glamorganshire#Topics|Glamorganshire Topics]]</nowiki><br>
<nowiki>[http://home.ancestry.com/ Ancestry.com]</nowiki>
<nowiki>[[HTML and Wikitext - Lesson One|HTML lessons]]</nowiki></div><br>
 
*This is how they appear on the page:  Try them out.
[http://www.wikipedia.org/ Wikipedia]<br>
[https://familysearch.org/ FamilySearch]<br>
[[Kentucky Genealogy|Kentucky]]<br>
[[California Genealogy|California]]<br>
[[Nevada Genealogy#Research Tools|Nevada Research Tools]]<br>
[[Glamorganshire#Topics|Glamorganshire Topics]]<br>
[http://home.ancestry.com/ Ancestry.com]<br>
[[HTML and Wikitext - Lesson One|HTML lessons]]<br>
</div>
 
====Quick Quiz====
<div style="border:10px solid lightgray; padding:5px; ">
*How many square brackets for Internal Links?
::B. Two
*How many square brackets are necessary for external links?
::A. One
*How do you separate the name of an Internal link from the page name?
::B. Put a pipe between them.
*How do you link to a section of a page?
::B. Put a pound sign between the page name and the section.
</div>
 
[[FamilySearch Wikitext Links|Back to Links]]
 
----
 
==Broken Links==
<div style="border:10px solid lightgreen; padding:5px; ">
*<font color="red"><nowiki>[https://en.wikipedia.org/wiki/Main_PageWikipedia] </nowiki></font color> 
*ERROR: A space is missing between URL and name of link.<br>
*CORRECTED LINK: <font color="red"><nowiki>[https://en.wikipedia.org/wiki/Main_Page Wikipedia] </nowiki></font color>
----
*<font color="red"><nowiki>[Missouri Genealogy|Missouri]</nowiki></font color>
*ERROR:  Single square brackets were used instead of double square brackets.
*CORRECTED LINK:  <font color="red"><nowiki>[[Missouri Genealogy|Missouri]]</nowiki></font color>
----
*<font color="red"><nowiki>&lt;a ref="https://en.wikipedia.org/wiki/Main_Page"&gt;Wikipedia&lt;/a&gt; </nowiki></font color>
*ERROR:  HTML coding was used instead of Wikitext coding.
*CORRECTED LINK:  <font color="red"><nowiki>[https://en.wikipedia.org/wiki/Main_Page Wikipedia] </nowiki></font color>
----
*<font color="red"><nowiki>[[Missouri GenealogyMissouri]] </nowiki></font color>.
*ERROR:  Pipe missing between page name and link name.
*CORRECTED LINK:  <font color="red"><nowiki>[[Missouri Genealogy|Missouri]] </nowiki></font color>
----
*<font color="red"><nowiki>[[https://en.wikipedia.org/wiki/Main_Page Wikipedia]] </nowiki></font color>
*ERROR:  Too many square brackets.  Only one set as this is an external link.
*CORRECTED LINK:  <font color="red"><nowiki>[https://en.wikipedia.org/wiki/Main_Page Wikipedia]</nowiki></font color>
----
*<font color="red"><nowiki>[[Missouri Geneology Missouri]]</nowiki></font color>.
*ERROR:  Used a space in this internal link rather than a pipe. Also misspelled genealogy.
*CORRECTED LINK:  <font color="red"><nowiki>[[Missouri Genealogy|Missouri]]</nowiki></font color>
</div>
<br><br>
<div style="border:10px solid lightgray; padding:5px; ">
*How can links be broken?
::G. All of the above. (And then some)</div>
[[FamilySearch Wikitext Broken Links|Back to Broken Links]]
----
----


Line 271: Line 197:
*Where can you insert comments?
*Where can you insert comments?
::C. Anywhere you want.</div>
::C. Anywhere you want.</div>
[[FamilySearch Wikitext Comments|Back to Comments]]
[[Help:Wiki University HTML-- Comments|Back to Comments]]
----
==Categories==
====Exercises====
<div style="border:10px solid lightgray; padding:5px;  ">
The categories together should look like this:
 
<font color="red"><nowiki>Categories: Wikitext lessons | Wikitext education</nowiki></font color>
</div>
 
====Quick Quiz====
<div style="border:10px solid lightgreen; padding:5px; ">
*Since these categories will show up in red, what does that mean?
::C. All of the above.
*Categories are external links surrounded by single square brackets.
::False
*Categories are always placed at the top of the page.
::False
*One should always check to see if a category has been created rather than make up a new one.
::True
</div>
[[FamilySearch Wikitext Categories|Back to Categories]]
----
 
==Images==
====Exercises====
<div style="border:10px solid lightgreen; padding:5px; ">
*Place this <nowiki>[[File:Ireland Map.gif]]</nowiki> image on your sandbox page and limit the width to 200 pixels.
*Place this <nowiki>[[File:Ireland Countryside.jpg]]</nowiki> image on your sandbox page on top of the one above and limit the width to 250 pixels.
*Place this <nowiki>[[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg]]</nowiki> image between the two above and limit the width to 600 pixels.
 
Heres how the images look on the page:<br>
[[File:Ireland Countryside.jpg|250px]]
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Countryside.jpg|250px]]</nowiki></div><br>
 
[[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg|600px]]
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg|600px]]</nowiki></div><br>
[[File:Ireland Map.gif|200px]]
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Map.gif|200px]]</nowiki></div>
</div>
<br>
 
====Quick Quiz====
<div style="border:10px solid lightgray; padding:5px; ">
*What size are images stored in the Wiki?
::B. Full size as submitted
*What side of the page is the default position for an image?
::C. All of the above.
*How many images can we put on a page
::A. Unlimited
</div>
[[FamilySearch Wikitext Images|Back to Images]]
----
 
==Images (cont.)==
====Exercises====
<div style="border:10px solid lightgreen; padding:5px; ">
#Place this <nowiki>[[File:Ireland Map.gif]]</nowiki> image on your sandbox page and limit the width to 300 pixels and place it on the right side of the page.
#Place this <nowiki>[[File:Ireland Countryside.jpg]]</nowiki> image in your sandbox page and limit the width to 350 pixels and put a border around it.
#Place this <nowiki>[[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg]]</nowiki> in your sandbox and limit the width to 250 pixels and place the caption: "Tuam Cathedral" and center it.
<br><br>
[[File:Ireland Map.gif|300px|right]]
<div style="clear:both"></div>
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New">
<nowiki>[[File:Ireland Map.gif|300px|right]]</nowiki></div>
 
[[File:Ireland Countryside.jpg|350px|thumb]]
<div style="clear:both"></div>
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New">
<nowiki>[[File:Ireland Countryside.jpg|350px|thumb]]</nowiki></div>
 
[[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg|250px|thumb|<center>Tuam Cathedral</center>]]
<div style="clear:both"></div>
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg|250px|thumb|<center>Tuam Cathedral</center>]]</nowiki></div>
 
</div>
 
====Quick Quiz====
<div style="border:10px solid lightgray; padding:5px; ">
*The default position of any image is on the right side of the page.
:B. False
*To place an image on the right side of the page, use |right.
:A. True
*You can place a caption on an image without the thumb code
:B. False
</div>
[[FamilySearch Wikitext Images (cont.)|Back to Images (cont.)]]
----
 
==Image Links==
====Exercises====
<div style="border:10px solid lightgreen; padding:5px; ">
*Place this <font color="red"><nowiki>[[File:Ireland Map.gif]]</nowiki></font color> image in your sandbox page and limit the width to 100 pixels and make it a link to a website that is about Ireland.<br><br>
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Map.gif|100px|link=http://wikitravel.org/en/Ireland|</nowiki>Wiktravel]]</div>
 
 
 
*Place this <font color="red"><nowiki>[[File:Ireland Countryside.jpg]]</nowiki></font color> image in your sandbox page and limit the width to 100 pixels and make it a internal link to a favorite article in FamilySearch Wiki about Ireland.
 
 
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Countryside.jpg|100px|</nowiki>link=Counties of Ireland|Irish Counties ]]</div>
 
</div>
 
====Quick Quiz====
<div style="border:10px solid lightgray; padding:5px; ">
*The separator between the URL and the name of the website in an external image links is:
::B. Pipe.
*The separator between the page name and the name of the link in an internal image link is:
::A. Pipe.
*In external links, the "tooltip" only appears when you give your external links a name?
::A. True.
*In internal links, the "tooltip" appears with the name of the page if you do not give it a different name.
::A. True.
</div>
[[FamilySearch Wikitext Image Links|Back to Image Links]]
----
==Images and Text==
====Exercises====
<div style="border:10px solid lightgreen; padding:5px; ">
[[File:Ireland Map.gif|200px|left]]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. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin ac finibus odio. Nulla efficitur lorem odio, vitae commodo lacus rhoncus in. Nullam imperdiet dui ligula. Nulla varius congue urna, egestas molestie turpis tincidunt vitae.
<div style="clear:both"></div>
Here is the coding:
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Map.gif|200px|left]]</nowiki></div>
 
----
[[File:Ireland Map.gif|200px|thumb]]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. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin ac finibus odio. Nulla efficitur lorem odio, vitae commodo lacus rhoncus in. Nullam imperdiet dui ligula. Nulla varius congue urna, egestas molestie turpis tincidunt vitae.
<div style="clear:both"></div>
Here is the coding:
<div style="background-color:wheat; padding:10px; width:97%; font-size:10pt; font-family:Courier New"><nowiki>[[File:Ireland Map.gif|200px|thumb]]</nowiki></div></div>
 
====Quick Quiz====
<div style="border:10px solid lightgray; padding:5px; ">
*To float the text to the right of an image, you need to:
::B. Place <font color="red"> |left</font color> in the image code.
*To float the text to the left side of an image, you can only use <font color="red">|right</font color> coding
::A. False.
</div>
[[FamilySearch Wikitext Images and Text|Back to Images and Text]]
 
----
----


Line 435: Line 222:
::B. False
::B. False
</div>
</div>
[[FamilySearch Wikitext Paragraphs|Back to Paragraph Page]]
[[Help:Wiki University HTML-- Paragraphs|Back to Paragraph Page]]


==Changing Fonts==
==Changing Fonts==
Interface administrators, smwadministrator, smwcurator, smweditor
82,369

edits