keith.kg » HTML http://keith.kg Keith Greer Web Development & Design Mon, 16 Aug 2010 15:35:16 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 HTML Anchor http://keith.kg/html/2009/10/html-anchor/ http://keith.kg/html/2009/10/html-anchor/#comments Sun, 18 Oct 2009 21:30:15 +0000 Keith Greer http://keithgreer.eu/blog/?p=43 The Anchor has two important functions in HTML. First it is the main method for interlinking HTML documents and non-HTML media using the href attribute. It can also be used to jump to a location within a HTML document using the id attribute.

?View Code HTML
1

<a href="http://www.bbc.co.uk">BBC Online</a>

BBC Online

The hash # symbol can be used to jump to any element with an ID attribute. The link below will jump to to the top of the current page, which has an attribute id=”header”.

?View Code HTML
1

<a href="#header">Jump to Page Header</a>

Jump to Page Header

Related Posts

]]> http://keith.kg/html/2009/10/html-anchor/feed/ 0 HTML iFrames http://keith.kg/html/2009/10/html-iframes/ http://keith.kg/html/2009/10/html-iframes/#comments Fri, 02 Oct 2009 15:36:00 +0000 Keith Greer http://keithgreer.eu/blog/?p=9 An iFrame is a HTML element which allows a HTML document to be embedded within another. It can be useful for including external content in your webpage without having it coded in your page.

It’s worth noting that iFrames are distinct from standard Frames which are actually a special kind of HTML page consisting of several external documents. Unlike a standard frame, an iFrame is embedded within the page, just like an image…

frameset-vs-iframes

As the page is scrolled the iFrame will move up and down along with the rest of the page content. However, the contents of the iFrame is completely independent from the surrounding page and will not in itself be effected by it. iFrames are very easy to construct….

<iframe src="page.html" width="200px" height="300px">
    This text will appear if the user’s browser doesn’t support the use of iFrames.
</iframe>
Basically all you need are the contained document (src), width and height. Of course the standard HTML attributes: id, class, title, style can be used to modify it. There are also some specific attributes to the iFrame tag:
  • scrolling – This may be set to any of three setting: “on” – scrollbars appear, “off” – scrollbars never appear, and “auto” – the default scrollbars appear as they are needed.
  • marginwidth, marginheight – This can be used to set the distance between the frame border and the frame’s contents.

Sorted.

Web Design Coleraine

Related Posts

]]> http://keith.kg/html/2009/10/html-iframes/feed/ 0 rel=”nofollow” http://keith.kg/html/2009/03/linkrel-nofollow/ http://keith.kg/html/2009/03/linkrel-nofollow/#comments Fri, 27 Mar 2009 23:05:05 +0000 Keith Greer http://keithgreer.eu/blog/?p=62 The nofollow attribute is used to stop search engines using links to affect the ranking of pages in an index. The idea was originally developed by Google as a way to stop links being use to artificially inflating the ranking of a specific page.

?View Code HTML
1

&lt;a rel="nofollow" href="http://www.spamsite.com/"&gt;discount drugs&lt;/a&gt;

Most search engines will follow the links but exclude them from their ranking calculations (Goole, Yahoo). Others leave the link without following it or using the links (MSN). Some search engines still don’t recognise the attribute (Ask) and use the link like any other.

The most common use of nofollow is on blogs where spammers can often post comments which contain links to various websites. Nofollow should be used when a link is unknown, when the editor cannot vouch for its authenticity. This is the case when a third party leaves a comment on a website.

Related Posts

]]> http://keith.kg/html/2009/03/linkrel-nofollow/feed/ 0