För att visa information från flera källor på en sida används HTML-siddelningsmekanismen ofta. Nedan följer en beskrivning av språkkonstruktioner för att infoga ramar.
Nödvändig
Grundläggande kunskaper om HTML
Instruktioner
Steg 1
HyperText Markup Language (HTML) har två typer av ramar. Flytande är mer flexibelt och lättare att infoga på en befintlig sida. Generellt ser konstruktionen som beskriver en fönsterram med en flytande ram ut så här: Här anges huvudsidan för en befintlig webbplats som datakälla för denna ram (src-attribut). Den öppnas i en ram på 400 x 300 pixlar, som anges i attributet bredd och höjd. Du kan också ange sidan på din webbplats i attributet src. I det här fallet räcker det att ange en relativ adress (det vill säga adressen i förhållande till den sida som ramen infogas i): I detta exempel anges inte ramens bredd och höjd, men det finns ett id attribut-identifierare. Med den kan du använda CSS () för att ställa in önskade mått för denna ram:
#frameOne {bredd: 700px; höjd: 200px;}
Steg 2
En annan typ av ramar - "klassisk" - kräver en separat sida som innehåller en beskrivning av ramstrukturen. Ramarna själva kommer att finnas på separata sidor, kanske till och med på separata webbplatser. HTML-koden för en sådan rambehållarsida kan se ut så här:
Det bör inte finnas några … och … block som krävs för vanliga sidor. I det här exemplet innehåller taggen för öppning av behållaren ett attribut för rader, vilket innebär att sidutrymmet ska delas vertikalt och toppen kommer att ges till den första ramen. Om du ersätter rader med kolar, kommer uppdelningen att vara horisontell. Värdet på detta attribut "*, *" indikerar att delade proportioner är lika - 50% vardera. Om du till exempel anger "20%, *", kommer endast 20% att ges till den första ramen och resten av utrymmet till den andra. Användaren kan ändra dessa proportioner genom att dra ramarna på ramarna med musen, men det är möjligt att inaktivera den här åtgärden. För att göra detta, lägg till attributet noresize i taggen för en viss ram. Du kan också ange storleken på de vertikala och horisontella indragna från intilliggande ram (attributen marginalbredd och marginalhöjd): Det är möjligt att ställa in regler för beteende för rullningslisterna för varje ram separat. För detta används rullningsattributet, som kan innehålla ett av tre fördefinierade värden. Om det anges anges rullningslister när ramens innehåll inte passar inom dess gränser. Om "ja" - ränder kommer att finnas hela tiden, oavsett behovet av dem. Om "nej" - betyder det att du inte tillåter rullningsfält för den här ramen.
Steg 3
Baserat på informationen i de två föregående stegen måste du utforma html-koden som är mer lämplig för att lösa ditt problem. Därefter återstår bara att infoga den i källkoden på sidan. För att göra detta kan du använda sidredigeraren för webbplatsens hanteringssystem - öppna önskad sida i den, växla till HTML-kodredigeringsläget och klistra in koden på önskad plats på sidan. Alternativt kan du ladda ner sidans källkodsfil av värdhanteringsfilhanteraren eller innehållshanteringssystemet, öppna den i en textredigerare och klistra in koden i den. Och ladda sedan upp den ändrade koden på samma sätt tillbaka till servern.
