Help:Wiki University HTML-- Introduction

Elements

 * On a typical page in the Wiki, you will see text, pictures, tables, lists, etc. We call these items elements.  Quit frankly, unless you tell your browser what element you are putting on a page, it does not know what you are doing.
 * In addition, these elements will appear, by default, on the page in the order you entered them.
 * Now if you want to change the order or add some character to the elements, you will have to use tags.

What are Tags?
 Header One
 * The purpose of a "tag" is to alert your browser, Google, Firefox, Safari, etc when you are going to install a particular type of element such as a header.
 * Tags usually come in pairs, an "opening tag" and a "closing tag."
 * It is between the opening and closing tags we place our elements, such as text, pictures, etc.
 * To enter a header,for example, we use the follow code:
 * NOTICE the closing tag has a / after the <. This is how the browser knows you are finished with installing a header.

Do patrons see tags?

 * In the above example, it will be the words "Header One" that will be seen by the patron, not the tags.
 * It is the location of the tag on the page that tells the browser where to place the header and in this case it also tells the browser how large the font should be.
 * Just remember, that it is between the tags we enter the elements that will be seen by the patron.
 * It is in the tag coding that we control how this information is placed and formatted.

Second monitor is handy

 * As you proceed with these lessons, if possible, we recommend that you have a second monitor for your computer. However, they are NOT REQUIRED.  This is only a recommendation.
 * A second monitor, you will find makes editing much easier because you can display two pages at the same time.
 * If you have a laptop computer, they usually can handle a second monitor.
 * Used monitors can be purchased for very reasonable prices at computer repair shops if you don't want to purchase a new one.

Splitting your screen

 * If a second monitor is not possible, we recommend your learn how to split your screen so you can display two pages at the same time.
 * To do so on a PC, after you have a page up on your monitor, click on the little square box next to the x in the red box at the top right corner of your page to reduce the size of the image. If you have a mac, it may be in a different place.
 * Next put your cursor on one edge of this uploaded page and drag left or right so it only takes up half of the screen.
 * Then go to FamilySearch Wiki and upload another page. Do the same to this page, reducing the size and place it to the side of the other page.
 * You may have to adjust the images by dragging their edges so they don't over lap.
 * Now you have two pages side by side on your screen. We will show how this will be helpful to you.

Spliting your screen for homework

 * By splitting your screen with your sandbox page on one side and the lesson on the other, you can follow the steps outlined on the page without having to click back and forth between tabs.

Try these out
 Quick Quiz
 * Where are square brackets used?


 * A. In templates
 * B. In placing sidebars
 * C. Used in links
 * D. All of the above


 * Where are pipes used?


 * A. Used in div tags
 * B. Internal links
 * C. Opening tags
 * D. None of the above


 * What is &lt;&gt; used for?


 * A. Links
 * B. Templates
 * C. Div tags
 * D. All of the above

Check your answers