Att skapa ett HTML-dokument baserat på en ramstruktur är ganska enkelt. Denna sida kommer att visas i form av dialogrutor, som var och en laddar ett separat dokument.
Det är nödvändigt
- - textredigerare;
- - webbläsare.
Instruktioner
Steg 1
Dokumentinramningen innebär att varje sida består av separata regioner, som alla visar en enda HTML-fil. Så öppna först en textredigerare som anteckningsblock och skapa dokumentets kropp med taggarna BODY och / BODY.
Steg 2
Ett ramdokument bifogas mellan två taggar FRAMESET och / FRAMESET. Det är här en typ av tabell kommer att placeras, i vilken kolumn du kan ladda upp ett separat dokument. Med de två egenskaperna COLS och ROWS kan du ställa in storleken på kolumnen och linjen i pixlar eller i procent av storleken på webbläsarfönstret (om du anger en asterisk istället för siffror, kommer hela webbläsarens lediga utrymme användas).
Steg 3
För att dekorera strukturen, använd följande egenskaper: 1) - varje ram har en tredimensionell ram; 2) - det kommer inte att finnas någon ram; 3) FRAMESPACING - avståndet mellan intilliggande ramar i pixlar; 4) RAM - / RAM - definiera innehållet i en enskild ram: a) SRC - HTML-fil med ramens innehåll; b) MARGINHEIGHT, MARGINWIDTH - ställa in den vertikala och horisontella förskjutningen från ramramarna i pixlar; c) NORESIZE - användaren kan inte ändra storlek på ramen; d) SCROLLING - oavsett om det är nödvändigt (YES) eller inte (NO) att skapa rullningsfält för att visa ramen, skapar AUTO-värdet dem endast om det behövs.
Steg 4
När du har skapat ramstrukturen skapar du länkar till de dokument som kommer att laddas i tabellen enligt följande princip: FRAME SRC = "*. Htm" (ersätt symbolen * med namnet på ditt dokument).
Steg 5
Internet Explorer har förmågan att skapa oberoende ramar i HTML-dokument. Detta innebär effektivt att webbläsarfönstret kan öppnas var som helst i HTML-dokumentet, dvs. starta webbläsaren i webbläsaren. Denna teknik kallas flytande ramar. IFRAME-elementet erbjuder flytande ramfunktioner. Texten flödar runt ramen och inställningen av justeringsalternativen är ungefär densamma som att använda samma alternativ för IMG-elementet. För att skapa en flytande ram, skriv följande kod: IFRAME NAME = "FLOATING" HEIGHT = "300" (ramens höjd kan ändras) WIDTH = "300" (ramens bredd kan också ställas in på en annan) SRC = "*. HTM" / IFRAME
Steg 6
Och det sista du ska göra är att spara textdokumentet med *.html-tillägget och sedan starta det med hjälp av webbläsaren.