HTML je jezik za označavanje hiperteksta. Hypertext markup language HTML Čemu služi hipertekstualno označavanje
Suvremene web informacijske tehnologije ubrzano mijenjaju naš svijet i izravno utječu na razvoj web tehnologija. Ova tehnološka revolucija uvelike je utjecala ne samo na poslovni nego i na osobni i profesionalni život. Najnovije web tehnologije prodiru u sve sfere društva, mijenjaju metode komunikacije i principe vođenja web projekata modernih tvrtki, određujući sudbinu potonjih. Interna složenost i iznimna jednostavnost korištenja suvremenih web informacijskih tehnologija čini ih dostupnima svima koji se svakodnevno susreću s njihovom upotrebom u svojim profesionalnim aktivnostima.
I u svakodnevnom životu iu poslovanju, u dopisivanju i trgovini, ljudi i organizacije koriste se webom, stvaraju vlastite web stranice na kojima nude informacije, robu i usluge. Alati za izradu web resursa razvijaju se brzo i bez prestanka, omogućuju vam stvaranje složenih web dokumenata bez potrebe za posebnim znanjem o njihovoj strukturi i izgled, oslobađajući vrijeme za produktivne kreativne aktivnosti. Glavna prednost web tehnologija je modernim uvjetima leži u njihovoj jednostavnosti i, kao posljedica toga, u povećanju učinkovitosti njihove uporabe.
Jezik hiperteksta HTML označavanjePopularnost Interneta uvelike je posljedica pojave World Wide Weba (WWW), jer je to bila prva mrežna tehnologija koja je korisniku omogućila jednostavno, moderno sučelje za pristup raznim mrežni resursi. Jednostavnost i lakoća korištenja doveli su do povećanja broja WWW korisnika i privukli pozornost komercijalnih struktura. Tada je proces rasta broja korisnika postao lavinski, a to traje do danas. Na temelju potrebe za kombiniranjem cijelog skupa izvori informacija počela se razvijati tehnologija uz pomoć koje se definira hipertekstualni navigacijski sustav. Ova tehnologija je postala HTML jezik. HTML tehnologija u početnoj je fazi bila iznimno jednostavna, a gotovo svi korisnici mreže istodobno su imali priliku isprobati se kao kreatori i čitatelji informativnih materijala objavljenih na World Wide Webu. Činjenica je da se pri razvoju različitih komponenti tehnologije pretpostavljalo da će kvalifikacije autora informacijskih izvora i njihova opremljenost računalnom tehnologijom biti minimalne.
HTML (HyperText Markup Language) jedan je od tzv. označnih jezika. Izraz "markup" odnosi se na opće servisne informacije, koji se ne ispisuje s dokumentom, ali definira; kako trebaju izgledati pojedini fragmenti dokumenta. Na primjer, možda želite da riječ bude podebljana ili kurziv, da odlomak bude prikazan određenim fontom ili da naslovi budu većim fontom.
Danas je dostupno mnogo različitih jezika za označavanje. Na primjer, u komunikacijskim programima poseban oblik označavanja određuje značenje svakog paketa jedinica i nula koji se šalje na Internet. Međutim, svaki označni jezik mora riješiti dva važna problema:
1) jezik definira sintaksu označavanja;
2) jezik određuje značenje oznake.
Najčešći označni jezik za web stranice je HTML. Ovaj označni jezik stvoren je i promoviran kao podskup SGML-a. Prvi put predložen 1974. godine od strane Charlesa Goldfarba i kasnije usvojen kao službeni ISO standard nakon značajnog usavršavanja, SGML (Standard Generalized Markup Language) je metajezik - sustav za opisivanje drugih jezika.
Pojava SGML standarda bila je potaknuta potrebom za dijeljenjem podataka različite primjene i operativnih sustava. Još u 60-ima, korisnici računala imali su mnogo problema s kompatibilnošću. Nakon analize nedostataka mnogih nestandardnih označnih jezika, tri IBM-ova znanstvenika - Charles Goldfarb, Ed Mosher i Ray Lorie - formulirala su tri opća načela koja osiguravaju mogućnost suradnje na dokumentima u različitim operativnim sustavima.
1) Korištenje jedinstvenih principa oblikovanja u svim programima koji obrađuju dokumente. Sasvim logičan zahtjev - svi znamo koliko je ljudima koji govore engleski teško dogovoriti se međusobno. različiti jezici. Prisutnost jednog skupa sintaktičkih struktura i zajedničke semantike značajno pojednostavljuje interakciju između programa.
2) Specijalizacija jezika za oblikovanje. Zahvaljujući mogućnosti izgradnje specijaliziranog jezika temeljenog na skupu standardnih pravila, programer prestaje ovisiti o vanjskim implementacijama i njihovim idejama o potrebama krajnjeg korisnika
3) Jasna definicija formata dokumenta. Pravila koja definiraju format dokumenta određuju broj i označavanje jezičnih konstrukata koji se koriste u dokumentu. Korištenje standardnog formata osigurava da korisnik točno zna strukturu sadržaja dokumenta. Imajte na umu: ne radi se o formatu prikaza dokumenta, već o njegovom strukturnom formatu. Skup pravila koja opisuju ovaj format naziva se definicija tipa dokumenta (DTD).
Ova tri pravila bila su osnova za SGML-ov prethodnik, GML (Generalized Markup Language). Istraživanje i razvoj GML-a nastavljen je desetak godina sve dok se standard SGML nije pojavio kao rezultat sporazuma koji je postigla međunarodna skupina programera.
HTML (Hypertext Markup Language) je računalni jezik koji je osnova World Wide Weba. HTML se temelji na standardu SGML, hipertekstualnom označnom jeziku za prezentaciju dokumenata na webu. Standarde HTML jezika, jednog od ključnih web standarda, razvija i održava konzorcij W3C. Osnivač ovog međunarodnog konzorcija je Tim Berners-Lee. Osim izrade standarda oblikovanja, konzorcij je središte razvoja semantičkog weba (semantičke mreže). HTML jezik pruža označavanje formata za dokumente i definira hiperveze između dokumenata i/ili njihovih fragmenata.
Kao osnova za pisanje odabran je uobičajeni HTML kod. tekstualna datoteka. Dakle, hipertekstualna baza podataka u WWW konceptu je skup tekstualnih datoteka označenih u HTML-u, koji određuje oblik prezentacije informacija (markup) i strukturu veza između tih datoteka i drugih informacijskih izvora (hipertekstualne veze).
HTML programeri uspjeli su riješiti dva problema:
· dizajnerima hipertekstualnih baza podataka omogućiti jednostavan način stvaranja dokumenata;
· učiniti ovaj alat dovoljno snažnim da odražava tadašnje ideje o korisničkom sučelju hipertekstualnih baza podataka.
Prvi problem riješen je odabirom modela označavanja za opis dokumenta. HTML jezik vam omogućuje označavanje elektronički dokument, koji se prikazuje na ekranu s razinom ispisa dizajna; rezultirajući dokument može sadržavati veliki izbor oznaka, ilustracija, audio i video fragmenata, i tako dalje. Jezik uključuje razvijene alate za stvaranje različitih razina naslova, odabira fontova, raznih popisa, tablica i još mnogo toga.
Drugi važna točka Ono što je utjecalo na sudbinu HTML-a je to što je kao osnova odabrana obična tekstualna datoteka. Okruženje za uređivanje HTML-a ničija je zemlja između jednostavne tekstualne datoteke i WYSIWYG (ono što vidite to i dobijete) aplikacije. Odabir okruženja za uređivanje daje vam sve prednosti uređivanja teksta.
Hipertekstualne veze, uspostavljajući veze između tekstualnih dokumenata, postupno su počele objedinjavati široku paletu informacijskih izvora, uključujući zvuk i video. Sustav HTML hiperveza omogućuje izgradnju sustava međusobno povezanih dokumenata prema različitim kriterijima. HTML jezik sadrži naredbe (tagove) pomoću kojih možete upravljati oblikom i veličinom fontova, veličinom i mjestom ilustracija, te omogućuje prelazak s fragmenta teksta ili ilustracije na druge HTML dokumente - tzv. . Dokument u html formatu je tekstualna datoteka koja sadrži sve potrebne podatke o informacijama prikazanim na ekranu. Možete koristiti skriptne jezike, kao što su JavaScript, Java i VBScript, za upravljanje skriptama za pregledavanje web stranica (hipertekstualna baza podataka smještena na World Wide Webu). Obrasci za korisnički unos koji se kasnije obrađuju i druge informacije mogu se obraditi pomoću posebnih poslužiteljski programi(na primjer, u jezicima PHP ili Perl). HTML vam omogućuje da na svoje stranice uključite hipertekstualne veze i gumbe na koje je moguće kliknuti koji povezuju vaše web stranice s drugim stranicama na istom web mjestu, kao i s drugim web stranicama diljem svijeta.
HTML je jezik za označavanje teksta, a ne programski jezik, koji je samo jedan od alata (točnije jezik za opis stranica) koji se koristi za izradu web stranica. HTML ima ograničene mogućnosti oblikovanja teksta u usporedbi s izdavački programi, osobito kada se objavljuje tekst bogat složenim elementima.
Još uvijek nema tako zgodnih HTML uređivača da možete bez uređivača teksta i ručnog postavljanja oznaka. To otežava rad s jezikom i dovodi do potrebe da svladaju funkcije koje su im potpuno neobične.
Analizirajući značajke HTML jezika i procjenjujući stupanj njegove razvijenosti, možemo doći do zaključka da u nadolazećim godinama treba očekivati pojavu njegovih naprednijih modifikacija, novih jezika i aplikacijskih paketa za rad s web stranicama .
Dinamički i statični HTML dokumenti
Postoje dvije vrste HTML dokumenata - statički i dinamički. Statički dokumenti pohranjuju se u datoteke sustav datoteka, koji koristi web poslužitelj ili preglednik prilikom pregledavanja lokalne datoteke. Prilikom objavljivanja informacija na web poslužitelju možete koristiti dinamičke dokumente - one koji ne postoje trajno u obliku datoteka, već se generiraju u trenutku zahtjeva klijenta. Štoviše, za krajnjeg korisnika nije bitno jesu li dokumenti prikazani dinamički ili statično.
Za generiranje dinamičkog HTML dokumenta potreban je posebno napisan program u skladu s pravilima definiranim od strane web poslužitelja. Prilikom planiranja smještaja informacija na web poslužitelju, kako bi se pravilno odredila upotreba bilo koje vrste dokumenta, potrebno je voditi računa o stupnju ažuriranosti podataka, njihovom volumenu i učestalosti pristupa.
Dinamička metoda određuje pohranjivanje podataka u formaliziranom obliku, na primjer u bazi podataka.
Ako su podaci pohranjeni u formaliziranom obliku, tada se statični dokumenti generiraju pomoću predložaka dokumenata u kojima su napravljene izmjene. Za generiranje statičkih dokumenata možete koristiti bilo koji alat za izvješćivanje dostupan u sustavu za upravljanje bazom podataka (DBMS) s kojim se podaci obrađuju i formaliziraju.
HTML perspektive
Neće biti novih verzija HTML jezika, ali postoji daljnji razvoj HTML-a pod nazivom XHTML (engleski: Extensible Hypertext Markup Language). Dok je XHTML po mogućnostima usporediv s HTML-om, ima strože sintaktičke zahtjeve. Kao i HTML, XHTML je podskup SGML jezik, međutim, XHTML, za razliku od svog prethodnika, odgovara XML specifikaciji. XHTML 1.0 je odobren kao preporuka od strane World Wide Web Consortiuma (W3C) 26. siječnja 2000. Potrebno je, međutim, uzeti u obzir jedan ozbiljan detalj - velik broj informacijskih izvora stvoren je u ovom formatu, a web preglednici će ih dugo "razumjeti" i koristiti u izvornom obliku. Osim toga, razvijat će se (i već se razvijaju - npr. XML) svi novi formati s podrškom za HTML tehnologije.
Način na koji radimo se mijenja, a mijenjaju se i načini pristupa sadržaju. HTML jezik je izvorno stvoren kao jezik neovisan o platformi. Nove tehnologije koriste se gotovo posvuda, a vrlo brzo prostor World Wide Weba više neće biti vlasništvo samo korisnika stolnih računala. osobnih računala, već sada neki korisnici aktivno koriste glasovne preglednike za slijepe ili preglednike koji koriste Broglie abecedu; često se sadržaj ne prikazuje na monitoru računala, već na TV-u, kada se koriste set-top box uređaji s pristupom mreži ili teletype, ili na monokromatskim zaslonima raznih dojavljivača i drugih rokovnika.
Nastavljamo seriju članaka o osnovama web jezika i razvoju na ovom području. Prethodno smo se upoznali s osnovama hipertekstualnog jezika HTML, njegovim značajkama i metodama označavanja teksta (tagovima).
Također smo naučili da HTML jasno komunicira s takvima razvoj softvera, kako su CSS i Javascript stilovi i zašto je takva suradnja među jezicima neophodna. Danas ćemo detaljno razmotriti strukturu stvaranja dokumenata u HTML5. Blokovska konstrukcija dokumenta i njegova struktura tema je današnjeg članka. Ali prvo morate razumjeti što je HTML5.
Programski jezik HTML5 (od engleskog HyperText Markup Language) je peta verzija jezika. Kao svi prethodne verzije, namijenjen je izgradnji strukture dokumenata i njihovom predstavljanju na mreži. Na ovaj trenutak HTML5 verzija je u razvoju. Cilj kojem se teži izradom pete verzije HTML-a je unaprijediti jezik u području njegovog rada s multimedijskim dokumentima (audio i video aplikacije).
Dodavanje nekih sintaktičkih inovacija, kao što su , i , pomoći će minimizirati logičke i sintaktičke pogreške pri radu s HTML5 multimedijskim datotekama. Također, kako bi se obogatio semantički sadržaj dokumenta (semantika - proučavanje značenja jezičnih jedinica), uvode se nova značenja, kao što su , , i . Neki od atributa bit će uklonjeni ili promijenjeni. Uvode se nove mogućnosti za rukovanje nevažećim dokumentima tako da će svi preglednici moći rukovati takvim dokumentima.
Što je DOCTYPE?Svaki dokument u HTML-u uvijek počinje ovom riječju. Sve prethodne verzije HTML-a objavljivale su ovu deklaraciju otprilike na sljedeći način:
gdje PUBLIC označava čitljivost dokumenta, a DTD označava vrstu objavljenih dokumenata (Document Type Definition). Definicija DOCTYPE u HTML5 je mnogo pojednostavljena −< !DOCTYPE HTML>. To je sve - oznaka je spremna.
Dakle, što radi DOCTYPE deklaracija? Ova oznaka ima za cilj reći preglednicima koji jezični standard da koriste - vizualizacija stranice kao cjeline, njezino prikazivanje, ovisit će o određivanju HTML verzije. Standardi razvoja HTML-a strogo su regulirani i slijede određena pravila, pa je rad s kodovima drugih ljudi, njihovo čitanje i prikazivanje u pregledniku korištenjem standarda osjetno pojednostavljeno.
U početku je DOCTYPE deklaracija prebacila preglednik na standardni način rada, a to je omogućilo korištenje novijih standarda. Za one dokumente koji su napisani prema starom standardu, moguće je koristiti način kompatibilnosti, koji omogućuje normalan rad preglednika. Novu DOCTYPE deklaraciju sada podržavaju gotovo svi postojeći preglednici, dok ih istovremeno prebacuje u standardni način rada. Odnosno, svaki novoizrađeni dokument mora sadržavati atribut DOCTYPE i biti u skladu s razvijenim standardima. U tom se slučaju cijeli kod dokumenta provjerava na usklađenost sa standardima.
Uobičajeno, cijelu stranicu napisanu u HTML-u možete podijeliti u nekoliko pododjeljaka. Korijen glavnog koda cijele stranice je oznaka. Odnosno, između oznaka možete staviti gotovo sve. Shematski je stranica u HTML-u prikazana na sljedeći način:
Na primjer:
< !DOCTYPE HTML>< !-Любой текст, изображения, таблицы и т.д. -->
U našem slučaju, oznaka sadrži atribut koji određuje jezik dokumenta - ruski. Kako biste olakšali rad s dokumentom, morate odrediti jezik dokumenta. Sav sadržaj stranice nalazi se između oznaka.... , osim DOCTYPE deklaracije.
Oznaka je takozvana glava dokumenta. Svi potrebni podaci o stranici (i za rad preglednika i informativni podaci za programera) nalaze se između i . Naslov stranice, njen kod - na primjer, UTF-8, metapodaci kao što su ključne riječi, opis stranice, ime autora itd. – svi takvi podaci nalaze se točno između oznaka i . Ovdje možete povezati vanjske datoteke, skripte i biblioteke.
Što su meta oznake?Kao što je gore spomenuto, oni sadrže sve informacije o stranici. Glavne meta oznake opisane su u nastavku:
1. Vrsta kodiranja stranice – Charset. U većini slučajeva koristi se UTF8, ali mogu se koristiti i druga kodiranja, na primjer, windows-1251, KOI-8, ISO itd. Atribut kao što je Charset određuje koje kodiranje koristiti za čitanje stranice. U HTML5 ovaj atribut izgleda ovako:
Kao što vidiš, nova verzija jezik uvelike pojednostavljuje upravljanje stranicom, olakšava i ubrzava čitanje.
Meta Description tag, to jest - Sažetak stranice. Na primjer:
Upotreba ove oznake nije obavezna, ali je poželjna kako bi se sadržaj stranice zaštitio od kopiranja.
Meta oznaka koja označava naslov stranice ili objave na stranici – naslov. Oznaka izgleda ovako:
Definicija HTML-a i struktura jezika. | vašasite.com
Naslov se prikazuje u naslovu prozora koji se otvara ili na vrhu stranice.
Meta oznake veze i skripte koriste se za povezivanje stilskih tablica, vanjskih datoteka i biblioteka s izvođenjem. Na primjer, tablice CSS stilovi i JavaScript, kao i biblioteku jQuery. Linije povezivanja za ove datoteke izgledaju ovako:
| 1 |
To jest, da biste razumjeli bit ovih redaka, možete zamisliti sljedeću situaciju: CSS i JavaScript datoteke su na poslužitelju, ali bez ovih redaka u dokumentu jednostavno neće raditi. Malo upozorenje za korištenje ovih oznaka je da datoteke mogu biti ili na lokalnom poslužitelju ili na udaljenom. U potonjem slučaju morate navesti puni put do datoteka u meta oznakama. U našem primjeru, meta oznaka veze koristi se za povezivanje CSS datoteke i koristi relaciju veze. Ovaj potpis pregledniku to daje do znanja ovu datoteku je stilska datoteka. Oznaka rel ima i mnoga druga značenja.
Alternativa prvoj opciji za povezivanje datoteke stilova može biti sljedeći redak:
| 1 2 3 4 | a (tekst-dekoracija: podcrtano;) p (boja: #000000;) |
a (tekst-ukras: podcrtano; ) p (boja: #000000;)
Ova metoda izravno povezuje stil sa stranicom, bez uključivanja stilske datoteke.
Najvažnija oznaka u HTML dokumentu je . Također ima završni kraj. Svi podaci koji se nalaze unutar ove oznake određuju sadržaj stranice - njezin sadržaj, slike na stranici, svu referentnu masu sadržanu u tekstu itd. Dakle, sve informacije koje dolaze prije oznake mogu biti zatvorene u neku vrstu nepromjenjivog predloška. Sadržaj tijela se može uređivati, mijenjati, poboljšavati.
Nakon razmatranja svih komponenti HTML dokumenta pete verzije, možete pokušati sastaviti sve pojedinačne dijelove u jednu cjelinu, koja će biti potpuni HTML dokument, odnosno stranica određene stranice. Ovako će izgledati gotova stranica:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < !DOCTYPE HTML>Dizajn koliba |
< !DOCTYPE HTML>Dizajn koliba
Ako shematski zamislite strukturu HTML stranice, izgledat će ovako:
Ovo je tzv objektni model HTML dokument (DOM).
U budućim publikacijama planiram detaljnije proučiti CSS tablice, a detaljnija analiza strukture HTML5 također će biti korisna za pravilan rad s bilo kojom verzijom HTML jezika.
Hyper Text Markup Language (HTML) - hipertekstualni označni jezik - namijenjen je pisanju hipertekstualnih dokumenata objavljenih na World Wide Webu.
Hipertekstualni dokument je tekstualna datoteka koja ima posebne oznake, zvane oznake, koje preglednik naknadno prepoznaje i koristi za prikaz sadržaja datoteke na zaslonu računala.
Pomoću ovih oznaka možete označiti naslove dokumenta, promijeniti boju, veličinu i stil slova te umetnuti grafike i tablice. Ali glavna prednost hiperteksta u odnosu na obični tekst je mogućnost dodavanja hiperveza na sadržaj dokumenta - posebne izvedbe HTML jezici koji vam omogućuju da kliknete za pregled drugog dokumenta.
HTML dokument sastoji se od dva dijela: samog teksta, odnosno podataka koji čine sadržaj dokumenta, i oznaka - posebnih konstrukata HTML jezika koji se koriste za označavanje dokumenta i upravljanje njegovim prikazom. Oznake HTML jezika određuju u kojem obliku će tekst biti predstavljen, koje će njegove komponente djelovati kao hipertekstualne veze i koji grafički ili multimedijski objekti trebaju biti uključeni u dokument.
Grafičke i zvučne informacije uključene u HTML dokument pohranjuju se u zasebne datoteke. Preglednici HTML dokumenata (preglednici) tumače zastavice za označavanje i slažu tekst i grafiku na zaslonu u skladu s tim. Za datoteke koje sadrže HTML dokumente, prihvaćene ekstenzije su .htm ili .html.
U većini slučajeva, oznake se koriste u paru. Par se sastoji od početne i završne oznake. Učinak bilo koje uparene oznake počinje tamo gdje se naiđe na početnu oznaku i završava kada se naiđe na odgovarajuću završnu oznaku. Često se poziva par koji se sastoji od oznake za otvaranje i zatvaranje spremnik, a dio teksta obrubljen početnim i završnim tagovima je element.
Niz znakova koji čini tekst može se sastojati od razmaka, tabulatora, novih redaka, znakova za početak, slova, interpunkcijskih znakova, brojeva i posebni znakovi(na primjer #, +, $, @), osim sljedeća četiri znaka, koji imaju posebna značenja u HTML-u: (veće od), & (ampersend) i " (dvostruki navodnik). Ako trebate uključiti bilo koji od ove znakove u svom tekstu, tada biste ga trebali kodirati posebnim nizom znakova.
Struktura HTML dokumentaNajvažniji od HTML oznake je istoimena oznaka. Uvijek otvara dokument, kao što se oznaka uvijek mora pojaviti u njegovom zadnjem retku. Ove oznake pokazuju da linije između njih predstavljaju jedan hipertekstualni dokument. Bez ovih oznaka, preglednik ili drugi preglednik ne može prepoznati format dokumenta i ispravno ga protumačiti.
HTML dokument sastoji se od dva dijela: glave i tijela, raspoređenih sljedećim redoslijedom:
Naslov dokumenta Tijelo dokumenta
Najčešće naslov dokumenta uključuje uparenu oznaku ..., koja definira naziv dokumenta. Mnogi ga gledatelji koriste kao naslov prozora u kojem se dokument prikazuje. Programi koji indeksiraju dokumente na Internetu koriste naslov za identifikaciju stranice. Dobar naslov trebao bi biti dovoljno dugačak da ispravno identificira odgovarajuću stranicu, ali bi u isto vrijeme trebao stati u naslov prozora. Naslov dokumenta se nalazi između početne i završne oznake.
Tijelo dokumenta je obavezan element, jer sadrži sav materijal dokumenta. Tijelo dokumenta nalazi se između oznaka i . Sve što se nalazi između ovih oznaka preglednik tumači u skladu s pravilima HTML jezika, što omogućuje ispravan prikaz stranice na zaslonu monitora.
Tekst u HTML-u podijeljen je u odlomke pomoću oznake. Postavlja se na početku svakog odlomka, a gledatelj pri susretu s njim odvaja odlomke jedan od drugoga praznim redom. Završna oznaka nije obavezna.
Ako želite “razbiti” tekst, premjestiti ostatak u novi redak, bez odabira novog odlomka, upotrijebite oznaku za prijelom retka
. Uzrokuje da gledatelj prikaže znakove koji ga prate nova linija. Za razliku od oznake odlomka,
ne dodaje prazan redak. Ova oznaka nema uparenu završnu oznaku.
HTML jezik podržava logičko i fizičko oblikovanje sadržaja dokumenta. Logičko oblikovanje označava svrhu određenog dijela teksta, dok fizičko oblikovanje određuje njegov izgled.
Korištenje logičko oblikovanje teksta, preglednik odabire različite dijelove teksta u skladu sa strukturom dokumenta. Za prikaz naslova koristi se jedna od oznaka naslova. Naslovi u tipičnom dokumentu podijeljeni su na razine. HTML vam omogućuje postavljanje šest razina naslova: h1 (naslov prve razine), h2, h3, h4, h5 i h6. Naslov prve razine obično ima veće veličine i bogatstvo u usporedbi s naslovom druge razine. Primjer korištenja oznaka zaglavlja:
l. Naslov poglavlja l.l. Naslov odjeljka
Oznake fizičko oblikovanje izravno postavite izgled teksta na zaslonu preglednika, na primjer, par označava tekst masnim slovima, postavlja podcrtavanje teksta i kontrolira font teksta.
Označiti umeće sliku u dokument kao da je samo jedan veliki znak. Primjer korištenja oznake:
Za stvaranje hipertekstualne veze koristi se par oznaka... Dio teksta, slika ili bilo koji drugi objekt koji se nalazi između ovih oznaka prikazuje se u prozoru preglednika kao hipertekstualna veza. Aktiviranje takvog objekta uzrokuje učitavanje novog dokumenta u prozor preglednika ili prikaz drugog dijela trenutne web stranice. Hipertekstualna poveznica se formira pomoću izraza:
Href je ovdje obavezan atribut čija je vrijednost URL traženog izvora. Navodnici u određivanju vrijednosti atributa href nisu obavezni. Ako je navedena poveznica na dokument na drugom poslužitelju, tada je tip hiperveze sljedeći:
Fotografija 11-A
Koristeći različite oznake, možete crtati tablice, oblikovati tekst, umetati slike, video, zvučne datoteke itd. u dokument.
Jezik za označavanje hiperteksta (HTML)World Wide Web, ili nešto slično Svjetska mreža,WWW čini glavnu komponentu globalne računalne mreže, Interneta. Porijeklom iz 60-ih, Internet dugo vremena koristio samo uski krug stručnjaka za razmjenu informacija o e-pošta. Mrežom se upravljalo operacijski sustav UNIX - ovo je bilo prikladno za znanstvene svrhe, ali prilično složeno UNIX tekstualno sučelje značajno je ograničilo opseg primjene mrežne tehnologije. Godina rođenja World Wide Weba smatra se 1989. - ove godine je izumljen jezik, koji je kasnije postao glavni jezik web dokumenata - to je jezik - HTML (HyperText Markup Language - jezik za označavanje hiperteksta).
Autor HTML jezika je Tim Berners-Lee, diplomant Sveučilišta u Oxfordu, koji je u to vrijeme radio po ugovoru u Ženevi, u Europskom laboratoriju za fiziku čestica (CERN, Conseil Europeen pour la Recherche Nucleaire) kao konzultant za softver. CERN je prilično velika organizacija i stoga, kako bi se bolje snalazili u njegovoj strukturi, nije potrebno pohranjivati podatke o velike količine projektima, dužnosnicima itd., Tim Berners-Lee je za svoju osobnu upotrebu razvio program Inquire, na temelju kojeg je nekoliko godina kasnije stvoren svojevrsni informacijski prostor za laboratorij. Program Inquire omogućio je takozvano "nelinearno" pretraživanje dokumenata - tj. prelaziti s jednog dokumenta na drugi bez pozivanja na sadržaj ili referentnu knjigu.
HTML jezik čini osnovu tehnologije hiperteksta. Hipertekstualni dokument sadrži takozvane hiperveze.
Označni jezik dokumenta skup je posebnih uputa, nazvanih oznakama, osmišljenih da tvore strukturu u dokumentima i definiraju odnose između različitih elemenata te strukture. Jezične oznake, ili kontrolne oznake kako se ponekad nazivaju, nekako su kodirane u takvim dokumentima, odvojene od glavnog sadržaja dokumenta i služe kao upute programu koji prikazuje sadržaj dokumenta na strani klijenta. U prvim sustavima za označavanje ovih naredbi korišteni su simboli “” unutar kojih su se nalazili nazivi instrukcija i njihovi parametri. Sada je ovaj način označavanja oznaka standardan.
Korištenje raščlambe hiperteksta tekstualni dokument u modernim informacijskim sustavima uvelike je posljedica činjenice da vam hipertekst omogućuje stvaranje mehanizma za nelinearno gledanje informacija. U takvim sustavima podaci se ne prikazuju kao kontinuirani tok tekstualne informacije, već skup međusobno povezanih komponenti kojima se kreće pomoću hiperveza.
HTML sam po sebi nije programski jezik; to je sredstvo za opisivanje strukture dokumenta, njegovog stila i njegovih veza s drugim dokumentima. Za pregled web dokumenata koristite posebni programi- tzv. pretraživači (engleski: to browse - 1) pasti, čupati izdanke; 2) čitati, proučavati nasumično, u napadima.) Zapravo, mogućnosti preglednika mnogo su šire, ali za sada ćemo se ograničiti na njihovu definiciju kao sredstva pregledavanja web dokumenata. Internet svoju popularnost duguje preglednicima.
MINISTARSTVO OBRAZOVANJA I ZNANOSTI UKRAJINE
SKHIDNOUKRAINSKO NACIONALNO SVEUČILIŠTE
Ime je dobio po Volodimiru Dahlu
Zavod za računarstvo
Po disciplini
Računalni dizajn i multimedija
Studentica Boldakova I.V.
1. Uvod
3.1 HTML uređivači
4. Izrada web stranica korištenjem CMS Joomla 1.5.7
Književnost
1. UvodWorld Wide Web - globalno računalna mreža Danas sadrži milijune stranica koje sadrže sve vrste informacija. Ljudi ovim informacijama pristupaju putem internetske tehnologije. Za navigaciju WWW-om koriste se posebni programi - Web preglednici koji uvelike olakšavaju putovanje nepreglednim prostranstvima WWW-a.Sve informacije u Web pregledniku prikazuju se u obliku Web stranica.
Web stranice, podržavajući multimedijsku tehnologiju, kombiniraju različite vrste informacija: tekst, grafiku, zvuk, animaciju i video. Njegov uspjeh na Internetu uvelike ovisi o tome koliko je kvalitetno i lijepo napravljena određena web stranica.
Korisnik sa zadovoljstvom posjećuje one web stranice koje imaju moderan dizajn, nisu opterećene pretjeranom grafikom i animacijom, brzo se učitavaju i ispravno prikazuju u prozoru web preglednika.
Izrada web stranice nije laka, ali vjerojatno bi se svatko želio okušati kao dizajner. I u ovom slučaju nisam iznimka, zbog čega sam odabrao ovu temu za svoj kolegij.
U svom eseju pokušao sam razumjeti što trebate znati i moći stvoriti web stranicu, što softver je alat za izradu web stranica i kako ga učinkovito koristiti.
Također u ovom radu osvrnuo sam se na osnove programskog jezika za web stranice - HTML, koji je općeprihvaćen WWW standard. To će nam dati priliku da se upoznamo sa strukturom web stranice i tehnikama za njezin pravilan dizajn. Također ćemo pogledati izradu web stranice pomoću CMS Joomla.
2. Razmotrite HTML jezik za označavanje hipertekstaWeb stranice mogu postojati u bilo kojem formatu, ali on je prihvaćen kao standard Hyper Text Markup Language- hipertekstualni označni jezik dizajniran za stvaranje formatiranog teksta bogatog slikama, zvukom, animacijom, video isječcima i hipertekstualnim poveznicama na druge dokumente.
Možete raditi na webu bez poznavanja HTML jezika, budući da se HTML tekstovi mogu kreirati različitim posebni urednici i pretvarači. Ali pisanje izravno u HTML-u nije teško. Možda je čak i lakše od učenja HTML uređivača ili pretvarača, koji su često ograničeni u svojim mogućnostima, imaju pogreške ili proizvode loš HTML koji ne radi na različitim platformama.
HTML jezik postoji u nekoliko verzija i nastavlja se razvijati, ali će se HTML konstrukcije vjerojatno nastaviti koristiti u budućnosti. Učeći HTML i dublje ga razumijevajući, stvarajući dokument na početku učenja HTML-a i proširujući ga što je više moguće, u mogućnosti smo stvoriti web stranice koje mogu vidjeti mnogi Web preglednici, kako sada tako i u budućnosti. Ovo ne isključuje mogućnost korištenja drugih metoda, kao što je napredna metoda koju nudi Opera, Google Chrome, Internet Explorer ili drugi preglednici.
Rad s HTML-om način je da naučite sitnice stvaranja dokumenata na standardiziranom jeziku, koristeći proširenja samo kada je to stvarno potrebno.
HTML je ratificirao World Wide Web Consortium. Podržavaju ga svi preglednici.
Budući da su HTML dokumenti napisani u ASCI I formatu, za izradu se može koristiti bilo koji uređivač teksta.
Obično je HTML dokument datoteka s nastavkom .html ili . htm, u kojem je tekst označen HTML tagovima (engleski tag - posebne ugrađene upute). HTML definira sintaksu i položaj oznaka prema kojima preglednik prikazuje sadržaj web dokumenta. Web preglednik ne prikazuje tekst samih oznaka.
Sve oznake počinju simbolom "". Obično postoji par oznaka - početna (početna) i završna (završna) oznaka (slično otvaranju i zatvaranju zagrada u matematici), između kojih se postavljaju informacije o označavanju:
Informacija
Ovdje je početna oznaka oznaka
I one posljednje -
. Završna oznaka razlikuje se od početne oznake samo po tome što ima simbol "/" (kosa crta) u zagradama prije teksta.Preglednik koji čita HTML dokument prikazuje ga u prozoru pomoću strukture HTML oznake. Svaki HTML dokument mora imati tri glavna dijela:
A) HTML deklaracija;
B) Naslovni dio;
C) Tijelo dokumenta.
A) HTML deklaracija
i . Par ovih oznaka govori gledatelju (pregledniku) da se između njih nalazi HTML dokument, pri čemu je prva oznaka u dokumentu oznaka (na samom početku dokumenta), a posljednja oznaka (na samom kraju dokumenta dokument).
B) Dio naslova.
i . Između ovih oznaka nalaze se informacije o dokumentu (naslov, ključne riječi za pretraživanje, opis itd.). Ipak, najvažniji je naslov dokumenta koji vidimo u gornjem retku prozora preglednika i na popisima "Favorites (BookMark)". Posebni pauk programi tražilice koristiti naslov dokumenta za izgradnju svojih baza podataka. Kako biste svom HTML dokumentu dali naslov, tekst se postavlja između oznaka i .
Moja prva stranica
C) Tijelo dokumenta.
Treći glavni dio dokumenta je njegovo tijelo. Odmah slijedi naslov i nalazi se između oznaka i . Prvi od njih trebao bi biti odmah nakon oznake, a drugi - prije oznake. Tijelo HTML dokumenta je mjesto gdje autor postavlja informacije oblikovane pomoću HTML-a.
Moja prva stranica.........
Sada možemo napisati HTML kod za našu stranicu:
Moja prva stranica Moje stranice će biti ovdje!
U odjeljku BODY preglednik zanemaruje sve kartice i prijelome redaka i ni na koji način ne utječu na prikaz stranice. Stoga prijelom retka u izvornom tekstu HTML dokumenta neće započeti novi redak u tekstu koji preglednik prikazuje osim ako nisu prisutne posebne oznake. Ovo je pravilo vrlo važno zapamtiti i ne zaboravite staviti oznake za odvajanje redaka, inače tekst neće imati odlomke i postat će nečitljiv.
Za početak novog retka upotrijebite oznaku
(skraćeno od engleskog break - prekidati). Ova oznaka uzrokuje da preglednik prikazuje daljnji tekst od početka sljedećeg retka. Za njega se ne koristi oznaka za zatvaranje. Zgodno je ako u nekom trenutku trebate pisati iz novog retka bez započinjanja novog odlomka, na primjer, u pjesmi. Ponovno korištenje omogućuje umetanje jednog ili više praznih redaka, pomicanjem sljedećeg fragmenta stranice prema dolje.
Kontinuirani tekst bez razmaka nije lako čitati, nezgodno ga je gledati i pronaći prava mjesta. Podijeljen na odlomke, tekst se percipira mnogo brže. Oznaka se koristi za početak novog odlomka
(engleski paragraf - paragraf). Ova oznaka, osim što započinje novi red, umeće jedan prazan red. Ali opetovano ponavljanje
Za razliku od
, neće dovesti do pojave nekoliko praznih redaka, i dalje će postojati isti jedan prazan redak.
Unutar zagrada oznake, osim imena, mogu se staviti i atributi. Odvojeni su od naziva i međusobno razmacima (jednim ili više), a upisuju se u obrazac ime_atributa="značenje". Ako vrijednost ne sadrži razmake, navodnici se mogu izostaviti, ali to se ne preporučuje. Oznaka
Može sadržavati atribut ALIGN koji određuje poravnanje odlomka. Prema zadanim postavkama odlomak je poravnat lijevo ALIGN="lijevo". Moguće je i desno poravnanje ALIGN="right" i središnje poravnanje ALIGN="center". Kada koristite atribute, trebali biste koristiti završnu oznaku nakon oblikovanog teksta
. Ako je nema, onda nova oznakaZnači zatvaranje prethodnog, odnosno ugniježđenog
Nemoguće. Također je moguće centrirati tekst pomoću oznake.
Sada možemo staviti tekst s različitim poravnanjima na našu web stranicu:
Moja prva stranica
Ovdje će biti moje osobne stranice!
Na njima možete pronaći: - priču o meni i mojim hobijima; - moje slike.
S jedne od mojih stranica to će biti moguće
Pošalji mi elektronička pošta.
3. Alati za izradu web stranica 3.1 HTML editori
Svatko bira svoj alat za izradu web stranica. To može biti MS FrontPage ili Macromedia DreamWeaver, Allaire HomeSite ili 1st Page. A neki ljudi koriste jednostavan uređivač teksta, kao što je Notepad.
Urednici teksta Moguće je koristiti samo za stvaranje malih stranica, budući da imaju mnogo nedostataka: projekti nisu podržani, nema "isticanja" teksta., općenito, izuzetno je nezgodno raditi.
Glavni nedostatak MS FrontPagea je što generira jako veliki HTML kod (previše nepotrebnih stvari), pa stranice ispadaju velike, što utječe na brzinu učitavanja. Štoviše, kada kreirate web stranice u ovom editoru vidite jedno, ali u prozoru preglednika vidite nešto sasvim drugo. Stranice ispadaju pomalo krive, pa se za izradu visokokvalitetnih web stranica preporučuje korištenje paketa o kojima će biti riječi u nastavku.
Počet ćemo s popularnim Macromedia DreamWeaverom. Macromedia se smatra liderom u proizvodnji softvera za izradu web stranica, kao i trendsetterom u ovom području.