HTML Basics

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: <a href=”http://www2.fairmontstate.edu”>fsc</a> or <a href=mailto:youremail.com> Your email.com</a>	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	Peanut butter Chocolate Chips Butter
<ul><li>Peanut butter<li>Chocolate Chips<li>Butter</ul>	Unordered List <ul></ul> - makes a bulleted list of elements	Peanut butter Chocolate Chips Butter
<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.	Hello Hello Hello Hello Hello Hello