HTML jezik se odnosi na Svrhu HTML jezika. HTML standard i XHTML specifikacija. Struktura HTML dokumenta. Uputstvo za implementaciju
DIZAJN WEB SAJTA
Faze izrade web stranice
Izrada web stranice uključuje nekoliko faza - od osmišljavanja ideje do njene implementacije. Da biste stvorili zaista zanimljiv i koristan proizvod, potrebno je proći kroz sljedeće korake.
Analiza i dizajn. Analiza snaga i slabosti konkurenti, informacioni dizajn web sajta, razvoj njegovog koncepta, procena ciljne publike.
Pisanje sadržaja. Ispod sadržaj odnosi se na informativni sadržaj stranice. Termin se koristi za označavanje ideološkog sadržaja web stranice.
Kreativno. Kreativno- termin koji označava vizuelnu komponentu web stranice. To uključuje razvoj dizajna, grafičkih elemenata, grafičku obradu i sve što je povezano s tim.
Pisanje koda web stranice. Programiranje web datoteka, pisanje funkcionalnog dijela
Testiranje. U ovoj fazi se provjerava sve: lakoća navigacije, integritet podataka, ispravnost linkova i pravopisa; štaviše, ne interpretiraju svi pretraživači iste HTML oznake na isti način.
Publikacija. Postavljanje web stranice na Internet. Većina Internet provajdera (ISP) pruža uslugu besplatnog hostovanja kućnih veb stranica (ova usluga se zove Web hosting). Da biste objavili, možete hostirati svoju web stranicu kod provajdera ili koristiti druge opcije.
Podrška. Potrebno je odlučiti kako će se dodavati novi dijelovi i materijali, a šta sa starima. Možda će biti potrebno napraviti arhivu vijesti koja će sadržavati vijesti koje su izgubile relevantnost. Još je važnije redovno ažurirati informacije na web stranici kako biste osigurali da ostanu atraktivni.
Terminologija web dizajna
web preglednik- aplikativni program dizajniran za tumačenje kodova HTML dokumenata i prikazivanje hipertekstualnog dokumenta na ekranu računara. Najčešće korišćeni pretraživači - Internet Explorer,opera, Mozilla Firefox, google chrome. Uz pojam „pretraživač“ koriste se sinonimi „pretraživač“ i „navigator“.
Website- skup međusobno povezanih, sličnih po značenju web stranica i datoteka. Svaka web stranica ima jednu web stranicu koja se zove početna stranica ili početna stranica. Svi posjetitelji web stranice prvo dođu na nju, a zatim, koristeći hiperveze, dođu na druge stranice web stranice.
Web stranica (HTML dokument) je tekstualna datoteka na HTML jezik format *.htm ili *.html, objavljeno na WWW. Osim teksta, Web stranica može sadržavati grafiku, animacije, video klipove, muziku, kao i hipertekstualne veze pomoću kojih možete navigirati i pregledati druge web stranice.
Jedan od načina za kreiranje web stranica (ili HTML dokumenata) je korištenje uređivač teksta Notepad, ugrađen u Windows. U ovom uređivaču se kreira datoteka web stranice, koja se čuva sa ekstenzijom *.htm, a rezultati se zatim pregledavaju pomoću pretraživača.
Kreiranje web stranica koristeći HTML jezik
Jezik HTML(Hyper Text Markup Language) je jezik za označavanje hipertekstualnih dokumenata koji se koristi za pisanje web stranica.
HTML jezik vam omogućava da:
‒ kreirati i uređivati web stranice, uključujući početnu web stranicu, koja se zatim može postaviti na Internet;
- urediti HTML dokumente primljene sa Interneta tako da svi objekti ugrađeni u dokument (slike, animacije itd.) funkcionišu;
- stvoriti multimedijalne prezentacije, projekcije slajdova, demo projekti, zahvaljujući hipertekstualnim vezama i mogućnosti umetanja crteža, dijagrama, animacija, video klipova, muzičke i govorne pratnje, tekstualnih specijalnih efekata (na primjer, pužuća linija) u HTML dokument.
OSNOVNI KONCEPTI HTML JEZIKA
Element je konstrukcija HTML jezika, ili kontejner, koji sadrži podatke.
Web stranica je skup elemenata.
Tag su početni i završni markeri elementa. Oznake definiraju granice djelovanja elemenata i odvajaju elemente jedan od drugog. Oznake su zatvorene u uglatim zagradama, na primjer: . Završnoj oznaci, ako to zahtijeva sintaksa jezika, prethodi kosa crta naprijed:.
Okvir- područje hipertekstualnog dokumenta sa vlastitim trakama za pomicanje. Okviri vam omogućavaju da podijelite stranice u pravokutne oblasti, od kojih svaka prikazuje svoje vlastitu stranicu. Možete postaviti jedan ili više okvira na stranicu (ova stranica se zove frames page ili frameset).
Forma- oblast hipertekstualnog dokumenta koja je neophodna za organizovanje povratne informacije sa posetiocima sajta.
Applet- mali aplikativni program prebačen na računar klijenta u formi zaseban fajl i pokreće se prilikom pregleda web stranice.
Skripta- program uključen u web stranicu radi proširenja njenih mogućnosti.
Položaj (upload)- kopiranje dokumenta sa računara klijenta na web server - koristi se prilikom kreiranja vlastite web stranice (tj. prilikom objavljivanja).
Pixel- najmanja tačka boje na ekranu monitora.
OPŠTA STRUKTURA JEDNOSTAVNOG HTML DOKUMENTA
Opća struktura jednostavnog HTML dokumenta je:
<СОММЕNT> Komentar СОММЕNT>
Ovdje se nalazi tekst samog HTML dokumenta.
Hajde da objasnimo ove oznake HTML dokumenta:
- identifikator cijelog bloka HTML naredbi.
- Identifikator zaglavlja HTML dokumenta.
- identifikator HTML komandi dokumenta koji treba pregledati.
Tri glavne oznake , I pružiti pretraživaču osnovne informacije za identifikaciju i organiziranje dokumenta.
Sve navedene oznake su uparene, tj. svaka se završava završnom oznakom sa kosom crtom. Sve naredbe se mogu pisati i malim i velikim slovima.
<МЕТА> - za označavanje se koristi neuparena oznaka detaljne informacije o dokumentu.
OZNAKE ZA FORMATIRANJE TEXT STREAM
<Р> - identifikator kraja pasusa iza kojeg se dodaje prazan red. Treba nam oznaka na kraju Р> .
- identifikator izvođenja reda.
- identifikator slike horizontalne linije.
Ove oznake su pojedinačne, tj. neupareni, ne zahtijevaju oznake kose crte.
- instalacija fonta sa jednakim razmacima. Treba nam oznaka na kraju .
UPARENI OZNACI ZA FORMATIRANJE GLAVA I PODNASLOVA DOKUMENTA
<Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>. U ovom slučaju, naslovi će biti prikazani velikim slovima i veličina slova oznake <Н1> će biti najveći <Н2> - manje, y <НЗ> - još manje itd.
OZNAKE ZA FORMATIRANJE ZNAKOVA ZA UPARENI TEKST
<В> - identifikator podebljanog fonta.
- identifikator odabranog fonta.
- kurziv identifikator.
- identifikator donje crte.
- precrtani identifikator.
- identifikator fonta jednakog razmaka (teletip ili kurir).
- postavlja povećanu veličinu fonta.
- postavlja smanjenu veličinu fonta.
- postavlja indeks.
OZNAKE ZA FORMATIRANJE ODLOMAKA
<р align=left> - poravnajte tekst u pasusu na lijevo.
<р align=right> - poravnajte tekst u pasusu udesno.
<р align=center> - poravnajte tekst u pasusu prema sredini.
<р align=justify> - potpuno poravnanje na obe ivice ekrana,
poravnati- atribut poravnanja.
LISTA OZNAKA
Oznake liste su način za vizuelno prikazivanje strukturiranih informacija. Uređene liste se koriste za prikaz sekvencijalnih operacija ili algoritama. Pretraživač automatski generiše brojeve za svaku stavku na listi.
- identifikator naručene liste. Na kraju .
Neuređene liste se koriste za sastavljanje lista kada redosled stavki nije važan. Svaki element će imati marker ispred sebe.
- identifikator neuređene liste. Na kraju .
Pojedinačni elementi u uređenim i neuređenim listama označeni su jednom oznakom
oznake
Kraj oznaka može biti izostavljen.
OZNAKE LISTE DEFINICIJA
Liste definicija pružaju posebno formatiranje pojmova i njihovih povezanih opisa poput rječnika.
- identifikator liste definicija. Na kraju.
OZNAKE U BOJI
- postavlja pozadinu (pozadinu) na web stranici u back.jpg datoteci.
- pozadinska slika (wallpaper) je preuzeta iz datoteke tartan.bmp i naznačena je putanja ove datoteke.
- postavlja boju tekstualnih znakova (boju) i njihovu veličinu (veličinu). Treba nam oznaka na kraju .
LINE TAGS
- postavlja boju horizontalne linije.
- atribut veličina=N postavlja debljinu linije u pikselima; atribut širina=M postavlja dužinu linije u pikselima; atribut align=center(ili lijevo ili u pravu) specificira pomak linije (njen položaj u centru, ili pomak ulijevo, ili udesno).
OZNAKE ZA UMETANJE SLIKA
Grafike na stranicama su sredstvo za izražavanje misli, naglašavanje ideje.
Slike se mogu sačuvati u nekoliko formata. Tip GIF datoteke, grafički format za razmjenu, bio je prvi tip datoteke koji je podržan na WWW-u. JPEG format je zatim razvila zajednička grupa stručnjaka za fotografiju. Ovaj format je efikasniji od GIF-a za predstavljanje velikih slika.
PNG format je stekao popularnost - lična mrežna grafika, koja zamjenjuje GIF.
Prilikom objavljivanja stranice, grafika mora biti u folderu u kojem su pohranjeni fajlovi stranice, a URL mora biti pravi.
JPEG koristi posebnu tehniku kompresije slike koja je korisna za crteže i fotografije.
- umetanje grafičke slike u obliku animacije lycos.gif. Takođe možete koristiti grafičke datoteke u formatu *.jpg (ili *.jpeg), *.bmp.
- ako se prilikom umetanja slike koriste atributi širina (širina u pikselima) i visina (visina u pikselima), tada će pri učitavanju slike pretraživač prvo prikazati okvir gdje bi slika trebala biti, a zatim i samu sliku, jer potrebno je duže za učitavanje. Na ovaj način prostor na ekranu je rezervisan za sliku.
- umetanje grafičke slike u obliku datoteke iexplor.gif, sa naznačenom punom putanjom grafički fajl na disku: c:\html\amat\iexplor.gif ( ovog trenutka Morate unaprijed razmisliti o tome, inače će se pojaviti problemi s prikazom prilikom prelaska na drugi računar).
- atribut granica postavlja okvir oko perimetra slike debljine 3 piksela. Atribut Alt daje tekst umjesto okvira ako nema slike.
Atribut border=0 koristi se za uklanjanje ivice oko crteža. Ovo je neophodno, na primjer, kada koristite animirane GIF slike na transparentnoj osnovi.
Ovdje atribut hspace=5 osigurava da tekst glatko teče oko slike. Određuje širinu nepopunjenog prostora desno i lijevo od crteža u pikselima.
Atribut poravnati = "lijevo" osigurava da je slika postavljena na lijevoj strani.
JUMP TAG
<а href=«excite.htm»>excite.htm - hipertekstualna veza do excite.htm datoteke.
<а href=«C:\book\book.inf»>book.inf - hipertekstualna veza, prijelaz na datoteku book.inf. Prilikom pokretanja pretraživača, morate odrediti program za pregled tekstualnu datoteku book.inf, na primjer edit.com.
Kada radite na Internetu, trebali biste razlikovati datoteke s velikim i malim slovima u nazivu i ekstenziji. Mora postojati potpuna korespondencija između imena datoteka u smislu veličine svakog slova u nazivu i ekstenziji koji su navedeni u hipervezi i koji se nalaze na serveru, inače hiperveze neće raditi.
Da biste olakšali svoj rad, možete odrediti numerička imena datoteka (brojevi su uvijek iste veličine).
PRELAZNA OZNAKA NA DRUGU WEB STRANICU
<а href=«http://www.da.ru»>http://www.da.ru - hipertekstualna veza u obliku teksta, prijelaz na Internetu na web stranicu http://www.da.ru.
<а href=«zinn.gif»>> - hipertekstualni link u obliku slike globe.gif, prelazak na pregled slike zinn.gif.
E-MAIL ADRESA UMETNI OZNAKU
<а href=«mailto: krilenka@ya.ru»>krilenka@ya.ru - hiperlink na adresu Email. Kada se pritisne, uspostavlja se poziv mail program i specificirano E-mail adresa: krilenka@ya.ru se unosi u pasus Kome .
DOKUMENT INSERT TAG
-
umetanje objekta u HTML dokument. U ovom slučaju, ovo je multimedijalna datoteka *.avi, a kada se stranica učita, ova datoteka se automatski pokreće, čije su dimenzije na ekranu određene atributima Širina I Visina.
Ako je HTML dokument velik, onda unutar njega prave prijelaze pomoću oznake (U01): <Р> <а href=«#U01>Uvodа> Р> <а name=«U01»>Uvodа>
OZNAKE ZA KREIRANJE ŠKRIPAJUĆEG TEKSTA
(SAMO ZA INTERNET EXPLORER):
Ako bi red teksta trebao teći lijevo, onda umjesto toga u pravu mora da postoji reč lijevo. Možete kreirati tekući tekstualni niz još jednostavnije (tj. bez atributa, i on će se pokretati lijevo):
Ako tekstualni niz treba da ide lijevo i desno, onda u oznaci
LISTA BOJA HTML SIMBOLA
Ukupno 16 osnovnih boja:
Umjesto ovih termina, možete koristiti RGB kodovi(R ed, G reen, B lue), na primjer: #FFFFFF- bijela (bijela), #FF0000- crveno.
Promjena RGB kodovi, Možete odabrati boje koje želite za tekst i pozadinu.
OZNAKE AUDIO VEZE
Za reprodukciju zvuka (*.mid fajl) nakon učitavanja HTML dokumenta Internet pretraživač Explorer (tj. u pozadini), morate napisati sljedeću naredbu, na primjer:
Možete koristiti i *.wav datoteku. Broj igranja petlja može se povećati sa 1 na p.
FRAME TAGS
- određivanje strukture okvira (prozora) dokumenta: dimenzije i položaj okvira na stranici. Zamjenjuje oznaku BODY u dokumentu okvirima; može biti ugniježđen u drugim okvirima.
- određivanje broja i veličine horizontalnih okvira (linijskih okvira) u prozoru pretraživača (pikseli, procenti širine).
- određivanje broja i veličine vertikalnih okvira (okvirova kolona) u prozoru pretraživača (pikseli, procenti širine).
- definicija okvira i njegovih svojstava unutar FRAMESET strukture.
Atributi okvira:
- označava adresu (URL) HTML datoteke prikazane u ovom okviru.
- određivanje širine (u pikselima) lijeve i desne margine okvira; mora biti jednak ili veći od 1.
- određivanje širine (u pikselima) gornjeg i donjeg polja okvira; mora biti jednak ili veći od 1.
- utvrđivanje prisustva klizača za sadržaj okvira; Vrijednosti mogu biti: „da“, „ne“ ili „automatski“. Podrazumevano je automatski.
- sprečavanje promjene veličine okvira.
OZNAKE FORMA
Da bi obrazac funkcionisao moraćete da pišete CGI script. HTML jednostavno kreira izgled forme.
Kreirajte obrazac koji se može ispuniti | |
Element Select kreira meni tipa „Odaberi jednu stavku od mnogih“ ili „Odaberi nekoliko stavki iz više“ u obrascu koji se može ispuniti. Veličina određuje broj vidljivih stavki bez pomicanja. | |
< Option > | Element opcija opisuje pojedinačne stavke menija. Nema završnu oznaku. |
Kreirajte polje za unos više redova teksta. Cols označava širinu; redovi označavaju visinu. | |
Kreirajte polje za unos za atribute da/ne ili za atribute koji mogu prihvatiti više vrijednosti u isto vrijeme. Odmah iza oznake slijedi tekst. | |
Kreiranje polja za unos za atribute koji uzimaju jednu vrijednost od nekoliko mogućih. Tekst odmah slijedi oznaku. | |
Kreiranje polja za unos za jedan red teksta. Veličina određuje dužinu u znakovima. | |
< input type=«submit» value=«NAME»> | Kreiranje dugmeta koje, kada se klikne, šalje popunjen obrazac na server. |
Kreiranje grafičke slike za dugme koje pokreće prenos podataka na server. |
KREIRANJE TABLICA U HTML-u
Tabele su zgodan način za formatiranje podataka u HTML-u.
Tabela je definirana i njena opća svojstva definirana pomoću oznake Tag border="5"- širina bočne ivice u pikselima. Kada se postavi na nulu, okvir nestaje; širina="100"- širina tabele u pikselima ili širina="50%"- širina tabele u % u odnosu na širinu stranice u prozoru; cellpacing="10"- širina prednje ivice u pikselima; cellpadding="10"- određuje veličinu praznog prostora u pikselima koji okružuje podatke u ćeliji. Tag Tag Tag Boja pozadine ćelije je postavljena u oznaci Unpaired tag Ćelija zaglavlja razlikuje se od obične ćelije po tome što se tekst unutar nje pojavljuje podebljanim fontom. Boja pozadine zaglavlja je postavljena: SCRIPT Za implementaciju web stranice koristi se program Motor
, koji implementira funkcionalnost osim jednostavnog prikaza gotovih web stranica. Na primjer, pregledavanje kataloga online trgovine (lista proizvoda se preuzima iz baze podataka trgovine), pretraživanje interneta (stranice s odgovorima pretraživač se formiraju dinamički), prikazujući banere (mašina „daje“ jedan ili drugi baner stranicama stranice prema datom algoritmu). Skripta je jednostavan program u programskom jeziku "skriptiranja" (Perl, Php, Javascript), komponenta motora. U ekstremnim slučajevima, mehanizam stranice može se sastojati od jedne skripte. Cgi-bin je istorijski bio poddirektorij na serveru u kojem su se nalazile skripte i druge komponente mehanizma sajta. Neke usluge hostinga (usluge za hostovanje tuđe Web lokacije na svom Web serveru ili tuđem Web serveru) pružaju svojim klijentima lične cgi-bin direktorijume za hostovanje skripti. Jezik HTML(Hyper Text Markup Language) je jezik za označavanje hipertekstualnih dokumenata koji se koristi za pisanje web stranica. HTML jezik vam omogućava da: kreirati i uređivati web stranice, uključujući početnu web stranicu, koja se zatim može postaviti na Internet; uređivati HTML dokumente primljene sa Interneta tako da svi objekti ugrađeni u dokument (slike, animacije, itd.) funkcionišu; kreiranje multimedijalnih prezentacija, slajd šoua, demonstracijskih projekata, zahvaljujući hipertekstualnim vezama i mogućnosti umetanja crteža, dijagrama, animacija, video klipova, muzičke i govorne pratnje, tekstualnih specijalnih efekata (na primjer, puzajuća linija) u HTML dokument. Element je konstrukcija HTML jezika, ili kontejner, koji sadrži podatke. Web-stranica je skup elemenata. Tag(Tag) su početni i završni markeri elementa. Oznake definiraju granice djelovanja elemenata i odvajaju elemente jedan od drugog. Oznake su zatvorene u uglatim zagradama, na primjer: <
HTML>.
Završnoj oznaci, ako to zahtijeva sintaksa jezika, prethodi kosa crta naprijed:
HTML>
. Okvir(Okvir) - područje hipertekstualnog dokumenta sa vlastitim trakama za pomicanje. Okviri vam omogućavaju da podijelite stranice u Hi pravougaone oblasti, od kojih svaka prikazuje svoju stranicu. Možete postaviti jednu ili više okviri na stranici (ova stranica se zove okvirna stranica ili frameset). Forma(Obrazac) je oblast hipertekstualnog dokumenta koja je neophodna za organizovanje povratnih informacija od posetilaca sajta. Applet(Aplet) je mali aplikacijski program koji se prenosi na računar klijenta kao zasebna datoteka i pokreće prilikom pregleda web stranice. Skripta(Skripta) je program uključen u web stranicu radi proširenja njenih mogućnosti. Smještaj(UpLoad) - kopiranje dokumenta sa klijentovog računara na Web server - koristi se prilikom kreiranja sopstvene veb stranice (tj. prilikom njenog objavljivanja). Pixel(Piksel) - najmanja tačka boje na ekranu monitora. Opća struktura jednostavnog HTML dokumenta je: <KOMENTAR> Komentar >
<
TITLE>
Ime dokumenta ТП
LE>
HEAD>
<
TIJELO>
Ovdje se nalazi tekst samog HTML dokumenta.
TIJELO>
HTML>
Hajde da objasnimo određene oznake HTML dokumenta. <
KOMENTAR>
- komentar na dokument. Nije potrebno. <
HTML>
- identifikator cijelog bloka HTML naredbi. <
HEAD>
- identifikator naslova dokumenta HTML.
<
TITLE>
- identifikator naslova polja prikaza. <
TIJELO>
- identifikator HTML-komande dokument za pregled. Tri glavne oznake <
HTML>,
<
HEAD>
I <
TIJELO>
proslijediti osnovne identifikacijske informacije u pretraživač i organizacijacije dokument. Sve navedene oznake su uparene, tj. svaka se završava završnom oznakom sa kosom crtom. Sve naredbe se mogu pisati i malim i velikim slovima. <МЕТА>
- neuparena oznaka se koristi za označavanje detaljnih informacija o dokumentu. Termin HTML (HyperText Markup Language) znači "jezik za označavanje hiperteksta". Prvu verziju HTML-a razvio je Tim Berners-Lee, saradnik u Evropskoj laboratoriji za fiziku čestica. HTML je pretrpio neke promjene od kreiranja prve verzije. Kao i mnoge stvari u kompjuterskom svijetu, verzije ili specifikacije HTML-a su se ispostavile numerirane. Poznate su specifikacije 2.0, 3.0 i 3.2. Trenutna HTML specifikacija se uvijek može pronaći na W3C serveru. HyperText Markup Language (HTML) je standardni jezik dizajniran za kreiranje hipertekstualnih dokumenata u WEB okruženju. HTML dokumenti se mogu pregledati razne vrste WEB pretraživači. Kada je dokument kreiran sa koristeći HTML, WEB pretraživač može interpretirati HTML kako bi istaknuo različite elemente dokumenta i prvo ih obradio. Korištenje HTML-a omogućava dokumentima da se formatiraju tako da mogu biti predstavljeni korištenjem fontova, linija i drugih grafičkih elemenata na bilo kojem sistemu koji ih pregleda. Većina dokumenata ima standardne elemente kao što su naslov, paragrafi ili liste. Koristeći HTML tagove možete odrediti ove elemente, pružajući WEB pretraživačima minimalne informacije za prikaz ovih elemenata, uz očuvanje ukupnog opšta struktura i informacijsku potpunost dokumenata. Sve što je potrebno za čitanje HTML dokumenta je WEB pretraživač koji tumači HTML oznake i prikazuje dokument na ekranu u obliku koji mu daje autor. U većini slučajeva, autor dokumenta striktno definiše izgled dokument. U slučaju HTML-a, čitač (na osnovu mogućnosti WEB pretraživača može u određenoj mjeri kontrolisati izgled dokumenta (ali ne i njegov sadržaj). HTML vam omogućava da označite gdje bi trebao biti naslov ili pasus). dokument koristeći HTML oznaku, a zatim pruža WEB-pretraživač za tumačenje ovih oznaka. Na primjer, jedan WEB pretraživač može prepoznati početak oznake paragrafa i prikazati dokument u željenom obliku, dok drugi nema tu mogućnost i prikazuje dokument u jednom redu. Korisnici nekih WEB pretraživača takođe imaju mogućnost prilagođavanja veličine i vrste fonta, boje i drugih parametara koji utiču na prikaz dokumenta. HTML dokumenti se mogu kreirati pomoću bilo kojeg uređivača teksta ili specijalizovanih HTML uređivača i pretvarača. Izbor uređivača koji će se koristiti za kreiranje HTML dokumenata zavisi isključivo od pogodnosti i ličnih preferencija svakog autora. Na primjer, HTML uređivači kao što je Netscape Navigator Gold iz Netscapea omogućavaju vam da kreirate dokumente grafički koristeći WYSIWYG (ono što vidite je ono što dobijate). S druge strane, većina tradicionalnih alata za kreiranje dokumenata ima pretvarače koji vam omogućavaju da konvertujete dokumente u HTML format. Sve HTML oznake počinju sa "<" (левой угловой скобки) и заканчиваются символом ">" (pravokutna zagrada). Obično postoje početna i završna oznaka. Na primjer, ovdje su oznake naslova, koje definiraju tekst unutar početne i završne oznake koje opisuju naslov dokumenta: HTML ne razlikuje velika i mala slova, pa bi gornji primjer mogao izgledati ovako: Završna oznaka izgleda isto kao i početna, a razlikuje se od nje po kosoj crti ispred teksta unutar ugaonih zagrada. IN u ovom primjeru tag Neke oznake kao npr (oznaka koja definira pasus) ne zahtijevaju završnu oznaku, ali njena upotreba daje izvornom tekstu dokumenta poboljšanu čitljivost i strukturu. Kada WEB pretraživač primi dokument, on određuje kako bi se dokument trebao tumačiti. Prva oznaka koja se pojavljuje u dokumentu mora biti oznaka . Ova oznaka govori WEB pretraživaču da je vaš dokument napisan pomoću HTML-a. Minimalni HTML dokument bi izgledao ovako: ...telo dokumenta... Zaglavlje dokumenta Oznaku glave dokumenta treba koristiti odmah nakon oznake i nigde drugde u telu dokumenta. Ova oznaka je opći opis dokument. Izbjegavajte postavljanje teksta unutar oznake Većina WEB pretraživača prikazuje sadržaj oznake Komentari Kao i svaki drugi jezik, HTML vam omogućava da ubacite komentare u tijelo dokumenta, koji se pohranjuju kada se dokument prenese preko mreže, ali ih pretraživač ne prikazuje. Sintaksa komentara: Komentari se mogu pojaviti bilo gdje u dokumentu iu bilo kojoj količini. Oznake tijela dokumenta identificiraju komponente HTML dokumenta prikazane u prozoru. Tijelo dokumenta može sadržavati veze do drugih dokumenata, tekst i druge formatirane informacije. Tijelo dokumenta Tijelo dokumenta mora biti između oznaka Oznaka paragrafa Za razliku od većine programera za obradu teksta, vraćanje nosioca se generalno zanemaruje u HTML dokumentu. Fizički prijelom pasusa može se nalaziti bilo gdje u izvornom tekstu dokumenta (da bi se lakše čitao). Međutim, pretraživač razdvaja pasuse samo ako postoji oznaka Ako ne odvojite pasuse oznakom Vaš dokument će se pojaviti kao jedan veliki pasus. Hipertekstualne veze su ključna komponenta koja WEB čini atraktivnim za korisnike. Dodavanjem hipertekstualnih veza (u daljem tekstu linkovi) činite skup dokumenata povezanih i strukturiranih, što omogućava korisniku da što brže i jednostavnije dođe do potrebnih informacija. Linkovi imaju standardni format, koji omogućava pretraživaču da ih interpretira i izvrši potrebne funkcije (metode poziva) u zavisnosti od tipa veze. Veze mogu upućivati na drugi dokument, određenu lokaciju unutar tog dokumenta ili obavljati druge funkcije, kao što je zahtjev za datotekom putem FTP-a za preglednik za prikaz. URL može ukazivati na određenu lokaciju u apsolutnoj putanji ili može ukazivati na dokument u trenutnoj putanji, što se često koristi pri organiziranju velikih strukturiranih WEB lokacija. Vratite se na prethodnu vezu ako je došlo do pomeranja unutar dokumenta. Ako koristite veze unutar dokumenta, a zatim pritisnete tipku Nazad, nećete ići na prethodnu vezu, već ćete se vratiti na dio dokumenta koji ste ranije pregledavali. Jedan od najatraktivnijih prokleti Web-mogućnost uključivanja veza do grafičkih i drugih vrsta podataka u HTML dokumentu. Ovo se radi pomoću oznake Postoje dva načina za korištenje grafike u HTML dokumentima. Prvi je ugrađivanje grafičkih slika u dokument, što omogućava korisniku da vidi slike direktno u kontekstu drugih elemenata dokumenta. Ovo je najčešće korištena tehnika u dizajnu dokumenata, koja se ponekad naziva "inline slika". Neki WWW pretraživači omogućavaju korisniku, ispunjavanjem posebnog obrasca koji vraća rezultujuću vrijednost, da izvrši određene radnje na vašem WWW serveru. Kada se obrazac interpretira od strane WEB pretraživača, kreiraju se posebni elementi ekrana GUI-ja, kao što su polja za unos, potvrdni okviri, radio-dugmani, padajući meniji, liste koje se mogu pomicati, dugmad itd. Kada korisnik popuni formular i klikne na dugme „Pošalji“ (POŠALJI je posebna vrsta dugmeta koja se specificira prilikom opisivanja dokumenta), informacije koje je korisnik uneo u obrazac šalju se na HTTP server na obradu i prenos drugim programima koji rade pod serverom, u skladu sa CGI (Common Gateway Interface) interfejsom. Kada opisujete obrazac, svaki element unosa podataka ima oznaku . Kada korisnik postavi podatke u element obrasca, informacije se stavljaju u odjeljak VALUE tog elementa. Jedna od najatraktivnijih karakteristika Weba je mogućnost uključivanja veza do grafike i drugih vrsta podataka u HTML dokument. Iako se web stranice pojavljuju formatirane na ekranu računara, HTML nije namijenjen za formatiranje dokumenata jer kruti dizajn i precizno pozicioniranje tekstualnih elemenata na stranici dovodi do ograničenja koja su neprihvatljiva na Internetu. Tako, na primjer, kada formatiramo tekst sa obradu teksta Reč, mi definitivno odredite kako bi ovaj tekst trebao izgledati kada je odštampan veoma specifičan štampač i na papiru specificirani format. Kada se dokument objavi na Internetu, nemoguće je predvidjeti koji će se računar koristiti za pregled, niti da li će taj računar uopće imati monitor. Možda će se tekst pojaviti na ekranu računara koji radi Windows sistem u prozoru jednog od modernih pretraživača. Možda će to biti tekstualni pretraživač (koji neće moći da prikazuje grafiku) koji radi na MS-DOS-u. Možda se tekst dokumenta uopće neće prikazati na ekranu, već će se naglas reprodukovati pomoću sintisajzera govora. Za slijepe korisnike, dokument se može prikazati na posebnom uređaju na Brajevom pismu. Zbog potrebe da se pripreme dokumenti za takve razne uređaje, HTML nije namijenjen za opis formata dokumenta. Služi za funkcionalno označavanje dokumenata, odnosno omogućava vam da odredite zakazivanje fragmenti teksta. Na primjer, ako u tekstu postoji naslov, onda HTML kod jednostavno ukazuje da je odgovarajući fragment naslov. Nakon što je primio takav kod, program za gledanje (pretraživač) sam „odlučuje“ šta da radi sa naslovom. Možda će to više prikazati veliki print, ili ga možda poravnajte sa središtem ekrana. Moguće je da sintetizator govora koji reproducira tekst dokumenta koristi kod zaglavlja da poveća jačinu zvuka i napravi potrebnu intonacionu pauzu. HTML jezik i dalje ima neke komande za formatiranje, ali opšti kurs je odvajanje sadržaj a izvršenje dokumenta se striktno održava. IN najnoviju verziju HTML (4.0) naredbe za formatiranje se općenito ne preporučuju. Pozivaju se kodovi HTML jezika koji se koriste za označavanje izvornog teksta oznake. Oznaka je skup znakova. Sve oznake počinju sa simbolom manje od ( <
) i završavaju simbolom veće od ( >
). Ovaj par simbola se ponekad naziva ugaone zagrade. Nakon otvaranja ugaona zagrada dolazi ključna riječ, definišuća oznaka. Svaka oznaka u HTML-u ima posebnu svrhu. Velika i mala slova u nazivima oznaka nisu bitna – mogu se koristiti ili mala ili velika slova, iako je uobičajeno koristiti velika slova za razlikovanje oznaka od normalnog teksta dokumenta. Po pravilu, jedan HTML oznaka utiče samo na dio dokumenta, kao što je paragraf. U takvim slučajevima koriste se uparene oznake: otvaranje I zatvaranje. Početna oznaka stvara efekat, a završna završava efekat. Završne oznake počinju sa kosom crtom ( /
). Neke oznake pružaju jednokratni efekat tamo gdje se pojavljuju. U ovom slučaju nema potrebe za završnom oznakom i ona se ne koristi. Ako greškom oznaka sadrži ključnu riječ koja se ne nalazi u HTML-u, oznaka se u potpunosti ignorira. Kada se dokument prikaže u pretraživaču, same oznake se ne prikazuju, ali utiču na način na koji se dokument prikazuje. Atributi oznake Otvaranje oznaka često može sadržavati atributi, utičući na efekat koji stvara oznaka. Atributi su dodatne ključne riječi odvojene od ključna riječ oznake i međusobno odvojene razmacima. Neki atributi zahtijevaju specifikaciju vrijednosti atributa. Ova vrijednost je odvojena od ključne riječi znakom jednakosti ( =
). Vrijednost atributa mora biti zatvorena u navodnicima, ali u mnogim slučajevima navodnici se mogu izostaviti bez ikakve štete. Završne oznake nikada ne sadrže atribute. Komentari U programskim jezicima uobičajeno je koristiti komentare – tekstualne linije koje nisu dio programa, ali služe za objašnjenje. HTML jezik takođe ima ovu mogućnost. Komentari u HTML-u počinju posebnom oznakom
. Komentar može sadržavati bilo koje znakove osim znaka veće od ( >
), te stoga ne može uključivati oznake. Primjeri HTML oznaka: Primjeri uparenih HTML oznaka: ,
,
,
,
,
Primjeri pojedinačnih HTML oznaka: Primjeri HTML oznaka sa atributima:
Struktura HTML dokumenta HTML dokument se sastoji od tijela dokumenta i oznaka za označavanje, koje su, kao što već znamo, skupovi običnih znakova. Dakle, HTML dokument je u suštini običan tekstualni fajl. Da biste ga kreirali, možete koristiti bilo koji uređivač teksta, čak i jednostavan uređivač Notepad koji dolazi sa Windows 9x. 1. Svi HTML dokumenti imaju strogo definisanu strukturu. Dokument mora početi oznakom
i završiti odgovarajućom završnom oznakom
. Ovaj par oznaka govori pretraživaču da je ovo zaista HTML dokument. 2. HTML dokument se sastoji iz odjeljka zaglavlja I tijelo dokumenta, ide upravo tim redosledom. Odjeljak zaglavlja je zatvoren između oznaka
I
i sadrži informacije o dokumentu u cjelini. Posebno, ovaj odjeljak mora sadržavati oznake 3. Tekst samog dokumenta nalazi se u tijelo dokumenta. Tijelo dokumenta nalazi se između oznaka
I
. Četiri navedene uparene oznake definiraju osnovnu strukturu HTML dokumenta. Oni se pojavljuju (ili se podrazumijevaju) u svim HTML dokumentima. U praksi je moguće odrediti lokaciju ovih strukturalnih glavnih oznaka čak i ako ih nema. Stoga, ako oznake
,
I
, kao i njihove odgovarajuće završne oznake su izostavljene, tada program pretraživača sam može odrediti mjesto gdje su trebali biti locirani. Tag Najjednostavniji pravilno pripremljen HTML dokument
<ТIТLЕ>
Funkcionalni dijelovi dokumenta ТIТLЕ>
HTML (jezik za označavanje hiperteksta) je jezik za označavanje teksta. Tekstualni dokument koji je sastavljen uz njegovu pomoć sadrži ne samo sam tekst, već i posebne znakove - deskriptore ili, kako ih još zovu, "tagove", koji nose informacije o različitim dijelovima teksta - veličina fonta, isticanje, boja , itd. Ovaj jezik je razvio Tim Berners-Lee kasnih 80-ih. Ideja njegovog razvoja je bila da ljudi koji nemaju znanja o programiranju i layoutu mogu razmjenjivati tehničke informacije, tekstove, tabele, koje bi se bez izobličenja prikazivale na uređajima različitih tehničkih karakteristika i opreme. Budući da su oznake bile zasnovane na riječima na engleskom, bile su relativno jednostavne za učenje i korištenje te su postepeno postale popularne. HTML oznake se obrađuju i ispravno prikazuju na monitorima i mobilnim uređajima pomoću posebnih aplikacija koje se nazivaju internet pretraživači. U početku je postojalo mnogo nezvaničnih HTML standarda. Ali sa eksponencijalnom ekspanzijom Interneta, programeri softvera bili su primorani da pribegnu opšteprihvaćenim sredstvima za prenos informacija. Postepeno je HTML jezik stekao nove mogućnosti – kreiranje i prikazivanje tabela i matematičkih formula. Dodati su nestandardni elementi. Sa pojavom HTML-a 4.0, neki elementi su označeni kao zastarjeli i zastarjeli. 1997. HTML 4 je postao standardizovan. Trenutno je u razvoju HTML 5. Želja programera je da grupišu jedan sintaktički ispravan jezik za označavanje za strukturiranje i prikaz internet sadržaja. Proširuje i poboljšava oznake za dokumente i složene web aplikacije. HTML 5 ima mnogo funkcija i inovacija koje olakšavaju unos multimedijalnih objekata i upravljanje njima. Za gledanje videa sada nema potrebe za korištenjem Flash playera. Gotovo sve web stranice na Internetu kreirane su korištenjem HTML jezika za označavanje. Ali ista web stranica može izgledati drugačije u različitim pretraživačima. HTML 5 specifikacija definira jasne zahtjeve za pretraživače i dokumente. Algoritmi koje koriste pretraživači za ispravljanje grešaka pomažu u izgradnji ispravnog modela objekta. Očekuje se da će u budućnosti, korištenjem HTML-a, biti moguće tehnologije poput prikazivanja titlova prilikom gledanja videa, popunjavanja elektronskih formulara i provjere pravopisa. Ovaj jezik se danas koristi za pravljenje web stranica, a također se široko koristi u pisanju koda za CMS sisteme za upravljanje sadržajem. Ako se odlučite za kreiranje web stranice, trebali biste ovladati ovim jezikom za označavanje teksta barem na osnovnom nivou. Da biste izvršili prilagodbe koda stranice ili barem razumjeli ono što je napisano na web stranici stranice. Nabavite odličan edukativni video kurs besplatno.
Tabela se može poravnati vodoravno, na primjer u sredini, pomoću oznake <р align=«center»>,
postavljen ispred
.
može imati atribute:
,
specificira red tabele. Sljedeća oznaka
specificira sljedeći red tabele. Krajnja oznaka je opciona.
specificira ćeliju tabele. Sljedeća oznaka
setovi sledeća ćelija stolovi. Krajnja oznaka je opciona.
:
- specificira element ćelije koji je zaglavlje tabele. Ova oznaka mora biti unutar oznake .
Zarolovok 1.
Osnovni koncepti html jezika
Opća struktura jednostavnog html dokumenta
. Korištenje ove oznake može značajno poboljšati izgled i funkcionalnost dokumenata.
,
,
, ,
Svijet besplatnih programa i korisnih savjeta
2024 whatsappss.ru