Web Templates
Web Templates  
Design Tutorials  
Link to Us  
Templates Resource - Web Templates
 
 
 

  Sign UpPassword
Templates Resource Services Support Specials Members View Cart
 
  Photoshop Tutorials
  HTML Tutorials
  ASP Tutorials
  CSS Tutorials
  Javascript Tutorials
  PHP Tutorials
  XML Tutorials
  Flash Tutorials
  Fireworks Tutorials
  3D Studio Max Tutorials
  Cinema 4d Tutorials
  Graphics
  Website Tools
  Web Templates
  About Templates Resource
  Affiliates Program
  TR Support
  Webmaster Resources
 Columbia Tech Support

WebDesignHelper.co.uk


HTML Tutorials: Iframes

You can use iframe to fit a whole lot of content in one little space. They are often used in text heavy areas like news feeds and content areas of a site.

Have you ever wondered how to make inset frames (iframes) like the news section on Spoono's main page? Well it's pretty simple. All you have to do is know how to use the <iframe> tag. Using iframes gives you all the benefits of frames and very few of the downsides.

Here is the code to make the following iframe:

<iframe src="sample.html" name="myiframe" scrolling="auto" width="250" height="200" frameborder="0">Type error message for Netscape 4 and older browsers here.</iframe>



As you can see, the src attribute tells the iframe what web page to display inside the iframe. The name attribute isn't always necessary, but can be used if you have links outside the iframe that make changes to the content inside the iframe. The auto scrolling is always good to use. The height, width, and frameborder are self-explanatory. Make sure you don't forget them. The message that appears inside of the <iframe> tag is only viewable to archaic browsers, such as Netscape 4 which do not support iframes.

There you go, have some fun with it.

 

 
Tutorials: HTML

Level

 

HTML Tutorials


Step By Step
Beginner to Advanced

 

HTML Tutorial
A step by step tutorial on HTML starting with the basics including common tags, fonts, text, links, images, and lists.
The advanced portion of this tutorials covers popular items such as forms, tables, frames, counters, guestbooks and more.


Beginner

 

Backgrounds: Tutorial
Learn how to effectively add backgrounds to your page that make your page look professional or amateur.


Intermediate

 

Imagemaps: Tutorial
Make one image into various clickable regions using only HTML


Advanced

 

Embedding Fonts: Tutorial
Learn how to use uncommon fonts in web pages by embedding them.


Intermediate

 

Images: Tutorial
Positioning images can make your images look just right when inserted into text.


Intermediate

 

Form Effects: Tutorial
Learn how to create trendy forms with simple style commands as well as with CSS classes.


Advanced

 

Layers: Tutorial
Layers can make complicated image placement possible.


Advanced

 

Forms: Tutorial
Use forms to gather information from your users.


Beginner

 

Links: Tutorial
Making links in HTML is the easiest thing you will ever do.


Advanced

 

Frames: Tutorial
Learn how to create frames that enable you to create navigation systems on your site.


Advanced

 

Scrollbars: Tutorial
Learn how to add effects to your scrollbars and add flavor to your page.


Intermediate

 

Hide From Print: Tutorial
Learn how to only allow a visitor to print part of your page using CSS.


Advanced

 

SSI: Tutorial
Learning how to do SSI will save you a lot of authoring time.


Beginner

 

Horizontal Line: Tutorial
The horizontal line serves as a great separator tool.


Intermediate

 

Table Styles: Tutorial
Learn how to add various table styles such as dash or dot borders, and many other things.


Advanced

 

Iframes: Tutorial
Iframes can organize your website into clean sections.


Intermediate

 

Tables: Tutorial
Organize your web page layouts with tables.


Beginner

 

216 Web Safe Color Chart: Tutorial
The 216-color color-safe palette refers to colors (RGB values) that will appear the same on either IE or Netscape and Windows or Mac platforms.


Intermediate

 

Pantone RGB/Hex/HTML Colors: Tutorial
This table contains all pantone colors converted to RGB and Hex. It displays them all in HTML colors.

More Tutorials

Templates Resource FAQ Services Terms of Use Site Map Support View Cart

© Copyright 2003-2007 Templates Resource