WELCOME TO MY SITE. THIS SITE HAS BEEN CREATED BY MD RIAZ & IS FOR TRAIL ONLY. THANK YOU.

Step 5: ADD MORE EFFECTS TO TEXT AND YOUR WEB PAGE

ADD HORIZONTAL LINE

If you want to add a horizontal line in your web page, then you have to use <hr> tag. Its a non-container tag, so you don't need to close it.

Attributes of <hr> tag:

Width:- Assign value in pixel or percentage.
Size:- Assign value in pixel or percentage.
Align:- Assign value ( left, center, right ) to specify the alignment of horizontal line.
Color:- Give color to Horizontal line
noshade:- This attribute specifies that horizontal line should be displayed without shaded.
Style:- You can use this attribute to give dotted or solid border of any color to it.

Different types of horizontal line with their codes

ADD MARQUEE EFFECT

By using <marquee> tag you can make text, photos, horizontal line and many more things scroll horizontally or vertically automatically.

Attributes of <marquee> tag:-

Scrollamount:- Scrollamount attribute defines the value by which the content withing <marquee> tag should move.
Direction:- Direction attribute defines the direction in which the content should move. ( right, left, up and down)

There are many more.

Try using these examples and modify it according to your needs:

<marquee scrollamount="12" direction="right">You are learning Web Designing</marquee>

<marquee scrollamount="2" direction="left">You are learning Web designing</marquee>

<marquee behavior="alternate" width="600" height="100">You are learning Web designing</marquee>

<marquee behavior="scroll">You are learning Web Designing</marquee>

<marquee behavior="slide">You are learning Web Designing</marquee>

<marquee direction="up">You are learning Web designing</marquee>

<marquee direction="down">You are learning Web designing</marquee>

<marquee bgcolor="yellow" vspace="50" hspace="50"> You are learning Web designing</marquee>

Here "vspace" means "vertical space" and "hspace" means "horizontal space". Assigning value to these attributes will leave space vertically and horizontally.

<marquee scrollamount="20" loop="2"> you are learning web designing</marquee>

Tips

You can also add <marquee> tag before <hr> tag to make it scroll in any direction.
You can use <marquee> tag for creating sliding images.

ADD SUBSCRIPT, SUPERSCRIPT AND STRIKE

SUBSCRIPT AND SUPERSCRIPT:

Use and tags to give subscript and superscript affect to any text or number. Generally, these tags are helpful while creating Science subject (mathematics, physics, chemistry, etc) related web pages.

STRIKE:

This tag ( <strike> ) will display a line through the middle of the text.

NOW GET READY TO EXPERIMENT

I should now stop here because this article has already reached more than 5 thousand words and if I keep writing then this article will no longer be called as "How-To-Design web pages using basic HTML" but may get a tag of "Basic Web Designing Manual". But, you now know almost very much of the basic HTML. Just Go and keep experimenting and exploring with your existing knowledge!

Happy Web Designing!!