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
  1. Peanut butter
  2. Chocolate Chips
  3. 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