Here is the HTMLed Toolbar.
To start, open the File and select either New to start
a new document or Open to modify an existing file.
For now, select New from the File menu. Now a Untitle window should appear.
Every document should have the following:
A HTML Marker to denote the beginning the start and end of the document.
They are denoted as <HTML> and </HTML> respectively. You can
type in
these yourself or go to the Element menu and select Mark as
HTML from the menu. There is only one HTML marker per page.
A Header marker to denote the beginning of a heading on the page. The
heading will display the information inside the heading on the top of
your WWW browser. The start and end of a Header are denoted as <HEAD>
and
</HEAD> respectively. This is also in the Element menu, but
select Mark as HEAD instead. The is only one Head marker per page
A title. This usually goes inside the header. The title labels you HTML
documents. The start and end of a title are denoted as <Title> and
</Title> respectively. The title is located in the Element
menu under Title . There is only one Title heading per page.
A Body. This is the main part of a HTML document. The body is where all
the information goes. The start and end of the body are denoted as
>BODY< and >/BODY<. This is located in the Element
menu under Mark as BODY . There is only one body marking per page.
Here is a very simple code:
<HTML>
<HEAD>
<TITLE> HTMLed Tutorial Example #1
</TITLE>
</HEAD>
<BODY>
Here is what the associated HTML code looks like.
</BODY>
</HTML>:
Here is what the code looks like under a WWW browser.
You can even change the size of the font as well. By using the code <FONT SIZE= #> where the number symbol is replaced with a number from 1 to 10, the size of the font can be changed. Here is an example of the associated code that will accomplish this:
<HTML>
<HEAD>
<TITLE> HTML Text Modifications
</TITLE>
</HEAD>
<BODY>
This is normal sized text.
<FONT SIZE=2>
This is font size 2
</FONT>
<FONT SIZE=4>
This is font size 4
</FONT>
<FONT SIZE=10>
This is font size 10
</FONT>
</BODY>
</HTML>
HERE
is what the accociated code looks like when viewed.
Text enhancements such as BOLD and Italics can be supported. These are located in the Style menu. Here is another example.
<HTML>
<HEAD>
<TITLE> Text Enhancements
</TITLE>
</HEAD>
<BODY>
<B> Here is some text using the bold feature.
</B>
<I> Here is some text using the italics feature.
</I>
<B>
<FONT SIZE=5> Here the text is both enlarged and bolded.
</FONT>
</B>
</BODY>
</HTML>
HERE is an example of this code.
The <P> button allows the user to create paragraphs in
their documents. It is under the Element menu. The
<HR> button allows the user to draw a
horizontal line across the screen. This is useful in separating parts of
the document. This is also under the Element menu under Hard
Rule
The <BR> button allows the user to create a
line break in their documents. This feature comes in handy when images
are involved. This is al;so under the Element menu and it is
under Line Break
Here is an example:
<HTML>
<HEAD>
<TITLE> Paragraphs and Horizontal Lines
</TITLE>
</HEAD>
<BODY>
Here is the first paragraph. Welcome to the Multimedia Teaching Strategies HTMLed Tutorial. I hope this will help you better understand how to create HTML documents. This is the second paragraph. There is no paragraph break. Now here is the horizontal line.
<P>
<HR>
Now here is the text with paragraph breaks:
<P> Here is the first paragraph. Welcome to the Multimedia Teaching Strategies HTMLed Tutorial. I hope this will help you better understand how to create HTML documents.
<P> This is the second paragraph. There is NOW a paragraph break. Now here is the horizontal line.
<HR>
</BODY>
</HTML>
HERE
is what is looks like when viewed.