Skeletorscorpse - HTML/CSS

you are here: Home

HTML/CSS

HTML & CSS Tutorials

HTML Basics

Saturday, 20 May 2006

Anchors allow you to specify a place on a page that you can link to, to move the page to that point without needing to scroll down. This is very handy on pages that are very long with a lot of content.

Back to Top links

Just below the <body> tag add this code:

This adds an anchor at the top of the page.

To create a link to the top of the page you need to use this code:

Page sections

You can also use anchors on main sections of your site.

Such as:

<a name="section 1" id="section1"></a>Section 1

To get to this section you need to add a link elsewhere on your page.

<a xhref="http://skeletorscorpse.com/joomla/#section1">Go to Section 1</a>

Anchor point on another page

You can also link to another section on a completely different page.

Add the anchor to the a page then in a different page add a link like this:

<a xhref="page5a.html#section1">Go to Section 1 on Page 5a</a>

Typical META tags

HTML Basics

Saturday, 20 May 2006

Meta tags are on the out these days but some search engines still use them.

Here is a list of the more important meta tags:

Description
Keywords
Copyright
Revisit-After
Robots
Audience
Author

Description

Keywords

Copyright

Revisit-After

Robots

Author

Linking an external CSS to your website

CSS Basics

Saturday, 20 May 2006

Intro

CSS = Cascading Style Sheet.

The support for CSS in all browsers is getting better and better.

How do I link an external CSS file?

Copy the CSS code from the <head> of your page and paste it in a new file with the extension .css

Put this in your <head> section instead of your CSS code.

When you use an external CSS file you don't need the <style> </style> tags within the file.

The href points to where the stylesheet is located.

The /> at the end makes it XHTML complient.

Why use external CSS?

If all your pages use the same styling it will allow quicker loading times of pages as the CSS code is loaded once rather than being loaded everytime a new page is loaded.