Part 10: Horizontal Rules and Email Links

RSS Newsfeed
for your site

DW News
Calendar
DW Forum

Right click on button and copy shortcut

Reminder

Remember to book mark this site!

HTML stands for HyperText Markup Language

Part 10: Horizontal Rules and Email Links

1. Use of the Horizontal Rule: Horizontal Rules are pretty simple! They are a separating lines that are used to separate parts of a page. The code for a horizontal rule is <hr>. The <hr> code has attributes

size="4"--use any number to decide how fat the rule is
width="50%" decides how long the rule is. This can be percent or pixel numbers.
Align="right"-- used only when using a width, can be right, left, or center

Put the following code into your document, Right before your picture and after <div align="left"> So I can make cool web pages</div>
here is the code:

2. Email Links: The last thing we are going to learn is email links. As with all links, we use an anchor for this. The link is prefaced with the words: mailto: where there is no space between mailto: and the email address.

<A HREF="mailto:xyz@xyz.net">Click Here To Email Me</A>

My email address would link like the following

<A HREF="mailto:porshiana@porshiana.com">Click Here To Email Porshiana</A>

Put this at the very bottom of your page after your lists.

3. Other Tweaks in the page:

Also move that bold <b> command to right after the body tag so our links show up better.And put a <p> tag after your developing webs link, and sound sample link

Here is how it should look now

<html> <head> <title> </title> </head> <body background="http://www.porshiana.com/water.jpg" LINK="#ffff00" vlink="#000000"><b> <a name="top"> <embed src="http://www.porshiana.com/sample.mid" volume="30%" hidden="false" autostart="true loop="true" height="100"></a> </a> <p> <A HREF="#ul">Reasons I like HTML</A><p> <A HREF="#ol">HTML I have learned</A> <font color="#ffffff"> <h1 align="center"> My very first html page</h1> <font size="6"><b>Welcome to my html page <br> <center> where I am showing my html skills</center> <p align="right"> <font size="4"> I want to learn eveything I can about html</p> <div align="left"> So I can make cool web pages</div> <HR SIZE=5 WIDTH="80%" ALIGN=CENTER> <HR SIZE=4 WIDTH="60%" ALIGN=CENTER> <HR SIZE=3 WIDTH="40%" ALIGN=CENTER> <a href="http://www.porshiana.com"><img src="http://www.porshiana.com/waterimage.jpg" align="right" height="300"> </a> If I learn how to use a image editor like adobe photoshop or jasc paint shop pro, I will be able to create pictures like these too. Then I could design entire pages. Knowing html and having an image editor are the basic requirements for web developement. I hope you enjoy my very first html page</b> <p> <a href="http://www.developingwebs.net">Developing webs</a> <p> <a href="http://www.porshiana.com/sample.mid">This is a sample sound link</a> <P> <a name="ul">Reasons I like Html</a> <ul> <li> I can make my pages as I want them</li> <li> Once I learn html, the other languages come easily</li> <li> Even if I use an html editor, I can now adjust aspects of the page</li> <li> I can look at other peoples html code to learn how to do neat things</li> </ul> <a name="ol"> Things I have learned</a><ol> <li> Html base code</li> <li>How to align text</li> <li>Font attributes</li> <li>Inserting images</li> <li>Image attributes</li> <li> Creating links</li> <li> Sound attributes</li> <li>Making lists</li> </ol> <A HREF="#top">Take Me To The Top</A> <p> <A HREF="mailto:porshiana@porshiana.com">Click Here To Email Porshiana</A> </font> </body> </html>

Save your html code, and view your page.

Congratulations!!! You now know some HTML! The best way to learn is to use it, so start from scratch, and make your own html page!

Once you have the HTML basics down pat Feel free to move on to the tables tutorial.