Hur Man Skapar En Sida Inom En Sida

Innehållsförteckning:

Hur Man Skapar En Sida Inom En Sida
Hur Man Skapar En Sida Inom En Sida

Video: Hur Man Skapar En Sida Inom En Sida

Video: Hur Man Skapar En Sida Inom En Sida
Video: Skapa länkar på en sida 2024, April
Anonim

Hypertext Markup Language (HTML) ger möjlighet att dela en sida i flera fönster - "ramar". Var och en av ramarna kan ha sin egen internetkälla att visa. Denna mekanism kan användas för att infoga sidor från andra webbplatser till sidor från din webbplats.

Hur man skapar en sida på en sida
Hur man skapar en sida på en sida

Det är nödvändigt

Anteckningsblock för textredigerare

Instruktioner

Steg 1

HTML-koden på en sida är en uppsättning instruktioner för webbläsaren som berättar var på sidan vart och ett av dess element ska visas och hur det ska se ut. Dessa instruktioner kallas "taggar" och för att skapa en sida som innehåller en eller flera andra måste du skriva rätt uppsättning taggar. Vi börjar med taggarna som skapar en behållare för alla ramar på sidan:

Det här är containerns öppnings- och stängningstaggar - taggarna som bildar ramarna måste placeras mellan dem. I HTML har taggar "attribut" - de innehåller ytterligare information om sidelementets egenskaper, vars visning anger denna tagg. I behållarens öppningstagg måste du ange ett attribut som innehåller information om hur webbläsaren ska dela upp sidutrymmet mellan dess ramar:

Attributet "cols" i detta kodexempel anger att sidan ska delas vertikalt i två ramar, med den vänstra som tar upp 20% av fönstrets bredd och den högra 80%. Om du istället för attributet "cols" anger attributet "rader" delas sidan upp horisontellt:

I stället för ett nummer kan du skriva en asterisk (*):

Detta kommer att innebära att den andra ramen kommer att få allt återstående utrymme. Ramstorlekar kan anges inte i procent, men i måttenheter som oftast används i sidlayout - i "pixlar":

Steg 2

HTML-taggen för själva ramen, som måste placeras i behållaren, skrivs enligt följande: Attributet "src" för taggen "ram" innehåller adressen till webbsidan som webbläsaren ska ladda in i den här ramen. En adress som skrivs på detta sätt kallas "absolut" - den börjar med https:// -protokollet. Men om det här är en sida på din egen webbplats och den ligger i samma (eller undermapp) mapp behöver du inte ange den absoluta adressen, det är bara filnamnet och sökvägen till undermappen som räcker. En sådan adress kommer att kallas "relativ": - Gränser mellan ramar på sidan kan som standard flyttas med musen. Den här funktionen inaktiveras av attributet noresize: - Det finns två attribut som bestämmer storleken på marginalerna mellan ramarna - marginalhöjd ställer in den vertikala marginalen (övre och nedre) och marginalbredden - horisontellt (höger och vänster): - Använd ett annat attribut - "rullning" - du kan berätta för webbläsaren reglerna för ramens rullningslister: "auto" -värdet anger att rullningslisterna ska visas efter behov, det vill säga när innehållet inte passar in i ramen. Om du ställer in värdet på "ja", kommer den här ramen alltid att ha rullstaplar, och värdet "nej", tvärtom, förhindrar visning av rullstaplar - Om sidorna i behållaren fungerar med JavaScript-skript som utför operationer i intilliggande ramar kan det vara nödvändigt att skilja ramar efter namn. Attributet som innehåller ramens namn heter namn:

Steg 3

Dessa HTML-definitioner räcker för att skapa en enkel sida från flera sidor från andra webbplatser. För att göra detta behöver du vilken textredigerare som helst, till exempel en vanlig anteckningsbok. I det skapar du ett nytt dokument och skriver dessa html-taggar:

Spara sedan den här koden med ett htm- eller html-tillägg - till exempel test.html. Allt är klart, om du öppnar detta dokument med en webbläsare kommer resultatet att se ut så här:

Tvåramssida
Tvåramssida

Steg 4

Det finns en annan typ av ram - "flytande". Den kan placeras på en vanlig sida och inte delas in i ramar. En sådan ram har ytterligare bredd- och höjdattribut som definierar dess dimensioner. Koden för den här taggen kan se ut så här:

Rekommenderad: