Web: Quick Guide to HTML Moodle ISU


Introduction

HTML is a markup language for structuring web page content.

Write Common Codes

There are many tags to define the structure of HTML. These four tags are required to make an HTML document:

This example has the minimum amount of tags required to create a HTML document.

Below is an example of some common tags and what they look like in the browser.  

To learn more about HTML, see http://w3schools.com/html/default.asp

example.jpg

If you are interested in styling HTML documents (such as changing colors, backgrounds, size, font, etc), take a look at the Cascading Style Sheet tutorial found here: http://w3schools.com/css/default.asp

HTML Tag Samples (with text):

 Resulting Text (as viewed in a browser):

<strong>Bold</strong>

 Bold

<em>Italic</em>

Italic

<h1>Header1</h1>

Header 1

<h4>Header4</h4>

Header 4

<p>Paragraph break</p>

Paragraph break

Line break <br/>New Item

Line break

New Item

Use the anchor tag to create a <a href=“http://www.isu.edu”>link</a> to another location, such as the ISU homepage

Use the anchor tag to create a link to another location, such as the ISU homepage

An image tag. <img scr=“bug.jpg />

An image tag

An Unordered List:

<ul>

<li>Item</li>

  • Item

<li>Item</li>

  • Item

</ul>

An Ordered List:

<ol>

<li>Item one</li>

1.   Item one

<li>Item two</li>

2.   Item two

<ol>

For more information, contact the ITRC - (208) 282-5880 or email itrc@isu.edu                   


This work was done by Instructional Technology Resource Center at Idaho State University and is licensed under the Creative Commons Unported License. To view a copy of this license, visit Attribution Noncommercial 3.0 United States or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.