UMM | Computing Services | Guides | Web Design

• Computing Services

UMCal Login Webmail Login UMM Digital Collecitons

• Guides

Dial up connection E-mail Network Maps PDFs Scanning Text Editors UM Cal Voicemail Web Browsing / Internet Web Design

• Web Design

HTML Tags Creating Department Pages Web Forms HTML Codes Relative/Absolute Links Redirects Creating Student Org Pages Server Side Includes Web Templates Template Guide

• Contact Computing Services

Help Desk: (320) 589-6391
Faculty Support: 589-6376

Help Desk

Computing Services Home

UMM Home > Computing Services > Guides > Web Design > Basic HTML Tags

Basic HTML Tags

Page structure:

<html>...</html>
     Placed at the beginning and end of the document, this tag tells the browser that the entire document is composed in HTML.

<head>...</head>
     Defines the head portion of the document that contains information about the document.

<title>...</title>
     Specifies the title of the document. The title generally appears in the top bar of the browser window.

<body>...</body>
     Defines the beginning and the end of the document body. The body contains the content of the document (The part that is displayed in the browser window).

Formatting:

<br>
Breaks the text and begins a new line, but does not add extra space as the <p> tag does.
Example without line break: Toast
Example with line break:
Toast

<p>...</p>
Denotes the beginning and end of a paragraph when used as a container.

Example with paragraph

<b>...</b>
     Enclosed text is rendered in bold.
Example

<i>...</i>
     Enclosed text is rendered in italics.
Example

<u>...</u>
     Enclosed text is rendered with an underline.
Example

<center>...</center>
     Centers the enclosed text and graphics on the page.
Example

<font size=+2>...</font>
     Enclosed text is larger or smaller than the default font.
Example

<font color=#000000>...</font>
     Enclosed text is colored (use hexidecimal or word for the color [aka #000000 or black])
Example

<hr>
     Adds a horizontal rule to the page.
Example:

<li>
list element
<ul>...</ul>
Enclosed list elements have bullets.

Example

<ol>...</ol>
Enclosed list elements are numbered.

Example

<h1> through <h6>
Specifies that the enclosed text is a heading. There are six different sizes of headings.

Example

<table>...</table>
The opening and closing tag for defining a table.

<td>...</td>
Within a <table> tag, it defines a table data cell.

<tr>...</tr>
Within a <table> tag, it defines a new table row.

Example data cell

<blink>...</blink>
Enclosed text is rendered blinking.
Example

Links:

<img src="file_name">
displays a graphic file
Example:

<a href="link_address">http://example webpage</a>
Enclosed text becomes a hyperlink.
Example