spletni dokumenti temelj html skupaj s protokolom http je tim berners lee zasnoval tudi poseben nacin kodiranja jezik za oznacevanje hiperbesedila html ki omogoca oblikovanje nadpredstavnih dokumentov to je lahko novo hiperbesedilo lahko paje nova slika zvok ali video ali pa celo trirazsezni geometrieni model samjezik html je zelo preprost l oznake za opis nadpredstavnega dokumenta v jeziku html zadosca da obicajno besedilo opremirno z nekaj posebrnimi oznakami tags oznake locimo od obicajnega besedila po tem da so zapisane med posebnirna simboloma znakoma je manjse in je vecje brskalniki ne locujejo med velikimi in malimi crkami tako jih lahko zapiserno kakor zelimo oznako za zacetek dokumenta lahko zapisemo kot html html ali html vedno pomeni enako pri html locimo dve osnovni vrsti oznak l samostojne oznake imenovane tudi prazne blank tags zgled tovrstne oznake je oznaka za prehod v novo vrsto br oznake ki nastopajo v parih imenovane tudi vsebniki containers pri teh oznakah velja pravilo da se koncna oznaka od zacetne vedno razlikuje po dodatni posevni crti forward slash zgled para oznak ki omeji krepko izpisano besedilo je stavek s b krepko b izpisano besedo vecina oznak pozna dodatna pojasnila ali parametre zapisemo jih znotraj zlomljenega oklepaja v obliki parameter vrednost pri tem stevilene vrednosti zapisemo neposredno druge pa med dvojnima narekovajema dopustna sta tudi enojna narekovaja zgled samostojne oznake s parametri mg src 'moja slika gif ' width height ce ima ukaz vec parametrov njihov vrstni red ni pornemben pozor presledka za in pred lomljenim oklepajem ne sme biti osnovna pravila v jezikri html ni pomembno v kaksni obliki dokument natipkamo saj lahko podamo vse napotke za njegovo oblilkovanje zato je popolnoma vseeno ali med besedarna zapisemo le en presledek ali vec ali pa ju locimo z nekaj praznimi vrsticami vsak razmik obravnavamo kot en sam presledek dodatne razrnike moramo dolociti z ustreznimi oznakami pravila spletnih brskalnikov oznake ki jih ne poznajo preprosto zanernarijo dokumente zapisane v jeziku html shranjujema v datoteke katerih ime se konea s podaljskom html pri datotecnih sistemih ki podaljsek omejujejo na tri znake lahko uporabimo podaljsek htm izhodisce predpisano splosno obliko dokutmenta html dolocajo v predpisanem zaporedju zapisane naslednje oznake html head title naslov dokumenta title head body vsebina body html vsak pravilno zapisan dokument je omejen s parom oznak html in html bolj pregledno je ce ju zapisemo v prvi in zadnji vrstici dokumenta ceprav to ni nujno navsezadnje je lahko ves dokument zapisan v eni sami vrstici del ki je zapisan med paroma oznak head in head je pravzaprav glava ki se posreduje v odgovor streznika server response znotraj glave lahko zapisemo vee metainformacij ki se bodo posredovale v glavi odgovora vsak dokument bi moral biti poimenovan njegovo ime zapisemo med par oznak title in title sama vsebina dokumenta je zaprta med oznaki body in body ta vsebina se prikaze znotraj pregledovalnika pri protokolu http podaja obliko zapisa posebna oznaka v glavi content type prakticno vsi brskalniki prikazujejo besedilo v kateri od standardnih kodni strani ki ne vsebuje slovenskih znakov s preprosto oznako ki jo dodamo glavi lahko vsilimo interpretacijo po standardu iso latin ki pozna sumnike ustrezna oznaka se potem glasi meta http equiv 'content type' content 'text html charset iso ' parameter http equiv oznacuje element metainfozmacije v glavi odgovora parameter content pa njegovo vrednost za lazje delo pri pripravi dokumentov html si lahko pripravimo sablono ki jo shranimo v datoteko to datoteko vedno uporabimo za izhodisce nadaljnjega kodiranja tovrstna datoteka bi lahko imela naslednjo vsebino html head title title meta http equiv 'content type' content 'text html charset iso '' head avtor lilijana remich body body html oblikovanje dokumenta prelom besedila vse besedilo ki ga zapisemo znotraj telesa dokumenta med oznaki body in body se obravnava kot en sam odstavek v obicajnem besedilu lahko prehod v novo vrstico vsilimo z oznako br break lom za dolocanje novih odstavkov uporabimo par oznak p in p paragraplt odstavek za poravnavo besedila na levi v centru ali desni uporabljamo vecinoma naslednje oznake div calign ' left center right poravnano besedilo div pri obravnavi lomov omenimo se oznako hr ki izrise vodoravno erto hotizontar rule uporabimo jo lahko za vizualno locilo ki smiselno locuje kose dokumenta ali pa oznacuje konec strani znaki in odlomki oznake jezika html omogoeajo tudi oblikovanje posameznih znakov standard html uvaja sest stopenj naslovov ki jih oznacujejo pari oznak od h do h cetrta stopnjaje po velikosti navadno primerljiva z navadnim a poudatjenim besedilom znake dodatno oblikujemo tako dajih objamemo z ustreznim parom oznak za osnovne poudarke imamo po html na voljo pare oznak b bold krepko i italic kurzivno u underline podertano strike strikethrough preertano sub subscript sup superscript z zadnjima dvema oznakama dolocimo indekse in potence na voljo so tudi pari oznak dfn definition definicija code koda za izvleeke iz programske kode samp sample primer za izpise var variable spremenljivka pri obravnavi oblikovanja znakov ne moremo mimo oznake font standardna oblika oznake se glasi font s parametrom size lahko doloeamo velikost znakov pri tem imarno na voljo razpon sedmih velikosti oznacenih s stevilkami od do namesto absolutnega podajanja velikosti pa lahko predpisemo tudi sorazmerno povecanje ali zmanjsanje znakov pri tem imamo na voljo razpon od do za normo privzamemo obicajno velikost doloceno na strani odjemalca ce ne uporabimo posebne oznake basefont oznaka font nastopa v paru basefont pa je samostojna barvo lahko podamo z angleskizn opisnim imenom ali s stevilcno kodo stevilena koda barve se zacne z znakom hash definicije in seznami locimo tri razlicne vrste seznamov lists definicijske neostevilcene ostevilcene definicijski seznami nam omogocajo da oblikovano prikazemo kot pojem in njegovo definicijo omejuje ga par oznak dl definition list posamezno definicijo na seznamu pa definiramo s posameznima oznakama dt definitian topic in dd deftnition descriptlon prva pomeni uvodno oznako postavke druga pa locuje pojem od njegovega pojasnila neostevilceni seznami nam omogocajo nastevanje pri katerem vrstni red postavk ni pomernben seznam je ornejen z oznakama ul unordered list postavke pa doloca oznaka li list item pri urejenih seznamih uporabimo par oznak ol ordered list za postavke paje tadi tu v rabi oznaka li v html sta uvodna in postavcna oznaka ostevilcenih in neostevilcenih seznamov obogatenih z nekaj parametri celotna oblika ul je taksna ul parameter type doloca slog oznacevanja postavk ki jih uvaja oznaka li parameter compact predlaga brskalniku naj seznam upodobi v stisnjeni obliki z manj praznega prostora med postavkami pri ostevilcenih seznamih je izbira se vceja popolna oblika oznake po html je taka ol compact parameter type ce poznamo le da pri ostevilcenih ponuja stevilcenje postavk z arabskimi stevilkami malimi ali velikimi crkami angleske abecede a ali a in malimi ali velikimi rimskimi stevilkarni i ali i novost je parameter start ki predpise izhodiscno oznako prve postavke postavke ostevilcenih seznamov oznacujemo z oznako li ki lahko ima v tem primeru dva parametra li value ' vrednost ' nadpredstavnost uporaba graficni h brskalnikov spletnih dokumentov je primerna za prikazavanje besedila in slik pri slikah nastopi zgolj ena tezava po prostorski zahtevnosti so za nekaj velikostnih razredov nad besedilom poleg vkljucevanja slik je drugi razlog za priljubljenost in uporabnost oznacevalnega jezika html moznost vnasanja povezav ker je povezava lahko katerakoli beseda ali slika lahko z njimi ustvarjamo nadpredstavne dokumente l slike in prostor v dokumente kodtrane v html je moc vkljucevati slike dveh graficnih formatov to sta gif graphical interchange format in jpeg toint pfiotographic expert group oba omogocata stiskanje podatkov kar delno omili prostorsko zahtevnost grafcne vsebine v besedilo ki je kodirano v obliki html vkljueimo sliko tako da vnesemo posebno oznako ki ji kot parameter podtaknemo splosni krajevnik url slike zgled take oznake je img src 'http llwww pasadena siltelefon jpg' celotna oblika oznake img image je precej zapletena img src ' url relativna pot ' alt ' opis slike ' align ' top middle bottom left right ' height visina slike v tockah ' border ' debelina obrobe slike pri povezavi v tockah ker pa ne poznamo sirine odjemalcevega okna ne moremo predpostaviti kako se bo besedilo prelomilo v vrstice tako ne vemo ali bo novi odstavek ze prisel pod sliko ali ne v ta namen je bila razsirjena oznaka za prehod v novo vrstico ki lahko vsebuje dodaten parameter clear celotna oblika oznake je br povezave in karte povezave omogocajo izgradnjo nadpredstavnih dokumentov ki so razprseni na vec naslovih s splosnim krajevnikom vira url lahko dosezemo poljuben vir v internetu povezave oznaeimo tako da zeljeni del dokumenta objamemo s parom oznak a anchor sidro nov vir je lahko novo besedilo nova slika ali katerakoli druga datoteka zgled povezave a href 'http www pasadena si ' zalo ba pasadena la predstavija knjigo java a href 'http www w org ' img src 'w c gif ' w sup lsup konzorcij a upodobitev izpostavljenih besed zalozba pasadena in w konzorcij je odvisna od odjemalca ponavadi so besede oznaeene z modro barvo in so poleg tega se podcrtane vendar to ni nujno z oznako a lahko dolocimo tudi poimenovano mesto znotraj dokumenta ki bo cilj dolocene hiperpovezave tedaj je oznaka samostojna in ne potrebuje koncne oznake a saj zgolj oznacuje rnesto v dokumentu za oznacitev toeke v dokumentu uporabimo parameter name ki mu priredimo poljubno vendar znotraj dokumenta enolicno doloceno ime za sklicevanje na tako oznacena mesta je potrebno posebej oznaeiti absolutni krajevnik ali relativno pot pred oznako vedno napisemo visaj hash potrebno pa je poudariti da je vsebina parametra name obcutljiva za velike in male crke opisno ime hrana ni enako hrana ali hrana oglejmo si zgled znotraj dokumenta na naslovu http l www test si dokumenti cenik html smo oznacili nek aj mest z opisnimi imeni hrana pijaea nanje se lahko sklicujemo absolutno z naslovom http www test si dokumenti cenik html hrana relativno v dokumentih v istem strezniku dokumenti cenik html hrana relativno v dokumentih v istem imeniku cenik htrnl hrana relativno znotraj samega dokumenta hrana slikovne karte na odjemalcevi strani se prenasajo skupaj z dokumentom kodiranim v html slikovno karto defniramo s parom oznak map dokument lahko vsebuje vee slikovnih kart saj vsako poirnenujemo s parametrom name znotraj para oznak je ena ali vec oznak area ki dolocajo posamezna vroca mesta slike vroca mesta lahko definiramo kot pravokotnike rect kroge circle ali veckotnike poly definicija karte se v splosnem glasi map area shape ' rect circle poly default ' coords 'x ' href ' url relativna pot ' nohref alt ' opis povezave ' map s parametrom coords defmiramo obmocje kar je odvisno od izbrane oblike ki jo doloca shape izhodisce slike je vedno v njenem levem zgornjem vogalu pri pravokotniku podajamo koordinati levega zgornjega kota in desnega spodnjega vogala pri krogu podamo koordinati sredisea in polmer pri veckotnikih podajamo koordinate posameznih oglisc ce vrsto obmocja oznacimo z default se privzame vsa povrsina slike ce se dve obmocji prekrivata obvelja tisto ki je navedeno prej vcasih zelimo da bi posamezno obmocje ne kazalo nikamor v tem primeru lahko parameter href nadomestimo z nohref