Difference between revisions of "Help:Wiki University Wikitext--Links"

From FamilySearch Wiki
Jump to navigation Jump to search
m (→‎Linking to Headers: add example)
 
(35 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{Wikitext School}}{{Wikitext Tutorial Sidebar}}
+
<div style="display:grid; grid-template-columns:10% 10% 20% 20% 20% 20%">
<div style="float:right; width:79%; margin-top:-60px">
+
<!--------------row 1-------------------------->
<table style="width:100%">
+
<!--tool bar--------------------------------------------------->
<tr>
+
{{Wikitext School}}
<td style="font-size:14pt; font-family:arial;">[[Help:Wiki University Wikitext--Nesting Lists|<< Previous Chapter]]</td>
+
<!----------------row 2---------------------------->
<td style="font-size:14pt; font-family:arial; text-align:right;">[[Help:Wiki University Wikitext--Broken Links|Next Chapter >>]]</td></tr>
+
<!-------------------menu-------------------------------->
</table>
+
<div style="grid-column:1/3; background-color:#FFEDCC; box-shadow:1px 1px 5px #888888">{{Wikitext Tutorial Sidebar}}</div>
----
+
<!-----------------------main------------------------>
 +
<!-------------------------------chapters top row---------------------------------->
 +
<div style="grid-column:3/8; padding-left:0.5em">
 +
<!-------------------------------chapters top row---------------------------------->
 +
<div style="display:flex; justify-content:space-between; padding:10px; margin-bottom:-1em">
 +
<div style="font-size:1.3em">[[Help:Wiki University Wikitext--Lists|<< Previous Chapter]]</div>
 +
<div style="text-align:right"><span style="background-color:orange; padding:5px; font-size:1.3em">[[Help:Wiki University Wikitext--Broken Links|Next Chapter >>]]</span></div>
 +
</div>
 +
<div style="margin-left:0.5em">
 +
<!-----------------------main material below this line-------------------------------------------->
 +
==Importance of Links==
 +
<p>Linking through hyperlinks is an important feature of the wiki.
 +
External links help the user find relevant resources in the
 +
external World Wide Web and Internal links help bind FamilySearch wiki
 +
into an interconnected whole.</p>
 
==Two Kinds of Links  ==
 
==Two Kinds of Links  ==
 
<p>There are two kinds of links in the Wiki: External and Internal.   
 
<p>There are two kinds of links in the Wiki: External and Internal.   
Line 15: Line 29:
 
[[File:External-links.jpg|200px|right]]
 
[[File:External-links.jpg|200px|right]]
 
External links are created by placing the URL <ref>URL means Uniform Resource Identifier and is the generic term to identify web sites on the Internet</ref> of the link inside of one set of opening and closing square brackets with a space separating the URL and the name you want to give the link:
 
External links are created by placing the URL <ref>URL means Uniform Resource Identifier and is the generic term to identify web sites on the Internet</ref> of the link inside of one set of opening and closing square brackets with a space separating the URL and the name you want to give the link:
<div style="clear:both;"></div>
+
 
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><p style="color:blue"><nowiki>[https://www.wikipedia.org Wikipedia]</nowiki></div><br>
+
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:70%; font-size:10pt; font-family:Courier New"><p style="color:blue"><nowiki>[https://www.wikipedia.org Wikipedia]</nowiki></div><br>
*<font color="blue"><b>NOTICE</b></font color> one square bracket on either side of the link.
+
*<font color="blue"><b>NOTICE</b></font color> '''one square bracket''' on either side of the link.
*<font color="blue"><b>NOTICE</b></font color> space between <font color="red">org</font color> and <font color="red">Wikipedia</font color>.
+
*<font color="blue"><b>NOTICE</b></font color> '''space''' between <font color="red">org</font color> and <font color="red">Wikipedia</font color>.
 +
*<font color="blue"><b>NOTICE</b></font color> all external links '''must contain a name'''.
 +
*<font color="blue"><b>NOTICE</b></font color> the '''little box to the right with the small arrow''' point upwards. That little box tells you that the link is an external link.
 +
 
  
 
<p>This is how the external link looks on the page:</p>
 
<p>This is how the external link looks on the page:</p>
 
[https://www.wikipedia.org Wikipedia]
 
[https://www.wikipedia.org Wikipedia]
*<font color="blue"><b>NOTICE</b></font color> the little box to the right with the small arrow point upwards. That little box tells you that the link is an external link.
+
 
 
{|
 
{|
 
|-
 
|-
 
|  
 
|  
 
[[Image:Html7.jpg|100px|Html7.jpg]]  
 
[[Image:Html7.jpg|100px|Html7.jpg]]  
| style="vertical-align:top" |  
+
| style="vertical-align:top" |
All links whether internal or external are blue.  If you put your mouse over the link an underline will appear as well.  If the link is red or black something is wrong, which we will cover in the next chapter.
+
All links whether internal or external are blue.  If you put your mouse over the link an underline will appear as well.  If the link is red or black something is wrong, which we will cover in the next chapter.<br>
 +
Be advised that the '''FamilySearch''' website is considered an external link and would be coded accordingly, in this manner: <font color="blue"><nowiki>[https://familysearch.org FamilySearch]</nowiki></font color>
 
|}
 
|}
  
Line 34: Line 52:
 
[[File:Internal linking.gif|200px|right]]
 
[[File:Internal linking.gif|200px|right]]
 
*Internal Links are created with '''double''' square brackets on either side of the page name in FamilySearch Wiki separated by a pipe from the name we want to give the link like so:
 
*Internal Links are created with '''double''' square brackets on either side of the page name in FamilySearch Wiki separated by a pipe from the name we want to give the link like so:
<div style="clear:both"></div>
+
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:70%; font-size:10pt; font-family:Courier New"><p style="color:blue"><nowiki>[[Missouri, United States Genealogy|Missouri]]</nowiki></p></div><br>
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><p style="color:blue"><nowiki>[[Missouri, United States Genealogy|Missouri]]</nowiki></p></div><br>
+
*<font color="blue"><b>NOTICE</b></font color> '''double square brackets''' on either end of the link.
*<font color="blue"><b>NOTICE</b></font color> the double square brackets on either end of the link.
+
*<font color="blue"><b>NOTICE</b></font color> '''pipe''' separating the page name and the name of the link.
*<font color="blue"><b>NOTICE</b></font color> the pipe separating the page name and the name of the link. <font color="red">''A pipe is required not a space''</font>.
+
*<font color="blue"><b>NOTICE</b></font color> internal links '''do not require a name'''. The name defaults to the page title, however, you can change the name to one that you feel is shorter or more appropriate using the pipe separator.
{{tip|You do not need to give a name to an internal link in FamilySearch Wiki if you think the page name itself is okay. You can simply use <nowiki>[[Missouri, United States Genealogy]]</nowiki>.  Either form will get you to the page "Missouri, United States Genealogy"}}<br><br>
+
*<font color="blue"><b>NOTICE</b></font color> there is '''no little box with an arrow''' to the right of it. When you place your mouse over the word, the text turns blue and a line appears under the word.  This lets you know it is an internal link.
<p>This is how the internal link appears on the page. When you place your mouse over the word, the text turns blue and a line appears under the word.  This lets you know it is an internal link.</p>
+
 
 +
 
 +
<p>This is how the internal link appears on the page:  </p>
 
[[Missouri, United States Genealogy|Missouri]]
 
[[Missouri, United States Genealogy|Missouri]]
*<font color="blue"><b>NOTICE</b></font color> there is no little box with an arrow to the right of it.
 
  
 
==Linking to Headers==
 
==Linking to Headers==
You can link directly to a section of a page. If you want to link only to ''Featured Content'' on the Missouri Genealogy Page, for example, type a pound sign after the page name followed by the name of the section header:
+
You can link directly to a section of a page. If you want to link only to ''Additional Resources'' section on the Missouri, United States Genealogy page, for example, type a pound sign after the page name followed by the name of the section header:
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><p style="color:blue; "><nowiki>[[Missouri Genealogy#Featured Content]]</nowiki></p></div><br>
+
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:70%; font-size:10pt; font-family:Courier New"><p style="color:blue; "><nowiki>[[Missouri Genealogy#Additional Resources]]</nowiki></p></div><br>
*<font color="blue"><b>NOTICE</b></font color> the pound sign (#) between the page name and the name of the section.
+
*<font color="blue"><b>NOTICE</b></font color> there is '''no spaces''' when adding the pound sign (#) between the page name and the name of the section.
 
<p>This is how it appears on a page: </p>
 
<p>This is how it appears on a page: </p>
 
[[Missouri Genealogy#Additional Resources]]
 
[[Missouri Genealogy#Additional Resources]]
 +
<br><br>
 +
*You can find examples of linking to headers in the Reference sections of many Research Wiki pages.  Check out [[Adams County, Wisconsin Genealogy#References|Adam's county references]] for an example.
  
 
==E-mail links==
 
==E-mail links==
Links to e-mail site is coded as follows;
+
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><font color="blue"><nowiki>[mailto:</nowiki></font color>other site@browser.com Site Name<font color="blue">]</font color></div>
+
One can request more information about a topic by sending an e-mail to a specific website. We can link to the e-mail address at that website using the following format:
*<font color="blue"><b>NOTICE</b></font color> the "mailto:" inside single square brackets used in external links.
+
 +
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:70%; font-size:10pt; font-family:Courier New"><font color="blue"><nowiki>[mailto:</nowiki></font color>Sitename@Domain User-defined-Name<font color="blue">]</font color></div>
 +
 +
*<font color="blue"><b>NOTICE</b></font color> the ''mailto:'' coding is an external link (inside of ''single square brackets'' with a ''space'' separating the link from the name).<br>
 +
*<font color="blue"><b>NOTICE</b></font color> the ''Sitename@Domain'' is equivalent to an e-mail address like ''john.doe@familysearch.org''.<br>
 +
*<font color="blue"><b>NOTICE</b></font color> the ''User-defined-name'' is just a name one desires to ''display''.<br><br>
 +
 
 +
Here is an '''example''' of what a link might look like in the Wiki:  <br>
 +
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:70%; font-size:10pt; font-family:Courier New"><font color="blue"><nowiki>Email: [mailto:mhs1832@nktelco.net mhs1832@nktelco.net]</nowiki></font color></font color></div>
 +
 
 +
The [https://www.familysearch.org/wiki/en/FamilySearch_Wiki:Manual_of_Style#Repositories_-_Contact_Information Wiki Manual of Style] shows us how it should be displayed and the Wiki [[Ohio Societies#Historical Societies|Ohio Societies]] page provides an illustration.
  
 
==Try these out==
 
==Try these out==
Line 65: Line 96:
 
*Create a link to Kentucky Genealogy in the Wiki
 
*Create a link to Kentucky Genealogy in the Wiki
 
*Create a link to California Genealogy in the Wiki
 
*Create a link to California Genealogy in the Wiki
*Create a link to the section "Research Tools" on the Nevada Genealogy page.
+
*Create a link to the section "Additional Resources" on the Missouri Genealogy page.
*Create a link to the section "Topics" on the Glamorganshire page.
+
*Create a link to the section "Topics" on the Glamorgan page.
 
*Create a link to Ancestry.com
 
*Create a link to Ancestry.com
*Create a link to HTML and Wikitext - Lesson One in the wiki.
 
 
</div>
 
</div>
 
<div style="background-color:lightgreen; width:100%; height:35px; padding-top:10px; ">
 
<div style="background-color:lightgreen; width:100%; height:35px; padding-top:10px; ">
Line 94: Line 124:
 
</div>
 
</div>
 
<div style="background-color:lightgray; width:100%; height:35px; padding-top:10px; ">
 
<div style="background-color:lightgray; width:100%; height:35px; padding-top:10px; ">
<div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px; ">[[Help:Wiki University Wikitext--Tutorial Answers# Links|Check your answers ]]</div>
+
<div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px; ">[[Help:Wiki University Wikitext--Tutorial Answers#Links|Check your answers ]]</div>
 +
</div>
 
</div>
 
</div>
 +
<!---------------------------------end of material------------------------------------------->
 
</div>
 
</div>
<table style="width:100%; ">
+
<!-------------------------------chapters bottom---------------------------------------------------->
<tr><td>
+
<div style="clear:both"></div>
<div style="font-size:14pt; font-family:arial; ">[[Help:Wiki University Wikitext--Nesting Lists|<< Previous Chapter]] </div>
+
<div style="display:flex; justify-content:space-between; padding:10px">
</td>
+
<div style="font-size:1.3em">[[Help:Wiki University Wikitext--Lists|<< Previous Chapter]]</div>
<td>
+
<div style="text-align:right"><span style="background-color:orange; padding:5px; font-size:1.3em">[[Help:Wiki_University_Wikitext--Broken_Links|Next Chapter >>]]</span></div></div>
<div style="font-size:14pt; font-family:arial; text-align:right; ">[[Help:Wiki University Wikitext--Broken Links|Next Chapter >>]] </div>
+
 
</td></tr>
 
</table>
 
 
{{reflist}}
 
{{reflist}}
 
</div>
 
</div>
 
__NOTOC__
 
__NOTOC__
[[Category:Wikitext Lessons]]
+
[[Category:Wiki Lessons]]

Latest revision as of 15:20, 5 February 2021

Lessons


Intermediate


Advanced


Other Coding Options


Additional Helps

Importance of Links[edit | edit source]

Linking through hyperlinks is an important feature of the wiki. External links help the user find relevant resources in the external World Wide Web and Internal links help bind FamilySearch wiki into an interconnected whole.

Two Kinds of Links[edit | edit source]

There are two kinds of links in the Wiki: External and Internal.

  • External links are to sites outside of FamilySearch Wiki.
  • Internal links are to pages inside of FamilySearch Wiki.

External Links[edit | edit source]

External-links.jpg

External links are created by placing the URL [1] of the link inside of one set of opening and closing square brackets with a space separating the URL and the name you want to give the link:

[https://www.wikipedia.org Wikipedia]


  • NOTICE one square bracket on either side of the link.
  • NOTICE space between org and Wikipedia.
  • NOTICE all external links must contain a name.
  • NOTICE the little box to the right with the small arrow point upwards. That little box tells you that the link is an external link.


This is how the external link looks on the page:

Wikipedia

Html7.jpg

All links whether internal or external are blue. If you put your mouse over the link an underline will appear as well. If the link is red or black something is wrong, which we will cover in the next chapter.
Be advised that the FamilySearch website is considered an external link and would be coded accordingly, in this manner: [https://familysearch.org FamilySearch]

Internal Links[edit | edit source]

Internal linking.gif
  • Internal Links are created with double square brackets on either side of the page name in FamilySearch Wiki separated by a pipe from the name we want to give the link like so:

[[Missouri, United States Genealogy|Missouri]]


  • NOTICE double square brackets on either end of the link.
  • NOTICE pipe separating the page name and the name of the link.
  • NOTICE internal links do not require a name. The name defaults to the page title, however, you can change the name to one that you feel is shorter or more appropriate using the pipe separator.
  • NOTICE there is no little box with an arrow to the right of it. When you place your mouse over the word, the text turns blue and a line appears under the word. This lets you know it is an internal link.


This is how the internal link appears on the page:

Missouri

Linking to Headers[edit | edit source]

You can link directly to a section of a page. If you want to link only to Additional Resources section on the Missouri, United States Genealogy page, for example, type a pound sign after the page name followed by the name of the section header:

[[Missouri Genealogy#Additional Resources]]


  • NOTICE there is no spaces when adding the pound sign (#) between the page name and the name of the section.

This is how it appears on a page:

Missouri, United States Genealogy

  • You can find examples of linking to headers in the Reference sections of many Research Wiki pages. Check out Adam's county references for an example.

E-mail links[edit | edit source]

One can request more information about a topic by sending an e-mail to a specific website. We can link to the e-mail address at that website using the following format:

[mailto:Sitename@Domain User-defined-Name]
  • NOTICE the mailto: coding is an external link (inside of single square brackets with a space separating the link from the name).
  • NOTICE the Sitename@Domain is equivalent to an e-mail address like john.doe@familysearch.org.
  • NOTICE the User-defined-name is just a name one desires to display.

Here is an example of what a link might look like in the Wiki:

Email: [mailto:mhs1832@nktelco.net mhs1832@nktelco.net]

The Wiki Manual of Style shows us how it should be displayed and the Wiki Ohio Societies page provides an illustration.

Try these out[edit | edit source]

Tests.gif
Exercises
  • Create a link to Wikipedia
  • Create a link to FamilySearch.org
  • Create a link to Kentucky Genealogy in the Wiki
  • Create a link to California Genealogy in the Wiki
  • Create a link to the section "Additional Resources" on the Missouri Genealogy page.
  • Create a link to the section "Topics" on the Glamorgan page.
  • Create a link to Ancestry.com


Quick Quiz
  • How many square brackets for Internal Links?
A. One
B. Two
  • How many square brackets are necessary for external links?
A. One
B. Two
  • How do you separate the name of an Internal link from the page name?
A. Put a space between them.
B. Put a pipe between them.
  • How do you link to a section of a page?
A. Put a pipe between the page name and the section.
B. Put a pound sign between the page name and the section.


  1. URL means Uniform Resource Identifier and is the generic term to identify web sites on the Internet