Help:Wiki University HTML-- Misc

Misc Stuff
The following is some misc items you might find useful and helpful in your editing of Wiki articles. They are not in any order of importance. Some you might use often and others maybe never. Feel free to add to this page if you have an item you think might make editing in the Wiki easier.

Google maps
Google maps are external links. Implant the URL of the address between single square brackets as normal with a space then the whatever label you want to use for Google maps. Example: Google map to Family History Library Salt Lake City, Utah  [https://www.google.com/maps/place/Family+History+  Library/@40.7701968,-111.8944993,15z/data=!3m1!5   s0x8752f507bc1d3425:0xcac55179e9f08ee8!4m2! 3m1!1s0x8752f507bbf8ff95:0x85fe85e1775a0db1  ?hl=en Google map to Family History Library Salt Lake City, Utah]

Tooltips
Tooltips are the little box that appears when you move your mouse over a link and if coded over an image. for example:


 * They are also created when you flank a word or phrase with the abbr attribute as follows: FHC

FHC
 * NOTICE the dotted line under a word or phase is an indication that has a tooltip attached.
 * Very useful when initials or an acronym is used for instead of spelling out the whole name.
 * Tooltip also appears when you put your mouse if there is a name put on a external or internal link.

PAGENAME
When creating "breadcrumb trails" you can use instead of typing in the last item which would be the page you are on. PAGENAME automatically inserts the name of the page you are on in the space where PAGENAME template appears. Be sure to use only capital letters.

Horizontal lines
Sometimes a horizontal line is useful when separating sections of an article as you see on this page. They are created by typing four dashes in a row. A horizontal line will appear going across the entire page.

Control F
If you are looking for a word or phrase, etc on a page, you can have the browser look for you. Just press Ctrl and the F key. A little box will appear in the upper right hand corner. Type in what you are looking for and the browser will find it and mark them for you. Very handy when looking for things on very long pages of code.

Key board shortcuts
Instead of dragging your cursor over areas you want to highlight to copy, etc, try these keyboard tricks. For a very useful list of other keyboard shortcuts see list

Nowiki
If you do not want a bit of code to execute and want to show the actual code in your article, you will need to surround the code with opening and closing and  tags. Here is an example:



FamilyHistory Centers
 * And you will then be able to show the actual code in the article:
 * Family History Centers

Noinclude
If you want a code to execute but not show the result in your article, surround your coding with opening and closing and tags. Here is an example: 
 * This is useful if you want to categorize an article but do not want the category to show at the bottom of the page.

Circles, Squares, Triangles, etc
To create these and other shapes see this website: How to create shapes in CSS

Styles for lists
To have other than bullet points for lists and nested lists here is code for roman numerals:    Item one  Item two  Item three   <li style="list-style-type:upper-roman"> Item one</li> <li style="list-style-type:upper-roman"> Item two</li> <li style="list-style-type:upper-roman"> Item three</li> </ul>
 * For a complete list of various list-style-types: click here>

Try these out
<div style="border-top:10px solid lightgray; border-left:10px solid lightgray; border-right:10px solid lightgray; "> Quick Quiz
 * If I want to copy the name of the article someplace in the article, you would use NAMESPACE
 * A. True
 * B. False


 * To recover something you may have deleted accidentally, you would hit the control key and the D key.
 * A. True
 * B. False


 * To search for a word in an article, you would hit the control key and the S key.
 * A. True
 * B. False


 * To highlight an entire page, you would bit the Control and W key
 * A. True
 * B. False


 * If you want exhibit code in an article, you would use opening and closing noinclude tags.
 * A. True
 * B. False

<div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px; ">Check your answers