upute

HTML jezik(HyperText Markup Language - “jezik za označavanje hiperteksta”) pruža dvije vrste okvira. "Plutajući" je fleksibilniji i lakše ga je umetnuti u postojeći. Općenito, konstrukcija koja opisuje umetanje prozora pomoću plutajućeg okvira izgleda ovako: Ovdje je izvor podataka za ovaj okvir postojeće mjesto (atribut src). Otvorit će se u okviru dimenzija 400 x 300, kao što je navedeno u atributima širine i visine. Također možete navesti stranicu svoje stranice u atributu src. U ovom slučaju dovoljno je navesti relativnu adresu (odnosno adresu u odnosu na stranicu u koju je umetnut okvir): U ovom primjeru visina okvira nije navedena, ali postoji atribut id. Koristeći ga možete koristeći CSS() postavite potrebne dimenzije za ovaj okvir:

Druga vrsta okvira - "klasični" - zahtijeva posebnu stranicu koja će sadržavati opis strukture okvira. Sami okviri bit će smješteni na zasebnim stranicama, možda čak i na zasebnim stranicama. HTML kod za takvu stranicu spremnika za okvire može izgledati ovako:




Nema blokova ... I ... , koje su potrebne za obične stranice, ne bi trebale biti ovdje. U ovom primjeru, oznaka otvarajućeg spremnika sadrži atribut rows - to znači da prostor stranice treba podijeliti okomito i dat će se prvi okvir gornji dio. Ako redove zamijenite stupcima, podjela će biti vodoravna. Vrijednost ovog atributa "*,*" označava da su podijeljeni udjeli jednaki - 50% svaki. Ako navedete, na primjer, "20%,*", tada će samo 20% biti dodijeljeno prvom okviru, a ostatak prostora će biti dodijeljen drugom. Korisnik može promijeniti ove proporcije povlačenjem granica okvire mišem, ali je moguće zabraniti ovu radnju. Da biste to učinili, morate dodati atribut noresize oznaci određenog okvira. Također možete odrediti veličinu okomitih i vodoravnih margina iz susjednog okvira (atributi marginwidth i marginheight): Moguće je postaviti pravila ponašanja za klizne trake svakog okvira zasebno. To se radi pomoću atributa pomicanja, koji može sadržavati jednu od tri unaprijed definirane vrijednosti. Ako navedete scrolling="auto", tada će se trake za pomicanje pojaviti kada sadržaj okvira ne stane unutar njegovih granica. Ako "da" - pruge će biti stalno prisutne, bez obzira na to jesu li potrebne. Ako je "ne" - to će značiti da su trake za pomicanje onemogućene za ovaj okvir.

Na temelju informacija predstavljenih u prethodna dva koraka, trebate konstruirati html kod koji je prikladniji za rješavanje vašeg problema. Nakon toga preostaje samo umetnuti ga u izvorni kod stranice. Da biste to učinili, možete koristiti uređivač stranica vašeg sustava za upravljanje web-mjestom - otvorite ga u njemu željenu stranicu, prebacite se u način rada za uređivanje html koda i zalijepite svoj kod na željeno mjesto na stranici. Možete li preuzeti datoteku? izvorni kod upravljanje datotekama stranice hosting ili sustav za upravljanje sadržajem, otvorite ga u uređivač teksta i zalijepite kod u njega. Zatim upotrijebite istu metodu za prijenos promijenjenog koda natrag na poslužitelj.

U zoru izgradnje web stranica, web resursi naširoko su koristili okvire za prikaz pojedinačnih dijelova stranica. Ali s dolaskom nova verzija HTML 5 je promijenio sve. Elementi označavanja<okvir>, <skup okvira> i<bez okvira> smatraju se zastarjelima. Zamijenjeni su jednom oznakom -<iframe>. Kako dodati u html

U gornjem označavanju dovoljno je zamijeniti adresu web mjesta bilo kojom drugom i, ako je potrebno, prilagoditi veličinu okvira.

Element .

Savjet: Za prilagodbu stila elementa

Završna oznaka

Potreban.

Atributi

uskladiti Zastarjelo Određuje kako je okvir poravnat s rubovima i kako se tekst prelama oko njega. dopusti cijeli zaslon Omogućuje prelazak okvira u način rada preko cijelog zaslona. omogućiti transparentnost Prilagođene instalacije prozirna pozadina okvir kroz koji se vidi pozadina stranice. granica okvira Samo HTML4 Postavlja hoće li se prikazati obrub oko okvira ili ne. visina HTML5 visina okvira u CSS pikselima, HTML4 u pikselima ili postotku. hspace Zastarjela vodoravna margina od okvira do okolnog sadržaja. marginheight Samo HTML4 Ispuna na vrhu i dnu od sadržaja do ruba okvira. marginwidth Samo HTML4 Odmak lijevo i desno od sadržaja do ruba okvira. Ime Naziv okvira. pješčanik HTML5 Omogućuje postavljanje niza ograničenja za sadržaj učitan u okviru. listanje Način na koji je klizač prikazan u okviru. bez šavova HTML5 Određuje da se sadržaj okvira treba prikazati kao da je dio dokumenta. src Put do datoteke čiji će se sadržaj učitati u okvir. srcdoc HTML5 pohranjuje sadržaj okvira izravno u atribut. vspace Zastario Vertikalni pomak od okvira do okolnog sadržaja. širina HTML5 širina okvira u CSS pikselima, HTML4 u pikselima ili postocima.

Zadani stil

Većina će preglednika prikazati element

Bilo koje CSS stilovi stilovi primijenjeni na nadređeni element neće se primijeniti na sadržaj ugrađene regije, niti će se stilovi primijenjeni na ugrađeni sadržaj primijeniti na nadređeni element.

Možete odrediti veličinu za umetnutu regiju pomoću opcijskih atributa širine i visine ili pomoću CSS-a. Obično je zadana veličina 300 px širine i 150 px visine, ali ovisno o pregledniku, veličina može biti drugačija. Većina preglednika prema zadanim postavkama prikazuje sadržaj elementa