Help:Wiki University HTML-- Introduction

Elements
The material you see on a page is a series of elements such as text, pictures, tables, etc. They will appear on the page by default in the order you entered them. In order to control how they will appear on a page that is different than how your browser displayed them we have to put these elements between tags.

Tags
Let's talk about "tags" for a moment. Here is the coding required to create a size one header in HTML. Header One
 * The purpose of a "tag" is to alert your browser, google, firefox, safari, etc what you are going to install an element such as text or a picture and when you have finished the installation.
 * Tags to begin a process are called an "opening tag." For example if you were going to create a header you would enter a header opening tag:
 * To tell the browser you are finished with a process you would enter a "closing tag" and for a header you would enter: . Notice the forward slash added to the closing header tag.

In the above example, it will be the words Header One that will be seen by the patron, not the tags. It is the tag that tells the browser where to place the header and in this case tells the browser how large the font should be. Just remember, that it is between the tags we enter the information that will be seen by the patron. It is in the tags that we control how this information is formatted and what our patrons see on the pages of the Wiki.

Second monitor is handy

 * If possible we recommend that you have a second monitor for your computer. This will allow you to have two pages up at the same time.  This is very handy when editing.
 * 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