Skip navigation, view page content
Carmen Login | Carmen Info | Request Help

HTML Editor: HTML Cheat Sheet

HTML is used to create webpages that can include text, graphics, video, audio, or special characters such as mathematical symbols.

In the HTML Mode of the built-in HTML Editor, you can markup content using HTML. The information below offers a basic overview of HTML tags and their functions. (Many HTML resources are available online if you wish to learn more.)

Attention If you aren't familiar with HTML, you can use the Design Mode of the HTML Editor to create and format content. See HTML Editor: Basic for information.

Text and Paragraph Formatting

Tag

Description

Example

What it looks like online

<i></i>

Italicizes text

This is <i>italic</i> text.

This is italic text.

<b></b>

Bolds text

This text is <b>bold</b>.

This text is bold.

<u></u>

Underlines text

This text is <u>underlined
</u>.

This text is underlined.

<sub> </sub>

Text is subscripted

H<sub>2</sub>O

H2O

<sup> </sup>

Text is superscripted

x<sup>2</sup>

x2

<br>

Inserts a line break

The quick <br>
brown fox <br>
jumped <br>
over the <br>
lazy dog

The quick
brown fox
jumped
over the
lazy dog

<hr>

Inserts a horizontal line

Here is a horizontal line:
<hr>

Here is a horizontal line:


Links and Graphics

Tag

Description

Example

What it looks like online

<a href=
"URL">
LINK TEXT
</a>

Format text as a hyperlink, linking to an outside web page

Visit  <a href=
"http://www.osu.edu">
the OSU website
</a>

Click here to open the OSU web page

<a href=
"URL#
anchor">
LINK TEXT
</a>

Format text as a hyperlink, linking to a section on a web page.  Uses an anchor to link to the section.

<a href=
"http://www.osu.edu#
news">

(same as above)

<a name=
"anchor">
</a>

Creates an anchor, used with the <a href> tag.

<a name="syllabus">
<a>

Syllabus (Anchors do not change the way information is displayed)

<a href=
"mailto:">
LINK TEXT
</a>

Creates a link to send an email to someone

Email<a href=
"mailto:
name.n@osu.edu">
name.n@osu.edu
</a>

Click here to send me mail!

<embed src="URL">

Inserts an object (like a video clip) into a page

<embed src=
"http://video.mpg"> or
<embed src="volcano.mov" width=160 height=136 autoplay=false controller=true loop=false> </embed>

Multimedia clip would be shown (doesn't translate well into paper format)

<img src=
"filename/ URL">

Inserts a graphic.  Graphic can be on the current site or from a separate site (may need to look at source code)

<img src="information.gif">
or
<img src=
"http://www.osu.edu/
graphics/telrtitle.jpg">

Attention

<img src=
"file or URL" ALT=
"text if picture is not displayed">

Displays text if the image can not be displayed, also presents pop-up box with text if picture is displayed

<img src ="information.gif"
alt="Attention">

Attention

Special Characters

Code

Description

What it looks like online

&lt;

Less than

<

&gt; Greater than <
&amp; Ampersand &
&quot; Quote "
&copy; Copyright ©
&nbsp; Non-breaking space Allows you to put in more than one space at a time