Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

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:

<HR SIZE=5 WIDTH="80%" ALIGN=CENTER>
<HR SIZE=4 WIDTH="60%" ALIGN=CENTER>
<HR SIZE=3 WIDTH="40%" ALIGN=CENTER>


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




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.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2020 All Rights Reserved
Privacy and Legal