Början på varje ram markerar du med starttaggen <IFRAME> och slutar med </IFRAME>. Båda är obligatoriska. Mellan taggarna skriver du det innehåll som ska visas i www-klienter utan IFRAME stöd.
<IFRAME (attribut)>Alternativt innehåll</IFRAME>
Det alternativa innehållet behöver inte vara vanlig text utan kan innehålla nästan alla HTML-element, t ex stycken, tabeller eller listor. Då IFRAME infogar ett annat dokument är därför det bästa alternativa innehållet en vanlig länk till det dokument som IFRAME ska infoga. Till exempel:
<IFRAME (attribut)><A HREF="index.html">Min hemsida</A></IFRAME>
IFRAME kan ta en mängd olika attribut. Attributen skrivs i starttaggen.
Attribut i IFRAME
IFRAME kan ta följande attribut: ID, CLASS, STYLE, TITLE, NAME, LONGDESC, SRC, HEIGHT, WIDTH, SCROLLING, FRAMEBORDER, MARGINWIDTH, MARGINHEIGHT, ALIGN
SRC
(source) källa - hänvisar till det dokument som ska infogas. Värdet är den adress där ramens innehåll finns.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<TITLE>Exempel på IFRAME</TITLE>
<BODY>
<P>Så ser min egen hemsida ut
<IFRAME SRC="index.html">
<A HREF="index.html">Min hemsida</A>
</IFRAME>
</P>
</BODY>
</HTML>
Resultat:
Ramen visas i den standardstorlek som www-klienten bestämmer. I Internet Explorer 4.0 är standardstorleken ca 300 pixlar bred och 150 pixlar hög.
HEIGHT och WIDTH
med dessa attribut kan du ändra ramens standardstorlek. Värden kan uppges i pixlar och procent. Även om ramarna är små kan du utan större problem bläddra igenom innehållet med hjälp av rullningslister.
<TABLE BORDER>
<TR>
<TD>Här hittar du information om HTML</TD>
<TD><IFRAME SRC="html.html" WIDTH=100 HEIGHT=100>
<A HREF="html.html"> Info om HTML</A></IFRAME></TD>
<TR><TD>Här hittar du information om CSS</TD>
<TD><IFRAME SRC="css.html" WIDTH=100 HEIGHT=100>
<A HREF="css.html">Info om CSS</A></IFRAME></TD>
</TR></TABLE>
Resultat: 
SCROLLING
specificerar rullningslistinformation. Värdena är:
- auto - standardvärdet som inte behöver uppges och som förser ramen med en rullningslist om en sådan behövs.
- yes - ramen kommer alltid att ha en rullningslist.
- no - ramen kommer aldrig att ha en rullningslist. Om du uppger detta värde kan användaren bara se det som visas i ramen och kan inte bläddra igenom innehållet
FRAMEBORDER
ritar en ram runt den aktuella ramen. Värdena kan vara 1 eller 0. Värdet 0 ritar inga ramar. På så sätt kan du skapa FRAMES med osynliga ramar
MARGINWIDTH
justerar avstånd mellan ramens innehåll och dess högra och vänstra marginal. Värdet uppges i pixlar som måste vara större än 1.
MARGINHEIGHT
justerar avstånd mellan ramens innehåll och dess topp- och bottenmarginal. Värdet uppges i pixlar som måste vara större än 1.
Exempel
<P>
<IFRAME SRC="index.html" SCROLLING=no
FRAMEBORDER=0 WIDTH=100 HEIGHT=100 MARGINWIDTH=10 MARGINHEIGHT=10>
<A HREF="index.html">Min hemsida</A>
</IFRAME>
</P>
Resultat: 
NAME
namnger den aktuella ramen. Genom att namnge ramar kan du senare lätt hänvisa (target) till dem genom att uppge deras namn
LONGDESC
LONGDESC (long description) - för en längre beskrivning av ramens innehåll som kan användas av icke visuella www-klienter. Värdet hänvisar till en adress där sådan beskrivning finns
LONGDESC="rambeskrivning.html"
ID
Unik identifiering av specifik förekomst (instans) av ett element som gäller hela dokumentet. Genom att identifiera ett element kan man skapa en länk till det, skriva över stilinformation, referera till det från ett skript eller namnge ett deklarerat objekt. Det unika värdet kan bara tilldelas en enda förekomst av ett element.
ID=evp34
CLASS
Tilldelar en specifik förekomst (instans) av ett element eller grupp av element en klass eller grupp av klasser. Valfritt element kan tillhöra en klass. Klassade element kan tilldelas ett specifikt värde, t ex en unik stil
CLASS=eva
STYLE
Inline stilinformation för ett specifikt element. Ett stilspråk, t ex Cascading Style Sheets, används för att specificera denna stil.
STYLE="margin: 0"
TITLE
Elementets titel, det tilldelade värdet kan visas som ett meddelande när musen passerar över den som kan vara en bra informationskälla i icke visuella www-klienter.
TITLE="Ett ramat dokument"
ID och CLASS oftast används tillsammans med stilmallar. Du kan bara tilldela ID ett element men CLASS kan få vilket element som helst. Dessa två attribut låter dig deklarera unik still till de berörda elementen. Till exempel:
<HEAD>
<STYLE TYPE="text/css">
<!--
#evp34 {magin: 0}
.eva {margin: 0}
-->
</STYLE>
</HEAD>
Mer om stilmallar hittar du här
