Pozdrav dragi webmasteri početnici. Počnimo sa učenjem programskih jezika.
I počet ćemo ih proučavati pomoću html-a.
Odmah ću reći da ćete na kraju kursa moći sami da napišete web stranicu. čisti html, i objaviti na Internetu. Ali ipak preporučujem da odvojite vrijeme i nakon html-a se upoznate sa css-om.
Tada ćete učiniti stranicu hladnijom i moći ćete to popraviti izgled web stranica kreirana na gotovom CMS-u (sistem za upravljanje sadržajem).
Učenje programskog jezika i učenje strani jezik- ovo je daleko od iste stvari, i mnogo je lakše. Štaviše, nije zastrašujuće, već vrlo uzbudljivo.
Samo što vas neshvatljivo uvijek plaši, ali obećavam vam da će već nakon prvih lekcija svi strahovi proći.
Naučićemo pomoću uređivača koji morate instalirati na svom računaru.
U ovom uređivaču datoteka možete napisati kod i odmah vidjeti kako ga pretraživač prikazuje. Vrlo udobno.
Hajde, prvo ću vam reći nešto o tome šta je HTML, i ovo će biti dosadan dio našeg kursa, a onda ćemo ući u najzanimljiviju praksu. Tamo sigurno neće biti dosadno.
HTML (HyperText Markup Language) doslovno znači jezik za označavanje hiperteksta. Koristi se za kreiranje web stranica.
A ako je, po našem shvaćanju, zbirka jednostavnih stranica ujedinjenih jednom temom knjiga, ili čak, bolje rečeno, debeli časopis, onda je zbirka web stranica ujedinjenih jednom ime domena- ovo je stranica.
Svaka web stranica ima svoju jedinstveni tekst, koju ste vi napisali i priloženo u html kodu.
Kôd je instrukcija pretraživaču o tome kako prikazati određeni element. Recimo da ste napisali riječ, ali u kom obliku će se pojaviti na ekranu ovisi o tome u koji kod ste je priložili.
html kod se sastoji od sljedećih elemenata:
2. Atributi oznake.
3. Vrijednosti atributa.
Pogledajmo ih redom.
HTML oznaka je glavni element koda. Napisano je ovako:
Kao što vidite, sastoji se od dva dijela. Prve ugaone zagrade su dio za otvaranje, a druge, sa kosom crtom, su dio za zatvaranje.
Između ova dva dijela ispisuje se ostatak koda stranice koji će biti prikazan na ekranu.
Tag govori pretraživaču da je ovo HTML dokument i da je glavna (roditeljska) oznaka za sve ostale elemente.
U preostalim tagovima, elementima koda, slovo ili riječ se ispisuje u ugaonim zagradama, što će biti naziv oznake i odrediti koji će element biti prikazan na ekranu ovom oznakom.
Na primjer, ako stavite slovo h1 u ugaone zagrade, tekst će biti prikazan na ekranu kao naslov.
zdravo
Odnosno, font riječi "Zdravo" bit će veći i masniji od ostatka teksta.
Ako stavite slovo p u ugaone zagrade, onda će se tekst u okviru oznake prikazati kao pasus.
zdravo
Odnosno, font će biti normalan, ali sve što je napisano nakon ove oznake počinje u novom redu.
Postoji nekoliko desetina takvih slova, pa čak i riječi koje određuju vrstu naredbe, u html-u, iako se često ne koristi više od 10-15 oznaka.
Svaki od njih ćemo detaljnije pogledati usput.
Slijede atributi oznaka. Često korišteni, također ne više od desetak. I unutra U poslednje vreme i još manje, pošto se sve funkcije atributa prenose u css.
Ali o tome više kasnije, ali za sada ćemo ipak saznati što je atribut, jer neki od njih nisu izgubili na važnosti i nikada neće izgubiti.
Atribut je dodatna komanda. Napisano je u početnom dijelu oznake. Na primjer, ako želite naslov učiniti obojenim, tada morate umetnuti atribut boje u početni dio oznake h1
I idemo direktno na vrijednosti atributa. Poenta je da atribut mora imati vrijednost. Odnosno, ako ste dali naredbu da naslov bude obojen, onda morate naznačiti u kojoj će boji biti.
Ova indikacija će biti vrijednost atributa. izgleda ovako:
Ovo je crveno.
Na isti način, ali koristeći druge atribute, možete postaviti veličinu teksta, uvlake, poravnanja i još mnogo toga.
Iako se dizajn sve više seli na CSS, a atributi dizajna postepeno postaju zastarjeli i van prakse.
A sada iz svega navedenog izvlačimo zaključak:
HTML je jezik koji pretraživači razumiju. Potreban nam je da bismo komunicirali sa pretraživačem, ili, reklo bi se, da bismo njime upravljali, odnosno da bismo mu davali komande kako da percipira i prikaže na ekranu ono što pišemo.
Želeo bih da dodam da se oznake, atributi i njihova značenja lako pamte praktična nastava, što će u suštini biti svi naredni članci.
Tu odmah vidite oznaku, saznate njeno značenje, u kom se padežu i na kom mjestu koristi, kojim znakovima je praćena i kako je napisana, tako da vam sada neću pokazivati sve oznake i atribute, videćemo sve u praksi.
Kompletna lista oznaka i html atributi, ako nekoga zanima, uvijek moze pogledati. .
Mada, ako ne nameravate da programirate profesionalno, biće dovoljno da znate nekoliko (desetak) osnovnih tagova i nekoliko atributa.
Pa, to je sve, pretpostavljam. Malo? I za sada nema potrebe za više. Ostalo ćemo naučiti tokom procesa učenja na konkretnim primjerima.
Mislim da će se to bolje razumjeti na primjerima. Naš cilj je napraviti web stranicu i razumjeti kako sve to funkcionira, stoga samo naprijed i vježbajte.
Okreni se
Cim sednes da ucis, neko kopile ce te sigurno probuditi!!!
U školi nastavnik govori učenicima:
- Ko od vas sebe konačno smatra glupim? Ustani.
Nakon duže pauze, jedan učenik ustaje:
- Znači misliš da si glup?
- Pa, ne baš, ali nekako je nezgodno što stojiš sam.
Esej
1. Pripovijetka WWW
2. HTML jezik - izrada web dokumenata:
a) Šablon web dokumenta
b) oblikovanje teksta
c) formatiranje pasusa
d) rad sa slikama slika:
I. pozadinske slike
II. statične i dinamičke slike
f) okviri:
I. Vertikalni okviri
II. Horizontalni okvir
III. Ugniježđeni okviri
Alternativni načini pripreme dokumenata
Dobro je poznato da je Internet, posebno, ogromno skladište svih vrsta informacija. Prije pojavljivanja Svjetske usluge Wide Web (WWW) navigacija na Internetu u potrazi za potrebnim informacijama ne može se nazvati pogodnom. Da biste primili datoteku sa FTP servera, morali ste zasebno preuzeti klijentsku aplikaciju. U isto vrijeme, morali ste zapamtiti svoju lozinku, morali ste navigirati brojni katalozi tražim željeni fajl, ne zaboravljajući da ga instalirate prije nego što ga primite ispravan način rada transferi; poznaje brojne komande za rad sa FTP serverima itd. Ako ste trebali pogledati konferenciju, morali ste pokrenuti drugu aplikaciju, koja je imala vlastiti skup komandi za čitanje, prosljeđivanje i spremanje poruka s konferencija. Sve ovo je bilo nezgodno.
Prije otprilike pet godina pokušano je organizirati redosled informacija V Internet mreže. To je dovelo do pojave World Wide Web servisa ( World Wide Web), koji je rođen u Evropskom centru za nuklearna istraživanja u Švedskoj. WWW ideja je zasnovana na tzv hipermedija dokumenti ili Web dokumenti, koji se nazivaju i web stranice, dizajnirani da uvedu red u organizaciju i pronalaženje podataka. Ovi dokumenti mogu sadržavati i tekst i netekst tekstualne informacije(npr. slike, zvuk), kao i linkovi. Linkovi su pokazivači pomoću kojih se možete slobodno kretati s jednog mjesta u dokumentu na drugo, ili se čak pozivati na poseban dokument koji se može nalaziti na drugom kraju svijeta. Iako web dokumenti mogu sadržavati najviše razne informacije, ne samo tekst, oni se gotovo uvijek nazivaju hipertekst ( hipertekst) dokumenata, što generalno nije sasvim tačno.
Na ekranu tipičan Web dokument izgleda kao skup teksta sa vezama; Možete listati dokument, pregledavajući sadržaj i brzo se kretati kroz njega ili druge dokumente koristeći veze.
Sa pojavom WWW-a, internet je počeo da služi tekstom i grafikom uz pomoć miša, postalo je moguće putovati po svijetu i lako pronaći potrebne informacije jednostavnim pokazivanjem i klikom. Postalo je lako preuzimati datoteke i čitati konferencije. Zbog toga je WWW servis stekao svjetsku popularnost i široku upotrebu. Svakog dana se pojavljuju na internetu velike količine Objavljeni su web serveri i hiljade novih dokumenata.
Za izradu web dokumenata na WWW-u se koristi poseban jezik HTML, što je skraćenica za HyperText Markup Language, je jezik za označavanje hiperteksta, jezik za formatiranje podataka. Na osnovu SGML jezik(Standard Generalized Markup Language), HTML jezik definiše formatiranje i organizaciju podataka u Web dokumentima. Ne definiše kako će tačno tekst biti postavljen na ekranu; on definiše strukturu podataka. Web dokument može sadržavati više od tekstualnih informacija, a samim tim i jezik HTML je ispravniji zvao bi se HyperMedia Markup Language, ali u literaturi se skoro uvijek koristi skraćenica HTML. Dokument kreiran u HTML-u je obična datoteka u ASCII formatu. Zasnovan je na posebnim deskriptorima (tagovima) koji određuju formatiranje podataka u bilo kojem web dokumentu. Naravno, za pregled HTML dokumenata na World Wide Webu potreban vam je poseban softver. Takvi programi se nazivaju pretraživači (od engleskog. pretraživati– listajte, listajte). Uz njihovu pomoć možete preuzimati i pregledavati web stranice, kretati se WWW-om itd. IN trenutno ima dosta veliki broj pretraživači, od kojih su najpopularniji pretraživači Microsoft Internet Explorer, Netscape Navigator i NCSA Mosaic. Pregledač, nakon što je pročitao HTML datoteku, koristi deskriptore da interpretira podatke sadržane u dokumentu i u skladu s tim ih prikaže na ekranu računara. 1 prikazuje primjer web dokumenta:
Sl.1 Primjer web dokumenta
HTML jezik se brzo razvija. U procesu razvoja stekao je nove sposobnosti i izgubio malo korišćene i zastarele. Trenutno aktuelna zvanična verzija HTML jezik je verzija 3.2, koja ima razvijene alate za kreiranje Web dokumenata. U poređenju sa HTML 2.0, nova verzija nudi nove funkcije kao što su tabele, premotavanje teksta oko slika, ugrađivanje Java appleti i druge mogućnosti.
Do danas, osim službena verzija jezika postoje i HTML verzije iz Microsoft kompanije i Netscape, koji takođe podržavaju dodatne funkcije, nije opisano u specifikaciji za službenu verziju HTML-a. Kako bi riješile problem kompatibilnosti pretraživača pri prikazivanju dokumenata sastavljenih od elemenata nezvaničnih verzija HTML jezika, gore navedene kompanije u svoje proizvode uključuju podršku za alternativnu verziju jezika. Verzija 4.0 jezika, nazvana Dynamic HTML, je na putu, obećavajući poboljšanja starih i uzbudljivih novih funkcija za dizajniranje Web dokumenata. W3C (World Wide Web Consortium - organizacija za standarde World Wide Web) već predlaže ovu verziju jezika kao standard. Postoje opcije nova verzija jezicima iz Microsofta i Netscapea, koji su, međutim, još uvijek međusobno nekompatibilni. IN ovo djelo otkrivaju se glavna sredstva konstruisanja dokumenata iz jezika HTML verzije 3.2 od Netscape Communications.
2. HTML jezik. Izrada web dokumenata
Kao što je gore spomenuto, formatiranje dokumenta u HTML-u je specificirano posebnim deskriptorima. Deskriptor je naredba za formatiranje podataka i zatvorena je u uglastim zagradama "<» и «>" Postoje ručke za otvaranje i zatvaranje, između kojih se postavlja tekst koji treba formatirati. Deskriptori otvaranja određuju metod formatiranja, dok ga drugi deskriptori nadjačavaju. Razlika između ovih deskriptora je u tome što u završnom deskriptoru imenu prethodi kosa crta. Na primjer, deskriptori. Postoje i ručke za koje nije potrebna opcija zatvaranja.
HTML ne razlikuje velika i mala slova, tako da se svi deskriptori mogu navesti velikim ili velikim slovima. mala slova. Pretraživač će ih nedvosmisleno protumačiti u bilo kojem pravopisu.
Ako pogledate izvorni tekst tipične web stranice, vidjet ćete nešto poput sljedećeg:
naslov dokumenta
tekst
tekst
tekst
tekst
Između ručki I nalazi se cijeli dokument. Deskriptori
I definirati opseg za specificiranje naslova dokumenta. Između par
I Stavlja se naslov dokumenta. Njegov sadržaj je vidljiv u naslovu prozora pretraživača. Informaciju zaglavlja koriste neki web roboti za indeksiranje podataka prilikom indeksiranja WWW resursa. U ovo područje možete unijeti npr. podatke o autoru,
Kratki opis dokument. Između ručki I sadrži podatke koje će pretraživač prikazati na ekranu. Deskriptori
I sadrže informacije o autoru koje će biti prikazane na ekranu, na primjer, ime i prezime autora, njegova e-mail adresa, datum kreiranja i izmjene dokumenta itd.
Strogo govoreći, nijedan od gore navedenih deskriptora nije obavezan pri kreiranju dokumenata, ali oni pomažu u strukturiranju dokumenata i njihova definicija je znak dobrog stila pri sastavljanju web stranica.
Formatiranje teksta
Formatiranje teksta uključuje prikazivanje teksta u određenom fontu ili sa određenim atributima.
Da biste formatirali tekst, morate priložiti liniju ili redove teksta između para ručki. Slijedi osnovna lista deskriptora i rezultata oblikovanja teksta:
Na primjer, ako trebate prikazati određenu liniju na ekranu u kurzivu, tada morate unijeti sljedeće u tijelo web dokumenta:
Ovaj tekst je napisan kurzivom
Kao rezultat, pretraživač će prikazati:
Ovaj tekst je napisan kurzivom
Deskriptori se mogu kombinirati jedni s drugima bilo kojim redoslijedom, na primjer, kombinacija
Ovaj tekst je štampan podebljanim kurzivom
će proizvesti sljedeći rezultat:
Ovaj tekst je štampan podebljanim kurzivom
Neki Web dokumenti sadrže trepereće linije teksta dizajnirane da privuku pažnju korisnika. U ove svrhe se koristi deskriptor
Međutim, ovo proširenje Netscape jezika rijetko se koristi i uskoro može postati zastarjelo.
Dizajn web stranica često koristi fontove različitih veličina. Možete ispisati red s veličinom fonta različitom od uobičajene koristeći deskriptore tekst
, gdje je n broj od 1 do 7 koji određuje veličinu fonta u odnosu na normalnu. Dakle, sljedeći tekst je u tijelu dokumenta
Ovo tekstčetiri veličine veće nego inače
ekran će izgledati ovako:
Ovaj tekst je četiri veličine veći od uobičajenog.
Treba napomenuti da su parovi deskriptora I, i I su elementi Netscapeove HTML verzije i stoga ih drugi pretraživači možda ne podržavaju.
Formatiranje pasusa
Tekstualne informacije objavljene na web stranicama organizirane su u paragrafe. Odlomak počinje deskriptorom<Р>i završava ručkom za zatvaranje
, međutim, ovo drugo je opciono. primjer HTML koda:
Prvi paragraf
Drugi paragraf
Kao rezultat, na ekranu će se pojaviti sljedeći rezultat:
Prvi paragraf
Drugi paragraf
Prilikom sastavljanja dokumenta potrebno je voditi računa da pretraživač zanemaruje razmake između riječi i prijelome reda prilikom formatiranja teksta, pa kao pasus smatra samo tekst koji se nalazi između deskriptora. Prisilni prijelom reda postavlja deskriptor
, koji nema opciju zatvaranja. Primjer koda:
Prva linija
Druga linija
Kao rezultat, pretraživač će prikazati:
Prva linija
Druga linija
Ako trebate prikazati tekst sa potrebnim brojem razmaka i prijeloma reda, morate ga priložiti u deskriptore
I
. Ovo se obično koristi za prikaz liste izvora programa na ekranu. U ovom slučaju, tekst će biti prikazan u monospace fontu.
Kreiranje zaglavlja
Naslovi različitih nivoa su specificirani pomoću deskriptora I, gdje je n broj od 1 do 6. Najveći naslov je specificiran deskriptorom
, najmanji je deskriptor . Na primjer:
Ovo je naslov 1. nivoa
Ovo je zaglavlje nivoa 3
Ovo je naslov 6. nivoa
Kao rezultat, na ekranu će se prikazati:
Ovo je naslov 1. nivoa
Ovo je zaglavlje nivoa 3
Ovo je naslov 6. nivoa
Naslovi su jedan od najčešće korištenih elemenata dizajna dokumenata na WWW-u.
Kreiranje lista
U HTML-u je moguće definisati tri vrste lista: numerisane liste, nenumerisane liste, liste definicija. Početak i kraj liste specificiraju se posebnim deskriptorima, a prije svakog elementa liste navodi se deskriptor
, koji nema opciju zatvaranja.
Numerisana lista:
Stavka liste
Stavka liste
Stavka liste
rezultat:
Neuređena lista:
Stavka liste
Stavka liste
Stavka liste
rezultat:
* Stavka liste
* Stavka liste
* Stavka liste
Liste definicija su grupe teksta od po dva elementa, pri čemu je drugi element pomaknut desno od prvog. Obično se takve liste koriste za objašnjenje različitih koncepata. primjer:
Prvi definisan koncept
Objašnjenje prvog koncepta
Drugi definisani koncept
Objašnjenje drugog koncepta
rezultat:
Prvi koncept koji treba definisati.
Objašnjenje prvog koncepta.
Drugi definisan koncept.
Objašnjenje drugog koncepta.
Linkovi
Veze su jedan od osnovnih elemenata HTML jezika. Veze nude korisniku brz i zgodan način za navigaciju do određene lokacije u dokumentu, ili čak do drugog dokumenta. Na primjer, umjesto da prelistavate dugačak web dokument u potrazi za željenim fragmentom, možete se odmah pomaknuti na željeno mjesto jednostavnim klikom miša (ako je, naravno, za to predviđena odgovarajuća veza). Ako postoje dva različita dokumenta, onda da biste omogućili pristup iz jednog dokumenta u drugi, nije potrebno da ih kombinujete, dovoljno je napraviti link u jednom dokumentu na drugi i sve će se svesti na jednostavan miš kliknite.
Na ekranu se veze pojavljuju kao linija ili redovi teksta, istaknuti drugom bojom i podvučeni tankom linijom. Ako pomaknete kursor miša na ovaj dio teksta, on će se pretvoriti u sliku kažiprsta, a nakon što kliknete na ovo mjesto, slijedite ovu vezu.
HREF atribut ukazuje na naziv oznake u trenutnom dokumentu.
Naravno, u ovom slučaju je potrebno u dokumentu navesti oznaku za koju će se veza postaviti. U tu svrhu se koristi deskriptor sa atributom :
Ovo je znak
Na ekranu se oznaka, za razliku od linkova, ne ističe među ostatkom teksta.
Ako trebate prijeći na oznaku koja se nalazi u drugom dokumentu, gornji primjer će se malo promijeniti:
URL može biti relativan ili apsolutan. Osim toga, veza može ukazivati ne samo na dokument, već i na slike, binarne datoteke, zvučne datoteke itd. Ponašanje pretraživača prilikom praćenja određene veze zavisi od toga specifične postavke. Dakle, ako link ukazuje na dokument, on će biti preuzet, ali ako je audio ili video fajl, biće reprodukovan. Ako ovo binarni fajl, pretraživač će ponuditi da ga kopirate na lokalni disk.
Ugrađivanje slika
Upotreba slika vam omogućava da šareno dizajnirate web dokumente, kombinacija teksta i grafike daje svakoj stranici prijatan izgled i jasnoću.
Za umetanje ilustracija u dokument koristite deskriptor :
Atribut specificira ime datoteke slike. Naziv datoteke može ukazivati na nešto slično lokalni fajl, i dalje izbrisani fajl, za koji morate navesti odgovarajući URL. Fajl može biti statična slika i imaju grafički format, razumljiv pretraživaču, ili dinamička slika predstavljena u GIF89A formatu. IN poslednji slučaj datoteka će biti prikazana kao animacija u prozoru pretraživača.
ALT atribut specificira tekst koji će biti prikazan u prozoru pretraživača umjesto slike ako, na primjer, pretraživač korisnika ne podržava grafiku ili je opcija za učitavanje slika onemogućena. Ovaj atribut nije obavezan, ali se njegova upotreba smatra dobrim stilom prilikom sastavljanja web dokumenata.
Često se prilikom pripreme stranica pomoću grafike dešava da se željena veličina slike ne poklapa sa stvarnom. Na primjer, trebate postaviti sliku u određeno područje određene veličine. Da biste to uradili morate koristiti WIDTH atributi i HEIGHT, koji postavljaju potrebne dimenzije slike u širinu i visinu, respektivno. Na primjer, ako trebate postaviti sliku velika veličina na području visine 100 piksela i širine 200 piksela, u tijelu dokumenta mora biti napisano sljedeće:
Redoslijed ovih atributa može biti proizvoljan.
Obilje grafike u dokumentu ga, s jedne strane, poboljšava opšti oblik, s druge strane, značajno povećava vrijeme učitavanja. Kako bi pronašli kompromis između brzine učitavanja dokumenta i njegove jasnoće, dizajneri web stranica često pribjegavaju ovoj tehnici: postavljaju sliku na stranicu u manjem formatu i čine je vezom za sebe. Ako kliknete na takvu sliku, pretraživač će je preuzeti i prikazati u originalnim dimenzijama. Slika veze je opisana u dokumentu na sljedeći način:
Zanimljiva mogućnost je da se "omata" tekst oko slike. Ovo je veoma popularan način dizajn web stranica. U ovom slučaju, slika na ekranu je okružena tekstom, na primjer, lijevo i ispod. Prelamanje teksta se postiže upotrebom Atribut ALIGN, koji ima parametre kao što su:
LIJEVO – tekst će prekrivati sliku dolje lijevo.
DESNO – tekst okružuje sliku dolje desno
TOP – slika je okružena tekstom u gornjem desnom uglu
DOLJE – slika je u donjem desnom uglu okružena tekstom
SREDINA – slika je okružena tekstom u sredini desno
Na primjer, kada kreirate web stranicu prikazanu na sl. 1, u tijelu dokumenta korišten je sljedeći unos koji opisuje sliku:
Slike se mogu koristiti i kao pozadine dokumenta. Sav tekst i ilustracije u dokumentu će biti prikazani od strane pretraživača na vrhu pozadinske slike. Pozadinske slike date su prilično jednostavno na sljedeći način:
Ako veličina slike nije dovoljno velika da ispuni cijeli prozor pretraživača, pretraživač će tada jednostavno umnožavati sliku dok se prozor potpuno ne popuni.
Okviri
Jedna od najnovijih inovacija u službenoj verziji HTML jezika su takozvani okviri. Kada koristite okvire, prozor pretraživača je podijeljen na nekoliko podprozora, u svakom od kojih možete prikazati bilo koji web dokument i pomicati ih nezavisno od drugih prozora. Dobro dizajnirana struktura okvira može uvelike olakšati navigaciju po dokumentima i poboljšati percepciju informacija. Primjer je elektronska varijanta knjiga ili časopis, kada u jednom prozoru možete odabrati odjeljke-linkove sadržaja, au sljedećem prozoru pogledati informacije koje se direktno odnose na određeni odjeljak iz sadržaja.
Postoje dvije vrste okvirnih dokumenata: dokumenti koji sadrže okvir i jednostavnih dokumenata. Dokumenti koji sadrže okvir definiraju strukturu samog okvirnog dokumenta, tj. navedite podatke o tome kako će prozor pretraživača biti podijeljen na podprozore. Takvi dokumenti sadrže veze ka drugim dokumentima. Obični dokumenti su oni dokumenti koji ne sadrže podatke koji definišu okvire.
Struktura dokumenta koji sadrži okvir u opšti slučaj izgleda ovako:
naslov
Tekst
Područje za postavljanje strukture okvira
Kao što se može vidjeti iz primjera, struktura takvog dokumenta se donekle razlikuje od strukture običnog dokumenta. Dostupnost deskriptora
umjesto I To je ono što razlikuje okvirni dokument od običnog. Korištenje deskriptora I je još jedan znak dobar stil. Između njih određujete tekst koji će biti prikazan u prozoru pretraživača koji ne podržava okvire.
Ispod je primjer okvirnog dokumenta:
Deskriptor