Sådan Oprettes En Side Inden For En Side

Indholdsfortegnelse:

Sådan Oprettes En Side Inden For En Side
Sådan Oprettes En Side Inden For En Side

Video: Sådan Oprettes En Side Inden For En Side

Video: Sådan Oprettes En Side Inden For En Side
Video: На встречу пугающим приключениям! – LEGO Hidden Side 2024, April
Anonim

Hypertext Markup Language (HTML) giver mulighed for at opdele en side i flere vinduer - "frames". Hver af rammerne kan have sin egen internetkilde, der skal vises. Denne mekanisme kan bruges til at indsætte sider fra andre websteder på sider fra dit websted.

Sådan oprettes en side inden for en side
Sådan oprettes en side inden for en side

Er det nødvendigt

Teksteditor Notesblok

Instruktioner

Trin 1

HTML-koden på en side er et sæt instruktioner til browseren, der fortæller, hvor på siden hvert af dets elementer skal vises, og hvordan det skal se ud. Disse instruktioner kaldes "tags", og for at oprette en side, der indeholder en eller flere andre, skal du skrive det relevante sæt tags. Vi starter med de tags, der opretter en container til alle rammerne på siden:

Dette er containerens åbnings- og lukemærker - de tags, der danner rammerne, skal placeres mellem dem. I HTML har tags "attributter" - de indeholder yderligere information om sideelementets egenskaber, hvis display angiver dette tag. I åbningskoden til containeren skal du angive en attribut, der indeholder oplysninger om, hvordan browseren skal dele sideområdet mellem dets rammer:

Attributten "cols" i denne kodeeksempel angiver, at siden skal opdeles lodret i to rammer, hvor den venstre optager 20% af vinduets bredde og den højre 80%. Hvis du i stedet for attributten "cols" angiver attributten "rækker", bliver siden opdelt vandret:

I stedet for et tal kan du skrive en stjerne (*):

Dette betyder, at den anden ramme får al den resterende plads. Rammestørrelser kan specificeres ikke i procent, men i måleenheder, der oftest bruges i sidelayout - i "pixels":

Trin 2

HTML-koden for selve rammen, som skal placeres i containeren, skrives som følger: Attributten "src" for "ramme" -taggen indeholder adressen på den webside, som browseren skal indlæse i denne ramme. En adresse skrevet på denne måde kaldes "absolut" - den starter med https:// protokollen. Men hvis dette er en side på dit eget websted, og den ligger i den samme (eller undermappe) mappe, behøver du ikke angive den absolutte adresse, kun filnavnet og stien til undermappen vil være nok. En sådan adresse kaldes "relativ": - Grænser mellem rammer på siden kan som standard flyttes med musen. Denne funktion er deaktiveret af attributten noresize: - Der er to attributter, der bestemmer størrelsen på margenerne mellem rammerne - marginhøjde indstiller den lodrette margen (øverst og nederst) og margenbredden - vandret (højre og venstre): - Brug af en anden attribut - "rulning" - du kan fortælle browseren reglerne for rullebjælkerne i rammen: Værdien "auto" angiver, at rullebjælkerne skal vises efter behov, dvs. når indholdet ikke passer inden i rammen. Hvis du indstiller værdien til "ja", vil denne ramme altid have rullebjælker, og værdien "nej" tværtimod forhindrer visning af rullebjælker - Hvis siderne i containeren fungerer med JavaScript-scripts, der udføre operationer i tilstødende rammer, kan det være nødvendigt at skelne rammer efter navn. Attributten, der indeholder rammens navn, kaldes navn:

Trin 3

Disse HTML-definitioner er nok til at oprette en enkel side fra flere sider fra andre websteder. For at gøre dette skal du bruge en hvilken som helst teksteditor, for eksempel en standard notesblok. I det skal du oprette et nyt dokument og skrive disse html-tags:

Gem derefter denne kode med en htm- eller html-udvidelse - for eksempel test.html. Alt er klar, hvis du åbner dette dokument med en browser, vil resultatet se sådan ud:

To-frame side
To-frame side

Trin 4

Der er en anden type ramme - "flydende". Det kan være placeret inde i en almindelig side, ikke opdelt i rammer. En sådan ramme har yderligere bredde- og højdeattributter, der definerer dens dimensioner. Koden for dette tag kan se sådan ud:

Anbefalede: