HTML Tutorial

This is an intermediate web design tutorial focusing on such aspects of web authoring such as lists and bullets, blinking text and marquee.

Adding bullets and lists
Creating blinking text
Creating horizontal rules
The <marquee> element of IE

-Adding bullets and lists

HTML provides webmasters an easy way to create attractive bullets and lists for listing things. Before anything else, here's an example of both:

-Creating bullets

Bullets are created using the <ul> tag and the <li> sub tag for each individual bullet. Its best explained with an example:

<ul>
<li>Bullet 1
<li>Bullet 2
<li>Bullet 3
</ul>

-Creating lists

The syntax for (numbered) lists is very similar to bullets. Just substitute the <ul> tag with the <ol> tag:

<ol>
<li>List 1
<li>List 2
<li>List 3
</ol>

-Creating blinking text

The creators of HTML whipped up a special tag for use when you feel like annoying your surfers- the <blink> tag. Text wrapped inside this tag will blink:

<blink>This text is blinking. Quite irritating, don't you agree?</blink>

-Creating horizontal rules

Text can get quite cluttered inside a document; one way to separate the various chunks of text is to use the <hr> tag.

<hr width=100% size=2>

You can adjust the width and height of the rule by changing the width and size attribute, respectively.

-The <marquee> element of IE

Want to quickly and painlessly add a scroller to your page? In IE, a special <marquee> tag is supported that scrolls whatever text you put inside it. Note that this tag is ONLY supported in IE; other browsers will see the entire text, without scroll, from the start:

<marquee>If you're using IE, this text should be scrolling. Pretty cool, uh? Note that other browsers will see no scroll</marquee>