Quick Guide to HTML Basics
This guide was designed to help with the formatting of syllabus’, course descriptions, outlines, etc. for WebCt documents. These are basic HTML codes that will allow you to easily format a document to be viewed over the internet. GOOD LUCK !!
| Code: | Name and what it Does: | What it looks like on the web: |
| <strong>HTML</strong> | Bold Text – Makes whatever it’s around BOLD | HTML |
| <em>HTML</em> | Emphasis Tag - Makes whatever it’s around ITALIC | HTML |
| <u>HTML</u> | Underlines whatever it’s around | HTML |
| <title></title> | Document Title – briefly describes document information | N/A |
| <br> |
Line Break – forces a line break in the online text flow Ex:When<br>breaks are<br>placed like<br>this,<br>your text<br>will<br>look<br>like this. |
When breaks are placed like this, your text will look like this. |
|
LINKS: |
The <a href=””>…..</a> tag links one web resource to another. You can link to another website, or a person’s email by using the tags to the left. | N/A |
| <hr size=”1”> | Horizontal Rule – draws a horizontal line across the page, by changing the size of the rule determines the thickness of the line. | N/A |
|
<p>This is paragraph #1. Info info info info. Info info info info info info</p> <p>This is paragraph #2. Info info info info. Info info info info info info </p> |
Paragraph – breaks up text into content blocks |
This is paragraph #1. Info info info info. Info info info info info info This is paragraph #2. Info info info info. Info info info info info info |
| One person had this to say: <blockquote>”A man who knows not how to write may think this is no great feat.”</blockquote> | Quote Style – Sets off long quotations or citations |
One person had this to say:
“A man who knows not how to write may think this is no great feat” |
| <center></center> | Center tag – Centers text placed between center tags in the document. | N/A |
|
LISTS: <ol><li>Peanut butter<li>Chocolate Chips<li>Butter</ol> |
Ordered List <ol></ol> – makes a numbered list of elements List item <li> - marks a member item within a list of any type |
|
| <ul><li>Peanut butter<li>Chocolate Chips<li>Butter</ul> | Unordered List <ul></ul> - makes a bulleted list of elements |
|
|
<H1>Hello</H1> <H2>Hello</H2> <H3>Hello</H3> <H4>Hello</H4> <H5>Hello</H5> <H6>Hello</H6> |
Headings – identifies first through sixth level headings, 1 being the largest size and 6 being the smallest. |
HelloHelloHelloHelloHelloHello |
