Hvordan Lage En Side På En Side

Innholdsfortegnelse:

Hvordan Lage En Side På En Side
Hvordan Lage En Side På En Side

Video: Hvordan Lage En Side På En Side

Video: Hvordan Lage En Side På En Side
Video: How To Create Parent Page and its Child Pages in WordPress 2024, April
Anonim

Hypertext Markup Language (HTML) gir muligheten til å dele en side i flere vinduer - "rammer". Hver av rammene kan ha sin egen internettkilde å vise. Denne mekanismen kan brukes til å sette inn sider fra andre nettsteder på sider fra nettstedet ditt.

Hvordan lage en side på en side
Hvordan lage en side på en side

Det er nødvendig

Teksteditor Notisblokk

Bruksanvisning

Trinn 1

HTML-koden til en side er et sett med instruksjoner for nettleseren som forteller hvor på siden hvert av elementene skal vises og hvordan den skal se ut. Disse instruksjonene kalles "koder" og for å opprette en side som inneholder en eller flere andre, må du skrive riktig sett med koder. Vi starter med kodene som lager en container for alle rammene på siden:

Dette er åpnings- og lukkekodene til beholderen - kodene som danner rammene må plasseres mellom dem. I HTML har tagger "attributter" - de inneholder tilleggsinformasjon om egenskapene til sideelementet, hvis visning spesifiserer denne taggen. I åpningskoden til beholderen må du spesifisere et attributt som inneholder informasjon om hvordan nettleseren skal dele sideplassen mellom rammene:

"Cols" -attributtet i dette kodeeksemplet spesifiserer at siden skal deles vertikalt i to rammer, hvor den venstre tar opp 20% av vinduets bredde og den høyre 80%. Hvis du spesifiserer attributtet "rader" i stedet for attributtet "cols", blir siden delt horisontalt:

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

Dette vil bety at den andre rammen vil få all gjenværende plass. Rammestørrelser kan spesifiseres ikke i prosent, men i måleenheter som oftest brukes i sidelayout - i "piksler":

Steg 2

HTML-koden til selve rammen, som må plasseres i beholderen, skrives som følger: "src" -attributtet til "ramme" -koden inneholder adressen til websiden som nettleseren skal laste inn i denne rammen. En adresse skrevet på denne måten kalles "absolutt" - den starter med https:// protokollen. Men hvis dette er en side på ditt eget nettsted og den ligger i samme (eller undermappe) mappe, trenger du ikke å spesifisere den absolutte adressen, bare filnavnet og banen til undermappen vil være nok. En slik adresse vil bli kalt "relativ": - Kanter mellom rammer på siden kan som standard flyttes med musen. Denne funksjonen er deaktivert av attributten noresize: - Det er to attributter som bestemmer størrelsen på margene mellom rammer - marginheight angir den vertikale margen (øverst og nederst), og marginbredden - horisontalt (høyre og venstre): - Bruk et annet attributt - "rulling" - du kan fortelle nettleseren regler for rullefelt i rammen: "auto" -verdien angir at rullefeltene skal vises etter behov, det vil si når innholdet ikke passer inn i rammen. Hvis du setter verdien til "ja", vil denne rammen alltid ha rullefelt, og verdien "nei" tvert imot forhindrer visning av rullefelt - Hvis sidene i beholderen fungerer med JavaScript-skript som utføre operasjoner i tilstøtende rammer, kan det være nødvendig å skille rammer etter navn. Attributtet som inneholder navnet på rammen kalles navn:

Trinn 3

Disse HTML-definisjonene er nok til å lage en enkel side fra flere sider fra andre nettsteder. For å gjøre dette trenger du hvilken som helst tekstredigerer, for eksempel et standard notisblokk. I det oppretter du et nytt dokument og skriver disse html-kodene:

Lagre deretter denne koden med en htm- eller html-utvidelse - for eksempel test.html. Alt er klart, hvis du åpner dette dokumentet med en nettleser, vil resultatet se slik ut:

To-rammeside
To-rammeside

Trinn 4

Det er en annen type ramme - "flytende". Den kan være plassert på en vanlig side, ikke delt inn i rammer. En slik ramme har ekstra bredde- og høydeattributter som definerer dimensjonene. Koden til denne taggen kan se slik ut:

Anbefalt: