HTML Frames Code
Voorbeeld HTML Frames Code:
Om frames in HTML, moet je drie of meer pagina's. Een pagina is de frameset-pagina, de andere pagina's zijn voor elke individuele frame. De volgende code is voor een frameset pagina. Let op de code te wijzen op twee andere pagina's - een voor het linker-frame, de andere voor de juiste frame.
De frameset-pagina:
<html>
<head>
<title> Frameset pagina <title>
</ Head>
<FRAMESET cols = "25%, *">
<noframes>
<body> Uw browser ondersteunt geen frames.
Daarom is dit de noframe versie van de site. </ Body>
</ Noframes>
<FRAME src ="/html/tutorial/frame_example_left.html" />
<FRAME src ="/html/tutorial/frame_example_right.html" />
</ Frameset>
</ Html>
Het linker frame (frame_example_left.html):
<html>
<body style="background-color:green">
<p> Dit is het linker frame (frame_example_left.html). </ p>
</ Body>
</ Html>
De juiste frame (frame_example_right.html):
<html>
<body style="background-color:yellow">
<p> Dit is het juiste frame (frame_example_right.html). </ p>
</ Body>
</ Html>
Bekijk het resultaat
Frame Sjablonen
De frameset tags bevatten andere tags genest binnen hen. Deze andere codes definiëren de huidige kaders die verschijnen in het document (het frameset-document).
U kunt gebruik maken van de volgende template als basis voor uw HTML-code frames. Gewoon Vul in of verwijder uneeded attributen.
Omdat HTML-frames-code is opgebouwd uit een aantal tags, wordt elke tag hier apart gepresenteerd.
1. De <frameset> Tag
Voor een uitleg van alle attributen, zie de HTML-tag frameset specificaties .
<Frameset
rijen = ""
cols = ""
class = ""
id = ""
title = ""
style = ""
onload = ""
onunload = "">
(De individuele frames gaan hier - zie hieronder)
</ Frameset>
2. De <frame> Tag
Deze tag definieert elk frame binnen de frameset.
Voor een uitleg van alle attributen, zie de HTML-tag kader specificaties .
<Kader
name = ""
longdesc = ""
src = ""
noresize = ""
scrolling = ""
frameborder = ""
marginwidth = ""
MARGINHEIGHT = ""
class = ""
id = ""
title = ""
style = "" />
3. De <noframes> Tag
Deze tag definieert wat om te laten zien als de browser ondersteunt geen frames.
Voor een uitleg van alle attributen, zie de HTML-tag noframes specificaties .
<Noframes
class = ""
id = ""
title = ""
style = ""
lang = ""
dir = ""
onclick = ""
ondbclick = ""
onmousedown = ""
onmouseup = ""
onmouseover = ""
onmousemove = ""
onmouseout = ""
onkeypress = ""
onkeydown = ""
onkeyup = "">
(Content weer te geven als browser ondersteunt geen frames)
</ Noframes>
<code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><font><font><font><font> </font></font></font></font><font><font><font><font> <cke:body> Uw browser ondersteunt geen frames. </font></font></font></font><font><font><font><font> Daarom is zegt de noframe versie van de website . </font><font class=""></ Body> </font></font></font></font><font><font><font><font class=""> </ noframes> </font></font></font></font><font><font><font><font class=""> <FRAME src ="/html/tutorial/frame_example_left.html" /> </font></font></font></font><font><font><font><font class=""> <FRAME src ="/html/tutorial/frame_example_right.html" /> </font></font></font></font><font><font><font><font class=""> </ FRAMESET> </font></font></font></font><font><font><font><font class=""> </ html></font></font></font></font> </code></pre> <p> <font><font><font><font>Het linker frame (frame_example_left.html):</font></font></font></font></p> <pre style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><font><font><font><font><cke:html> </font></font></font></font><font><font><font><font> <cke:body style="background-color:green"> </font></font></font></font><font><font><font><font> <p> DIT is Het linker frame (frame_example_left.html). </font><font></ P> </font></font></font></font><font><font><font><font> </ Body> </font></font></font></font><font><font><font><font> </ html></font></font></font></font> </code></pre> <p> <font><font><font><font>De juiste frame (frame_example_right.html):</font></font></font></font></p> <pre style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><font><font><font><font><cke:html> </font></font></font></font><font><font><font><font> <cke:body style="background-color:yellow"> </font></font></font></font><font><font><font><font> <p> DIT is Het juiste frame (frame_example_right.html). </font><font></ P> </font></font></font></font><font><font><font><font> </ Body> </font></font></font></font><font><font><font><font> </ html></font></font></font></font> </code></pre> </div> <p> <br><font><font> Frame Sjablonen</font></font></p> <p> <font><font><font><font>De frameset labels bevatten Andere labels Genest Binnen duivin. </font></font></font><font><font><font>This Andere codes definiëren de Huidige kaders sterven verschijnen in Het document (Het frameset-document).</font></font></font></font></p> <p> <font><font><font><font>U Kunt gebruik Maken van de Volgende template ALS basis VOOR Uw HTML-code frames. </font></font></font><font><font><font>Gewoon Vul in van verwijder uneeded attributen.</font></font></font></font></p> <p> <font><font><font><font>Omdat HTML-frames-code is Uit EEN-Aantal labels opgebouwd, wordt Elke tag hier apart gepresenteerd.</font></font></font></font></p> <h2 style="color: rgb(0, 0, 0); margin-bottom: 0px; font-size: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204); "> <font><font><font><font>1. </font></font></font><font><font><font>De <frameset> Tag</font></font></font></font></h2> <p> <font><font><font><font>VOOR EEN-Uitleg van Alle attributen, ZIE de </font></font></font></font><font style="color: rgb(102, 51, 0); background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; "><font><font><font>HTML-tag frameset specificaties </font></font></font></font><font><font><font><font> .</font></font></font></font></p> <div class="example-code" style="background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; "> <pre style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><font><font><font><font><Frameset </font></font></font></font><font><font><font><font> Rijen = "" </font></font></font></font><font><font><font><font> cols = "" </font></font></font></font><font><font><font><font> class = "" </font></font></font></font><font><font><font><font> id = "" </font></font></font></font><font><font><font><font> title = "" </font></font></font></font><font><font><font><font> style = "" </font></font></font></font><font><font><font><font> onload = "" </font></font></font></font><font><font><font><font> onunload = ""> </font></font></font></font> <font><font><font><font> (De Individuele frames Gaan hier - ZIE hieronder) </font></font></font></font> <font><font><font><font> </ FRAMESET></font></font></font></font> </code></pre> </div> <h2 style="color: rgb(0, 0, 0); margin-bottom: 0px; font-size: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204); "> <font><font><font><font>2. </font></font></font><font><font><font>De <frame> Tag</font></font></font></font></h2> <p> <font><font><font><font>This tag definieert elanden kader Binnen de frameset.</font></font></font></font></p> <p> <font><font><font><font>VOOR EEN-Uitleg van Alle attributen, ZIE de </font></font></font></font><font style="color: rgb(102, 51, 0); background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; "><font><font><font>HTML-tag Kader specificaties </font></font></font></font><font><font><font><font> .</font></font></font></font></p> <div class="example-code" style="background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; "> <pre style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><font><font><font><font><Kader </font></font></font></font><font><font><font><font> name = "" </font></font></font></font><font><font><font><font> longdesc = "" </font></font></font></font><font><font><font><font> src = "" </font></font></font></font><font><font><font><font> noresize = "" </font></font></font></font><font><font><font><font> scrolling = "" </font></font></font></font><font><font><font><font> frameborder = "" </font></font></font></font><font><font><font><font> marginwidth = "" </font></font></font></font><font><font><font><font> MARGINHEIGHT = "" </font></font></font></font><font><font><font><font> class = "" </font></font></font></font><font><font><font><font> id = "" </font></font></font></font><font><font><font><font> title = "" </font></font></font></font><font><font><font><font> style = "" /></font></font></font></font> </code></pre> </div> <h2 style="color: rgb(0, 0, 0); margin-bottom: 0px; font-size: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204); "> <font><font><font><font>3. </font></font></font><font><font><font>De <NOFRAMES> Tag</font></font></font></font></h2> <p> <font><font><font><font>This tag definieert wat OM te laten Zien ALS de browser ondersteunt geen frames.</font></font></font></font></p> <p> <font><font><font><font>VOOR EEN-Uitleg van Alle attributen, ZIE de </font></font></font></font><font style="color: rgb(102, 51, 0); background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; "><font><font><font>HTML-tag noframes specificaties </font></font></font></font><font><font><font><font> .</font></font></font></font></p> <div class="example-code" style="background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; "> <pre style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 0); font-size: 1.1em; "><font><font><font><font><Noframes </font></font></font></font><font><font><font><font> class = "" </font></font></font></font><font><font><font><font> id = "" </font></font></font></font><font><font><font><font> title = "" </font></font></font></font><font><font><font><font> style = "" </font></font></font></font><font><font><font><font> lang = "" </font></font></font></font><font><font><font><font> dir = "" </font></font></font></font><font><font><font><font> onclick = "" </font></font></font></font><font><font><font><font> ondbclick = "" </font></font></font></font><font><font><font><font> onmousedown = "" </font></font></font></font><font><font><font><font> onmouseup = "" </font></font></font></font><font><font><font><font> onMouseOver = "" </font></font></font></font><font><font><font><font> onmousemove = "" </font></font></font></font><font><font><font><font> onmouseout = "" </font></font></font></font><font><font><font><font> onkeypress = "" </font></font></font></font><font><font><font><font> onkeydown = "" </font></font></font></font><font><font><font><font> onkeyup = ""> </font></font></font></font> <font><font><font><font> (Content Weer te Geven ALS browser ondersteunt geen frames) </font></font></font></font> <font><font><font><font> </ noframes></font></font></font></font></code></pre> </div> <p> </p> </font></font></font></font></code>