Hvordan Sette Inn En Ramme

Innholdsfortegnelse:

Hvordan Sette Inn En Ramme
Hvordan Sette Inn En Ramme

Video: Hvordan Sette Inn En Ramme

Video: Hvordan Sette Inn En Ramme
Video: Hvordan montere innerdør 2024, November
Anonim

For å vise informasjon fra flere kilder på en enkelt side, brukes ofte HTML-delingsmekanismen. Nedenfor er en beskrivelse av språkkonstruksjonene for å sette inn rammer.

Hvordan sette inn en ramme
Hvordan sette inn en ramme

Nødvendig

Grunnleggende kunnskap om HTML

Bruksanvisning

Trinn 1

HyperText Markup Language (HTML) har to typer rammer. Flyting er mer fleksibelt og lettere å sette inn på en eksisterende side. Generelt ser konstruksjonen som beskriver en vindusramme ved hjelp av en flytende ramme slik ut: Her er hovedsiden til et eksisterende nettsted spesifisert som datakilde for denne rammen (src-attributt). Den åpnes i en ramme på 400 x 300 piksler, som spesifisert i attributt for bredde og høyde. Du kan også spesifisere siden på nettstedet ditt i src-attributtet. I dette tilfellet er det nok å spesifisere en relativ adresse (det vil si adressen i forhold til siden rammen er satt inn i): I dette eksemplet er bredden og høyden på rammen ikke spesifisert, men det er en id attributtidentifikator. Ved å bruke den kan du bruke CSS () til å angi de nødvendige dimensjonene for denne rammen:

#frameOne {bredde: 700px; høyde: 200px;}

Steg 2

En annen type rammer - "klassisk" - krever en egen side som inneholder en beskrivelse av rammestrukturen. Rammene i seg selv vil være på separate sider, kanskje til og med på separate nettsteder. HTML-koden for en slik rammebeholder-side kan se slik ut:

Det skal ikke være noen … og … blokker som kreves for vanlige sider. I dette eksemplet inneholder åpningstaggen for container en attributt for rader, noe som betyr at sideplassen skal deles vertikalt, og toppen vil bli gitt til den første rammen. Hvis du bytter ut rader med kolonner, vil inndelingen være horisontal. Verdien av dette attributtet "*, *" indikerer at delingsandelene er like - 50% hver. Hvis du for eksempel angir "20%, *", vil bare 20% gis til den første rammen, og resten av plassen til den andre. Brukeren kan endre disse proporsjonene ved å dra kantene til rammene med musen, men det er mulig å deaktivere denne handlingen. For å gjøre dette, legg til noresize-attributtet i taggen til en bestemt ramme. Du kan også spesifisere størrelsen på de vertikale og horisontale innrykkene fra den tilstøtende rammen (attributtene marginwidth og marginheight): Det er mulig å angi atferdsregler for rullefeltene for hver ramme separat. For dette brukes rulleattributtet, som kan inneholde en av tre forhåndsdefinerte verdier. Hvis spesifisert, vil rullefelt vises når innholdet i rammen ikke passer innenfor rammene. Hvis "ja" - striper vil være til stede hele tiden, uavhengig av behovet for dem. Hvis "nei" - vil det bety å ikke tillate rullefelt for denne rammen.

Trinn 3

Basert på informasjonen i de to foregående trinnene, må du designe html-koden som er mer egnet for å løse problemet ditt. Etter det er det bare å sette den inn i kildekoden på siden. For å gjøre dette kan du bruke sideditoren til nettstedets administrasjonssystem - åpne ønsket side i den, bytt til html-kodedigeringsmodus og lim inn koden på ønsket sted på siden. Alternativt kan du laste ned kildekodefilen for siden av vertsadministrasjonsfilbehandleren eller innholdsstyringssystemet, åpne den i et tekstredigeringsprogram og lime inn koden i den. Og last deretter opp den endrede koden på samme måte tilbake til serveren.

Anbefalt: