Other Basic Features

In this beginner section there are several features of HTML that I feel do not fall into a specific section, these can be found here.

Links to a part of a page

Say you want to link to a specific part of your website this piece of coding will be helpful. The coding consists of two parts, a link, and a location script, the link code is exactly the same as any other link (<a href="link.html##partofpage">), as you can see there is a # and then a location on the page, this states that the link goes to a page, and then a part on that page. To define each part of the page you wish to link to you use <a name="partofpage">. Below is an example link:
CLICK HERE

HTML Comments

When you start to produce more and more complex HTML coding you will start to require some ways of explaining what some parts of your coding does e.g. MAIN PAGE, NAVIGATION BAR, etc, in the HTML language there is a simple was of doing this, you just put: <!--MAIN PAGE-->, this means you can explain which parts of your page are which, without showing it on your website, you just change the MAIN PAGE with whatever explination you want.

Lists

To create a list is a simple procedure, just follow these steps:

1. Type in <ul>
2. Type in <li>
3. Type in whatever you wish to be in the bullet point
4. Type in </li>
5. If required repeat steps 2 - 4
6. If you want to further indent type <ul> again
7. When finished with the bullet points type </ul> to finish the list off

Remember that if you increase the indentation you will need 1 </ul> to stop the indentation. Below is an example code:
<ul>
<li>HI</li>
<li>HOW</li>
<ul>
<li>ARE</li>
<ul>
<li>YOU</li>
</ul>
<li>?</li>
</ul>
</ul>
This will produce:

• HI
• HOW
  • ARE
    • YOU
  • ?

If you want to use a numbered list, just replace <ul>, with <ol>, and </ul> with </ol>

Break Lines

There is an easy way to place a line on your webpage to split the page up. It is a simple tag, just a <hr>, this produces:

---

You can of course edit some setting of the line, for example, you can edit the width of the line, by adding width="100" to the tags e.g. <hr width="100">. You can also change the size of the line, by adding size="7", this is also be added to the tag like the width option. There is the option of making the line a solid color, this just means adding noshade to the <hr> tag. Finally, you can change the colour of the line by adding color="ff0000" to the <hr> tag, changing ff0000 with whatever colour code you want.
Below is an example code: <hr width="100" size="70" noshade color="00ff00"> This produces:

---

FOR SOME REASON THE 'SIZE="70"' DOES NOT WORK IN MSN SPACES.

Making A Link Open In A New Window

To open a link in a new window requires just a little editing to the link code. This is useful when linking to an external website, so users can still have your page active while viewing another website. To do this just add target="_blank" to the <a href="link.html"> tag e.g. <a href="link.html" target="_blank">, this produces a link like: CLICK HERE

Adding A Marquee

PLEASE NOTE MARQUEE'S DO NOT WORK WITH MSN SPACES
For those of you who dont know what a marquee is, it is this:
IT IS THIS!!!
Fantastic isnt it?!?, well not really, but can be useful for getting a users attention. To get this effect requires you to surround your text you wish to scroll accross the screen with the tags <marquee> and </marquee> e.g. The marquee above uses the code: <marquee>IT IS THIS!!!</marquee>. There are also functions you can add to this script, these are, editing the width of the marquee e.g.width="100", editing the amount of times the marquee will be displayed (looped), by using the code, loop="5", and finally you can edit the background colour with the code: bgcolor="00ff00". An example of using these variables are:
<marquee width="100" bgcolor="00ff00" loop="5">EXAMPLE MARQUEE</marquee>, this produces:
EXAMPLE MARQUEE

E-Mail Link

If you want to create a link to your e-mail (this works by the users Internet Explorer opening their E-Mail program to allow the user to send you an e-mail) then you can create a link as normal, but aim the link to mailto:keepthechange123@hotmail.co.uk" e.g. <a href="mailto:keepthechange123@hotmail.co.uk">EMAIL ME</a>. You can add additional options e.g. editing the subject of the e-mail, by adding ?subject=email to the e-mail link e.g. <a href="mailto:keepthechange123@hotmail.co.uk?subject=email">EMAIL ME</a>

---

TOP OF PAGE

MAIN PAGE

SIGN GUESTBOOK

VIEW WEB PAGE

© RIC-KEEPTHECHANGE123