You are on page 1of 2

Paragraph break tag

Northwestern University A paragraph break, <P> puts a single blank line between paragraphs. The <p>

Course Management System tag can be used alone at the end of a paragraph or as a pair. If you use it as a pair,
you can include the align=left/center/right modifier in the beginning tag to control
placement. For example: the html below would create a right-aligned paragraph.

Basic HTML <P ALIGN=”right”>


Fourscore and seven years ago, our founding father set
forth upon this continent a new nation </P>

Bulleted or numbered point tag


What is HTML? Bulleted points can be added by using the <UL>…</UL> tag and numbered points
The acronym HTML stands for HyperText Mark-up Language. HTML is used
can be added using the <OL>…</OL> tag. The text needs to be placed between
to structure text and multimedia documents for deliver on the web and to set up the <LI>…</LI> tag and the <LI>…</LI> tag need to be placed between the
hypertext links between documents on the web. A single piece of HTML code bulleted or numbered points tag. For example:
is called a “tag”. <UL>
<LI>bullet number 1</LI>
What are tags? <LI>bullet number 2</LI>
HTML tags contain the HTML instructions that are placed within pointed </UL>
brackets (“<” and “>”).
Tags usually come in pairs and an end tag always includes the forward slash This would create bulleted points as below:
(“/”). For example, the italic tags look like this: <i> . . . </i> and the
bold tags look like this: <b> . . . </b> • bullet number 1
Tags will format the text placed within the tag pair according to the instruction • bullet number 2
placed within the pointed brackets.
Formatting Text
Example of HTML tags Text can be formatted using font tag:
The letter “U” gives an instruction to create underlined text . The pair of HTML <FONT FACE=”fontstyle” COLOR=”fontcolor” SIZE=”fontsize”>
tags to create underlined text looks like this: Insert text here.
</FONT>
<U>This text will be underlined.</U>
The font tag requires that you use at least one of the modifiers (FACE, COLOR or
The <U> tag means “start underline here.” The end tag, </U>, means “end SIZE), but you do not need to use all of them.
underline here.” This is how the text will appear:
The FACE modifier can be set to any font, but the person viewing the page must
This text will be underlined. also have that font installed on his or her computer. For that reason, it is best to
stick to common fonts like Times New Roman, Arial, or Courier New.
Common HTML tags
The COLOR modifier will recognize basic colors, including black, white, grey,
Formatting Paragraph red, blue, yellow, green, purple, orange, cyan, magenta etc.

Line break tag The SIZE modifier does not refer to typical font point sizes. In HTML fonts can be
The line break, <BR> tag is used to create a new line for the text entered after sizes 1 through 7. The default font size is 3.
the line break tag. A line break does not insert a blank line between paragraphs. Default font is the default font setting that the browser will display the text. The
default font setting can be changed by the user and the font size is relative to this
setting.
For example, one user set his browser’s default font to 12-point Arial and
another user set his browser’s default font to 10-point Times. The HTML tag Creating HTML with Other Tools
<font size=3> will create 12-point Arial on the former and 10-point Times
on the latter. It is possible to use Web authoring tools to generate the HTML codes. There are many
applications you could use for this purpose. Some of the most popular are:
You can use plus or minus signs to indicate sizes relative to the default.
For example: the html below would text that is two steps larger than the default Word Processors
font size. Some contemporary word processors such as Microsoft Word, Corel WordPerfect,
Apple AppleWorks, and Sun StarOffice have the ability to convert your word
<FONT SIZE=”+2”>Bigger, better, faster!</FONT> processing document to a web page coded in HTML. However, the conversion
from a word processing document to an HTML web page is often far from perfect,
Creating Links especially for documents with complex formatting.

Links are created using the anchor tag: <A HREF=”URL”>Text</A> WYSIWYG (What You See is What You Get)
where URL is the Web address and Text is the text that will become the link. Some of the most popular softwares in this category are Macromedia
For example: the html below will take the words “CMS” and turn them into a Dreamweaver, Adobe GoLive, NetObjects Fusion, and Microsoft FrontPage.
link that will direct the user to the CMS website. These web-authoring tools offer you an authoring environment tailored
specifically to create web pages. The web page created may appear different
<A HREF=”http://courses.northwestern.edu”>CMS</A> depending on which browser the audience is using.

The TARGET modifier can be added to the anchor tag to instruct the browser to HTML Editors
open the link in the desired window. For example: the html below will open the Applications like BareBones Software’s BBEdit and Allaire HomeSite provide an
Course Management System website in a new window. editing environment for HTML documents. HTML editors usually have a
“preview” mode that allows you to switch between viewing the raw HTML codes
<A HREF=”http://courses.northwestern.edu” target=”_blank”> and previewing how these codes will look in your browser. These products will
Course Management System </A> help you write HTML faster and easier, but they presume you already have
knowledge about HTML.
Using HTML in Course Management System (CMS)
When adding or cutting and pasting HTML into the text field in a CMS posting, the
default setting “Smart Text” should display your HTML accurately. If it does not, For more information, please see the Course Management System help & support site
please select the HTML option beneath the text box as shown below: located at http://course-management.northwestern.edu.

Support personnel can also be reached by email at


course-management@northwestern.edu or telephone at (847) 491-4044

Academic Technologies NU Library 2East


1970 Campus Drive Evanston, IL 60208
Phone: (847)491-4044
E-mail:
course-management@northwestern.edu

By default, CMS will format text to 12-point, left-justified Arial.