Sådan Indsættes En Ramme

Indholdsfortegnelse:

Sådan Indsættes En Ramme
Sådan Indsættes En Ramme

Video: Sådan Indsættes En Ramme

Video: Sådan Indsættes En Ramme
Video: HULEBYG: Sådan samler du med dyvler 2024, November
Anonim

For at få vist oplysninger fra flere kilder på en enkelt side bruges ofte HTML-opdelingsmekanismen. Nedenfor er en beskrivelse af sprogkonstruktionerne til indsættelse af rammer.

Sådan indsættes en ramme
Sådan indsættes en ramme

Nødvendig

Grundlæggende viden om HTML

Instruktioner

Trin 1

HyperText Markup Language (HTML) giver to typer rammer. Flydende er mere fleksibelt og lettere at indsætte på en eksisterende side. Generelt ser konstruktionen, der beskriver en vinduesramme ved hjælp af en flydende ramme, sådan ud: Her er hovedsiden på et eksisterende sted specificeret som datakilde for denne ramme (src-attribut). Det åbnes i en ramme på 400 x 300 pixel som specificeret i attributterne bredde og højde. Du kan også angive siden på dit websted i attributten src. I dette tilfælde er det nok at specificere en relativ adresse (dvs. adressen i forhold til den side, hvor rammen indsættes): I denne prøve er bredden og højden af rammen ikke specificeret, men der er en id attribut-id. Ved hjælp af det kan du bruge CSS () til at indstille de nødvendige dimensioner til denne ramme:

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

Trin 2

En anden type rammer - "klassisk" - kræver en separat side, der indeholder en beskrivelse af rammestrukturen. Selve rammerne vil være på separate sider, måske endda på separate sider. HTML-koden for en sådan rammebeholder-side kan se sådan ud:

Der burde ikke være nogen … og … blokke, der kræves for almindelige sider. I dette eksempel indeholder containeråbningstagget en attribut for rækker, hvilket betyder, at sideområdet skal deles lodret, og toppen gives til den første ramme. Hvis du udskifter rækker med cols, vil divisionen være vandret. Værdien af denne attribut "*, *" angiver, at delingsforholdene er ens - 50% hver. Hvis du f.eks. Angiver "20%, *", gives kun 20% til den første ramme, og resten af pladsen til den anden. Brugeren kan ændre disse proportioner ved at trække rammerne af rammerne med musen, men det er muligt at deaktivere denne handling. For at gøre dette skal du tilføje attributten noresize til tagget for en bestemt ramme. Du kan også specificere størrelsen på de lodrette og vandrette indrykninger fra den tilstødende ramme (attributterne marginwidth og marginheight): Det er muligt at indstille reglerne for adfærd for rullebjælkerne i hver frame separat. Til dette bruges rullende attribut, som kan indeholde en af tre foruddefinerede værdier. Hvis angivet, vises rullebjælker, når indholdet af rammen ikke passer inden for dets grænser. Hvis "ja" - striber vil være til stede hele tiden, uanset behovet for dem. Hvis "nej" - betyder det, at du ikke tillader rullepaneler til denne ramme.

Trin 3

Baseret på oplysningerne i de to foregående trin skal du designe den html-kode, der er mere egnet til at løse dit problem. Derefter er alt, hvad der er tilbage, at indsætte det i kildekoden på siden. For at gøre dette kan du bruge sideditoren til dit websteds administrationssystem - åbn den ønskede side i det, skift til html-kodedigeringstilstand og indsæt din kode på det ønskede sted på siden. Alternativt kan du downloade sidens kildekodefil af hostingadministrationsfilhåndtering eller indholdsstyringssystem, åbne den i en teksteditor og indsætte koden i den. Og upload derefter den ændrede kode på samme måde tilbage til serveren.

Anbefalede: