Help:Wiki University HTML-- Introduction

Symbols in HTML

 * Listed below are a couple of symbols you will see in the HTML code. Find them on your key pad.
 * &lt; &gt; - angle brackets. Used in tags such as div tags:
 * / - forward slash. Used in closing tags:
 * These other signs are used as well: colon : semi-colon ; and equal sign =

Tags
Let's talk about "tags" for a moment. A tag is a bit of coding between angle brackets such as. This is an opening tag for the creation of a header. Header One
 * Tags alert your browser, google, firefox, safari, etc what you are going to process next.
 * Whenever there is an opening tag, there has to be a closing tag, such as . The closing tag tells the browser you are done with whatever you were trying to process.
 * So for the creation of a header, size one, we enter:

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