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

</b> Ime dokumenta <b></ TITLE > </b></p> <p><b></HEAD> </b></p> <p><b><BODY> </b></p> <p>Ovdje se nalazi tekst samog HTML dokumenta.</p> <p><b></BODY> </b></p> <p><b></HTML> </b></p> <p>Hajde da objasnimo ove oznake HTML dokumenta:</p> <p><b><COMMENT> </b>- komentar na dokument. Nije potrebno.</p> <p><b><HTML> </b>- identifikator cijelog bloka HTML naredbi.</p> <p><b><HEAD> </b>- Identifikator zaglavlja HTML dokumenta.</p> <p><b><TITLE> </b>- identifikator naslova polja prikaza.</p> <p><b><BODY> </b>- identifikator HTML komandi dokumenta koji treba pregledati.</p> <p>Tri glavne oznake <b><HTML> </b>, <b><HEAD> </b> I <b><BODY> </b> pružiti pretraživaču osnovne informacije za identifikaciju i organiziranje dokumenta.</p> <p>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.</p> <p><b><МЕТА> </b>- za označavanje se koristi neuparena oznaka <a href="https://whatsappss.ru/bs/tools/obzor-smartfona-highscreen-power-ice-obrazcovyi-byudzhetnik-highscreen-power-ice.html">detaljne informacije</a> o dokumentu.</p> <p><u>OZNAKE ZA FORMATIRANJE TEXT STREAM</u></p> <p><b><Р> </b>- identifikator kraja pasusa iza kojeg se dodaje <a href="https://whatsappss.ru/bs/browser/specifikacii-po-html5-na-russkom-standarty-kodirovaniya-v-html5-pustye-stroki-i.html">prazan red</a>. Treba nam oznaka na kraju <b></Р> </b>.</p> <p><b><BR> </b>- identifikator izvođenja reda.</p> <p><b><HR> </b>- identifikator slike horizontalne linije.</p> <p>Ove oznake su pojedinačne, tj. neupareni, ne zahtijevaju oznake kose crte.</p> <p><b><PRE> </b>- instalacija fonta sa jednakim razmacima. Treba nam oznaka na kraju <b></PRE>. </b></p> <p><u>UPARENI OZNACI ZA FORMATIRANJE GLAVA I PODNASLOVA DOKUMENTA</u></p> <p><b><Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>. </b> U ovom slučaju, naslovi će biti prikazani velikim slovima i veličina slova oznake <b><Н1> </b>će biti najveći <b><Н2> </b>- manje, y <b><НЗ> </b>- još manje itd.</p> <p><u>OZNAKE ZA FORMATIRANJE ZNAKOVA ZA UPARENI TEKST</u></p> <p><b><В> </b>- identifikator podebljanog fonta.</p> <p><b><strong> </b>- identifikator odabranog fonta.</p> <p><b><i> </b>- kurziv identifikator.</p> <p><b><U> </b>- identifikator donje crte.</p> <p><b><s> </b>- precrtani identifikator.</p> <p><b><tt> </b>- identifikator fonta jednakog razmaka (teletip ili kurir).</p> <p><b><big> </b>- postavlja povećanu veličinu fonta.</p> <p><b><small> </b>- postavlja smanjenu veličinu fonta.</p> <p><b><center> </b>- postavlja centriranje teksta.</p> <p><b><sub> </b>- postavlja indeks.</p> <p><u>OZNAKE ZA FORMATIRANJE ODLOMAKA</u></p> <p><b><р align=left> </b>- poravnajte tekst u pasusu na lijevo.</p> <p><b><р align=right> </b>- poravnajte tekst u pasusu udesno.</p> <p><b><р align=center> </b>- poravnajte tekst u pasusu prema sredini.</p> <p><b><р align=justify> </b>- potpuno poravnanje na obe ivice ekrana,</p> <p><b>poravnati</b>- atribut poravnanja.</p> <p><u>LISTA OZNAKA</u></p> <p>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.</p> <p><b><OL> </b>- identifikator naručene liste. Na kraju <b></OL>. </b></p> <p>Neuređene liste se koriste za sastavljanje lista kada redosled stavki nije važan. Svaki element će imati marker ispred sebe.</p> <p><b><UL> </b>- identifikator neuređene liste. Na kraju <b></UL>. </b></p> <p>Pojedinačni elementi u uređenim i neuređenim listama označeni su jednom oznakom <b><LI> </b> i elemente u listama definicija <b><DL> </b> oznake <b><DT> </b> za termin i <b><DD> </b> za značenje pojma.</p> <p><b><LI> </b>- identifikator elementa u uređenoj i neuređenoj listi.</p> <p>Kraj oznaka <b></LI> </b> može biti izostavljen.</p> <p><u>OZNAKE LISTE DEFINICIJA</u></p> <p>Liste definicija pružaju posebno formatiranje pojmova i njihovih povezanih opisa poput rječnika.</p> <p><b><DL> </b>- identifikator liste definicija. Na kraju</DL>.</p> <p><b><DT> </b>- identifikator pojma u listi definicija.</p> <p><b><DD> </b>- identifikator značenja pojma u listi definicija.</p> <p><b><DL> </b></p> <p><b><DT> </b> naziv termina 1</p> <p><b><DD> </b> definicija pojma 1</p> <p><b><DD> </b> druga definicija pojma 1</p> <p><b></DL> </b></p> <p><u>OZNAKE U BOJI</u></p> <p><b><BODYbgcoIor=«teal» text=«aqua» link=«red»> </b>- postavlja boju teksta (tekst), boju pozadine (bgcolor) i boju hipertekstualne veze (link).</p> <p><b><BODY background=«back.jpg»> </b>- postavlja pozadinu (pozadinu) na web stranici u back.jpg datoteci.</p> <p><b><BODY background=«\windows\tartan.bmp»> </b>- pozadinska slika (wallpaper) je preuzeta iz datoteke tartan.bmp i naznačena je putanja ove datoteke.</p> <p><b><font color=«yellow» size=5> </b>- postavlja boju tekstualnih znakova (boju) i njihovu veličinu (veličinu). Treba nam oznaka na kraju <b></font>. </b></p> <p><u>LINE TAGS</u></p> <p><b><hr coIor=«lime»> </b>- postavlja boju horizontalne linije.</p> <p><b><hr color=«red» size=3 width=220 align=center> </b>- atribut <b>veličina=N</b> postavlja debljinu linije u pikselima; atribut <b>širina=M</b> postavlja dužinu linije u pikselima; atribut <b>align=center</b>(ili <b>lijevo</b> ili <b>u pravu</b>) specificira pomak linije (njen položaj u centru, ili pomak ulijevo, ili udesno).</p> <p><u>OZNAKE ZA UMETANJE SLIKA</u></p> <p>Grafike na stranicama su sredstvo za izražavanje misli, naglašavanje ideje.</p> <p>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.</p> <p>PNG format je stekao popularnost - lična mrežna grafika, koja zamjenjuje GIF.</p> <p>Prilikom objavljivanja stranice, grafika mora biti u folderu u kojem su pohranjeni fajlovi stranice, a URL mora biti pravi.</p> <p>JPEG koristi posebnu tehniku ​​kompresije slike koja je korisna za crteže i fotografije.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- umetanje grafičke slike u obliku animacije lycos.gif. Takođe možete koristiti grafičke datoteke u formatu *.jpg (ili *.jpeg), *.bmp.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- 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.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- umetanje grafičke slike u obliku datoteke iexplor.gif, sa naznačenom punom putanjom <a href="https://whatsappss.ru/bs/programming/obmen-failami-mezhdu-graficheskimi-programmami-graficheskie-faily-osnovnye.html">grafički fajl</a> na disku: c:\html\amat\iexplor.gif ( <a href="https://whatsappss.ru/bs/multimedia/polnyi-spisok-stop-slov-dlya-instagram-stop-slova-skachaite-odin-iz-samyh-moshchnyh.html">ovog trenutka</a> Morate unaprijed razmisliti o tome, inače će se pojaviti problemi s prikazom prilikom prelaska na drugi računar).</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- atribut <b>granica</b> postavlja okvir oko perimetra slike debljine 3 piksela. Atribut <b>Alt</b> daje tekst umjesto okvira ako nema slike.</p> <p>Atribut <b>border=0</b> koristi se za uklanjanje ivice oko crteža. Ovo je neophodno, na primjer, kada koristite animirane GIF slike na transparentnoj osnovi.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b></p> <p>Ovdje atribut <b>hspace=5</b> osigurava da tekst glatko teče oko slike. Određuje širinu nepopunjenog prostora desno i lijevo od crteža u pikselima.</p> <p>Atribut <b>poravnati = "lijevo"</b> osigurava da je slika postavljena na lijevoj strani.</p> <p><u>JUMP TAG</u></p> <p><b><а href=«excite.htm»>excite.htm</a> </b>- hipertekstualna veza do excite.htm datoteke.</p> <p><b><а href=«C:\book\book.inf»>book.inf</a> </b>- hipertekstualna veza, prijelaz na datoteku book.inf. Prilikom pokretanja pretraživača, morate odrediti program za pregled <a href="https://whatsappss.ru/bs/multimedia/kak-sravnit-2-tekstovyh-faila-v-notepad-sravnenie-shozhesti-dvuh-tekstov.html">tekstualnu datoteku</a> book.inf, na primjer edit.com.</p> <p>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.</p> <p>Da biste olakšali svoj rad, možete odrediti numerička imena datoteka (brojevi su uvijek iste veličine).</p> <br><p><u>PRELAZNA OZNAKA NA DRUGU WEB STRANICU</u></p> <p><b><а href=«http://www.da.ru»>http://www.da.ru</a> </b>- hipertekstualna veza u obliku teksta, prijelaz na Internetu na web stranicu http://www.da.ru.</p> <p><b><а href=«zinn.gif»><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy></a </b>> - hipertekstualni link u obliku slike globe.gif, prelazak na pregled slike zinn.gif.</p> <p><u>E-MAIL ADRESA UMETNI OZNAKU</u></p> <p><b><а href=«mailto: krilenka@ya.ru»>krilenka@ya.ru</a> </b>- hiperlink na adresu <a href="https://whatsappss.ru/bs/security/kak-otpravit-veb-stranicu-na-elektronnuyu-pochtu-prosteishaya-forma.html">Email</a>. Kada se pritisne, uspostavlja se poziv <a href="https://whatsappss.ru/bs/tools/sborshchik-pochty-thunderbird-besplatnaya-pochtovaya-programma-mazila.html">mail program</a> i specificirano <a href="https://whatsappss.ru/bs/multimedia/add-board-php-dobavit-obyavlenie-rabota-razmestit-obyavlenie-vveden.html">E-mail adresa</a>: krilenka@ya.ru se unosi u pasus <b><i>Kome</i> </b>.</p> <p><u>DOKUMENT INSERT TAG</u></p> <p><b><embed src=«Welcome.avi» Width=280 Height=140 autostart=true> </b> -</p> <p>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 <b>Širina</b> I <b>Visina</b>.</p> <p>Ako je HTML dokument velik, onda unutar njega prave prijelaze pomoću oznake (U01): <b><Р> <а href=«#U01>Uvod</а> </Р> <а name=«U01»>Uvod</а> </b></p> <p><u>OZNAKE ZA KREIRANJE ŠKRIPAJUĆEG TEKSTA</u></p> <p><u>(SAMO ZA INTERNET EXPLORER):</u></p> <p><b><marquee behavior=«scroll» direction=«right» loop=«-l»>Internet je prozor u svijet!</marquee> </b></p> <p>Ako bi red teksta trebao teći lijevo, onda umjesto toga <b>u pravu</b> mora da postoji reč <b>lijevo.</b> Možete kreirati tekući tekstualni niz još jednostavnije (tj. bez atributa, i on će se pokretati lijevo):</p> <p><b><marquee>Dobrodošli!</marquee> </b></p> <p>Ako tekstualni niz treba da ide lijevo i desno, onda u oznaci <marquee>koristi se atribut <b>ponašanje="alternativno"</b>.</p> <p><u>LISTA BOJA HTML SIMBOLA</u></p> <p>Ukupno 16 osnovnih boja:</p> <p>Umjesto ovih termina, možete koristiti <b>RGB kodovi</b>(<b>R</b> ed, <b>G</b> reen, <b>B</b> lue), na primjer: <b>#FFFFFF</b>- bijela (bijela), <b>#FF0000</b>- crveno.</p> <p>Promjena <b>RGB kodovi</b>, Možete odabrati boje koje želite za tekst i pozadinu.</p> <p><u>OZNAKE AUDIO VEZE</u></p> <p>Za reprodukciju zvuka (*.mid fajl) nakon učitavanja HTML dokumenta <a href="https://whatsappss.ru/bs/security/chto-takoe-privatnyi-prosmotr-v-brauzere-chto-takoe-privatnyi-rezhim-v.html">Internet pretraživač</a> Explorer (tj. u <a href="https://whatsappss.ru/bs/what-to-do/komanda-zapuska-v-fonovom-rezhime-linux-kak-zapustit-programmu-na-linux-udalenie.html">pozadini</a>), morate napisati sljedeću naredbu, na primjer:</p> <p><b><bgsound src=«\windows\canyon.mid» lоор=1> </b></p> <p>Možete koristiti i *.wav datoteku. Broj igranja <b>petlja</b> može se povećati sa 1 na p.</p> <p><u>FRAME TAGS</u></p> <p><b><frameset></frameset> </b>- 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.</p> <p><b><frameset rows=«value,vaIue»> </b>- određivanje broja i veličine horizontalnih okvira (linijskih okvira) u prozoru pretraživača (pikseli, procenti širine).</p> <p><b><frameset cols=«value,value»> </b>- određivanje broja i veličine vertikalnih okvira (okvirova kolona) u prozoru pretraživača (pikseli, procenti širine).</p> <p><b><frame> </b>- definicija okvira i njegovih svojstava unutar FRAMESET strukture.</p> <p><b><noframes> </noframes> </b>- određuje šta će se prikazati ako pretraživač ne podržava okvire.</p> <p>Atributi okvira:</p> <p><b><frame src=«URL»> </b>- označava adresu (URL) HTML datoteke prikazane u ovom okviru.</p> <p><b><firame name=«name»> </b>- definiranje naziva ovog okvira, koji će se koristiti u budućnosti za upućivanje na njega iz drugih dokumenata pomoću parametra <b>cilj</b>.</p> <p><b><frame marginwidth=#> </b>- određivanje širine (u pikselima) lijeve i desne margine okvira; mora biti jednak ili veći od 1.</p> <p><b><frame marginheight=#> </b>- određivanje širine (u pikselima) gornjeg i donjeg polja okvira; mora biti jednak ili veći od 1.</p> <p><b><frame scrolling=VALUE> </b>- utvrđivanje prisustva klizača za sadržaj okvira; Vrijednosti mogu biti: „da“, „ne“ ili „automatski“. Podrazumevano je automatski.</p> <p><b><frame noresize> </b>- sprečavanje promjene veličine okvira.</p> <u><br></u> <p><u>OZNAKE FORMA</u></p> <p>Da bi obrazac funkcionisao moraćete da pišete <b>CGI</b> script. HTML jednostavno kreira izgled forme.</p> <table><tr><td> <form></form> </td> <td>Kreirajte obrazac koji se može ispuniti</td> </tr><tr><td> <select multiple name=«NAME» size=?></select> </td> <td>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.</td> </tr><tr><td> < Option > </td> <td>Element opcija opisuje pojedinačne stavke menija. Nema završnu oznaku.</td> </tr><tr><td> <textarea name=«NAME» cols=40 rows=8> </textarea> </td> <td>Kreirajte polje za unos više redova teksta. Cols označava širinu; redovi označavaju visinu.</td> </tr><tr><td> <input type=«checkbox» name=«NAME»> </td> <td>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.</td> </tr><tr><td> <input type=«radio» name=«NAME» value=«x»> </td> <td>Kreiranje polja za unos za atribute koji uzimaju jednu vrijednost od nekoliko mogućih. Tekst odmah slijedi oznaku.</td> </tr><tr><td> <input type=text name=«foo» size=20> </td> <td>Kreiranje polja za unos za jedan red teksta. Veličina određuje dužinu u znakovima.</td> </tr><tr><td> < input type=«submit» value=«NAME»> </td> <td>Kreiranje dugmeta koje, kada se klikne, šalje popunjen obrazac na server.</td> </tr><tr><td> <input type=«image» border=0 name=«NAME» src=«name.gif»> <input type=«reset»> </td> <td>Kreiranje grafičke slike za dugme koje pokreće prenos podataka na server.</td> </tr></table><p><u>KREIRANJE TABLICA U HTML-u</u></p> <p>Tabele su zgodan način za formatiranje podataka u HTML-u.</p> <p>Tabela je definirana i njena opća svojstva definirana pomoću oznake <b><table></table>. </b> Tabela se može poravnati vodoravno, na primjer u sredini, pomoću oznake <b><р align=«center»>, </b> postavljen ispred <b><table>. </b></p> <p>Tag <b><table> </b> može imati atribute:</p> <p><b><table border=«5» width=«100» cellpadding=« 10» cellspacing=«10»>, </b></p> <p><b>border="5"</b>- širina bočne ivice u pikselima. Kada se postavi na nulu, okvir nestaje;</p> <p><b>širina="100"</b>- širina tabele u pikselima ili <b>širina="50%"</b>- širina tabele u % u odnosu na širinu stranice u prozoru;</p> <p><b>cellpacing="10"</b>- širina prednje ivice u pikselima;</p> <p><b>cellpadding="10"</b>- određuje veličinu praznog prostora u pikselima koji okružuje podatke u ćeliji.</p> <p>Tag <b><caption></caption> </b> specificira naslov tabele.</p> <p>Tag <b><tr> </b> specificira red tabele. Sljedeća oznaka <b><tr> </b> specificira sljedeći red tabele. Krajnja oznaka je opciona.</p> <p>Tag <b><td> </b> specificira ćeliju tabele. Sljedeća oznaka <b><td> </b> setovi <a href="https://whatsappss.ru/bs/administrator/excel-poisk-v-sleduyushchei-yacheike-kak-naiti-tekst-slova-i-simvoly-v-excel.html">sledeća ćelija</a> stolovi. Krajnja oznaka je opciona.</p> <p>Boja pozadine ćelije je postavljena u oznaci <b><td> </b>: <b><td bgcolor=«yellow»> </b></p> <p>Unpaired tag <b><th> </b>- specificira element ćelije koji je zaglavlje tabele. Ova oznaka mora biti unutar oznake <b><tr>. </b></p> <p>Ćelija zaglavlja razlikuje se od obične ćelije po tome što se tekst unutar nje pojavljuje podebljanim fontom. Boja pozadine zaglavlja je postavljena: <br><b><tr><th bgcolor=«yellow»> </b> Zarolovok 1.</p> <p><u>SCRIPT</u></p> <p>Za implementaciju web stranice koristi se program <b><i>Motor</i> </b>, 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 <a href="https://whatsappss.ru/bs/tools/sushchestvuyushchie-poiskovye-sistemy-interneta-anonimnost-poiskovyh-sistem.html">pretraživač</a> se formiraju dinamički), prikazujući banere (mašina „daje“ jedan ili drugi baner stranicama stranice prema datom algoritmu).</p> <p>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.</p> <p>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.</p> <p>Jezik <b>HTML</b>(Hyper Text Markup Language) je jezik za označavanje hipertekstualnih dokumenata koji se koristi za pisanje web stranica. HTML jezik vam omogućava da:</p><ul><p>kreirati i uređivati ​​web stranice, uključujući početnu web stranicu, koja se zatim može postaviti na Internet;</p><p>uređivati ​​HTML dokumente primljene sa Interneta tako da svi objekti ugrađeni u dokument (slike, animacije, itd.) funkcionišu;</p><p>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.</p> </ul><h2>Osnovni koncepti html jezika</h2><p><b>Element</b> je konstrukcija HTML jezika, ili kontejner, koji sadrži podatke.</p><p><b>Web</b><b>-stranica</b> je skup elemenata.</p><p><b>Tag</b>(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: <b>< </b><b>HTML</b><b>>. </b> Završnoj oznaci, ako to zahtijeva sintaksa jezika, prethodi kosa crta naprijed: <b></ </b><b>HTML</b><b>> </b>.</p><p><b>Okvir</b>(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</p><p>okviri na stranici (ova stranica se zove okvirna stranica ili frameset).</p><p><b>Forma</b>(Obrazac) je oblast hipertekstualnog dokumenta koja je neophodna za organizovanje povratnih informacija od posetilaca sajta.</p><p><b>Applet</b>(Aplet) je mali aplikacijski program koji se prenosi na računar klijenta kao zasebna datoteka i pokreće prilikom pregleda web stranice.</p><p><b>Skripta</b>(Skripta) je program uključen u web stranicu radi proširenja njenih mogućnosti.</p><p><b>Smještaj</b>(UpLoad) - kopiranje dokumenta sa klijentovog računara na Web server - koristi se prilikom kreiranja sopstvene veb stranice (tj. prilikom njenog objavljivanja).</p><p><b>Pixel</b>(Piksel) - najmanja tačka boje na ekranu monitora.</p><h2>Opća struktura jednostavnog html dokumenta</h2><p>Opća struktura jednostavnog HTML dokumenta je:</p><p><<b>KOMENTAR></b> Komentar <b></COMMENT </b>></p><p><b><HTML> </b></p><p><b><HEAD> </b></p><p><b>< </b><b>TITLE</b><b>> </b> Ime dokumenta <b></ТП </b><b>L</b><b>E</b>></p><p><b></ </b><b>HEAD</b><b>> </b></p><p><b>< </b><b>TIJELO</b><b>> </b></p><p>Ovdje se nalazi tekst samog HTML dokumenta.</p><p><b></ </b><b>TIJELO</b><b>> </b></p><p><b></ </b><b>HTML</b><b>> </b></p><p>Hajde da objasnimo određene oznake HTML dokumenta.</p><p><b>< </b><b>KOMENTAR</b><b>> </b>- komentar na dokument. Nije potrebno.</p><p><b>< </b><b>HTML</b><b>> </b>- identifikator cijelog bloka HTML naredbi.</p><p><b>< </b><b>HEAD</b><b>> </b>- identifikator naslova dokumenta <b>HTML</b><b>. </b></p><p><b>< </b><b>TITLE</b><b>> </b>- identifikator naslova polja prikaza.</p><p><b>< </b><b>TIJELO</b><b>> </b>- identifikator <b>HTML</b><b>-komande</b> dokument za pregled.</p><p>Tri glavne oznake <b>< </b><b>HTML</b><b>>, < </b><b>HEAD</b><b>> </b> I <b>< </b><b>TIJELO</b><b>> </b> proslijediti osnovne identifikacijske informacije u pretraživač i <b>organizacija</b><b>cije</b> dokument.</p><p>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.</p><p><b><МЕТА> </b>- neuparena oznaka se koristi za označavanje detaljnih informacija o dokumentu.</p> <p>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.</p> <p>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.</p> <p>HyperText Markup Language (HTML) je standardni jezik dizajniran za kreiranje hipertekstualnih dokumenata u WEB okruženju. HTML dokumenti se mogu pregledati <a href="https://whatsappss.ru/bs/what-is-it/bluetooth---eto-standart-bezopasnogo-besprovodnogo-perenosa-dannyh-mezhdu.html">razne vrste</a> WEB pretraživači. Kada je dokument kreiran sa <a href="https://whatsappss.ru/bs/utilities/iframe-i-frame-chto-eto-takoe-i-kak-luchshe-ispolzovat-freimy-v-html.html">koristeći HTML</a>, 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.</p> <p>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 <a href="https://whatsappss.ru/bs/browser/kompyuternye-seti-11---referat-harakteristika-kompyuternyh-setei.html">opšta struktura</a> 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.</p> <p>U većini slučajeva, autor dokumenta striktno definiše <a href="https://whatsappss.ru/bs/browser/prikreplennaya-tema-blyutuz-naushniki-dlya-telefona-podklyuchenie-bluetooth.html">izgled</a> 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.</p> <p>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.</p> <p>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.</p> <p>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: <TITLE>Naslov dokumenta

HTML ne razlikuje velika i mala slova, pa bi gornji primjer mogao izgledati ovako:

Naslov dokumenta

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 govori WEB pretraživaču da koristi format zaglavlja, a- o završetku naslovnog teksta.

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 . Start tag postavljen neposredno ispred oznake i druge oznake koje opisuju dokument i završnu oznaku</HEAD> postavljen odmah nakon završetka opisa dokumenta. Na primjer:</p> <p><HTML> <HEAD> <TITLE>Spisak zaposlenih Naslov dokumenta </p> <p>Većina WEB pretraživača prikazuje sadržaj oznake <TITLE>u naslovu prozora koji sadrži dokument i u datoteci sa obeleživačima, ako je podržan od strane WEB pretraživača. Naslov ograničen oznakama <TITLE>I, nalazi se unutra -oznake, kao što je prikazano u gornjem primjeru. Naslov dokumenta se ne pojavljuje kada je sam dokument prikazan u prozoru.

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 I. Ovo je dio dokumenta koji se prikazuje kao tekstualna i grafička (semantička) informacija vašeg dokumenta.

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 . Korištenje ove oznake može značajno poboljšati izgled i funkcionalnost dokumenata.

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:

<Body> <TABLE> </A> <img> </Center> </b></p> <p>Primjeri uparenih HTML oznaka:</p> <p><b><HTML> </HTML>, </b></p> <p><b>, </b></p> <p><b><HEAD> </HEAD>, </b></p> <p><b><H3> </H3>, </b></p> <p><b><ADDRESS> </ADDRESS> , </b></p> <p><b>, </b></p> <p>Primjeri pojedinačnih HTML oznaka:</p> <p><b><BR>, <HR>, <META>, <BASEFONT>, <FRAME>, <INPUT>. </b></p> <p>Primjeri HTML oznaka sa atributima:</p> <p><b><BODY BGCOLOR="#000000” TEXT=”FFFFFF" BACKGROUND="RAIN.GIF"> </b></p> <p><b><OPTION SELECTED> </b></p> <p><b><FRAME SRC="file.html" NORESIZE> </b></p> <p>Struktura HTML dokumenta</p> <p>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.</p> <p>1. Svi HTML dokumenti imaju strogo definisanu strukturu. Dokument mora početi oznakom <b><HTML> </b> i završiti odgovarajućom završnom oznakom <b></HTML> </b>. Ovaj par oznaka govori pretraživaču da je ovo zaista HTML dokument.</p> <p>2. HTML dokument se sastoji <i>iz odjeljka zaglavlja</i> I <i>tijelo dokumenta,</i> ide upravo tim redosledom. Odjeljak zaglavlja je zatvoren između oznaka <b><HEAD> </b> I <b></HEAD> </b> i sadrži informacije o dokumentu u cjelini. Posebno, ovaj odjeljak mora sadržavati oznake <b><TITLE> </b> I <b> , između kojih se stavlja „službeni“ naslov dokumenta. Većina pretraživača koji rade na Windows-u koristi ovaj naslov za popunjavanje naslovne trake prozora pretraživača.

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 </b>, koji definira naslov dokumenta, smatra se obaveznim, ali njegovo izostavljanje neće uzrokovati katastrofalne posljedice u modernim pretraživačima. Ali ipak, prilikom kreiranja web stranica, ne preporučuje se izostavljanje svih ovih oznaka, jer se ne zna unaprijed kako će se ponašati određeni preglednik instaliran na računaru čitača.</p> <p>Najjednostavniji pravilno pripremljen HTML dokument</p> <p><b><HTML> </b></p> <p><b><HEAD> </b></p> <p><b><ТIТLЕ> </b> Funkcionalni dijelovi dokumenta <b></ТIТLЕ> </b></p> <p><b></HEAD> </b></p> <p><b><BODY> </b></p> <p><b></BODY> </b></p> <p><b>HTML (jezik za označavanje hiperteksta)</b> 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.</p> <p>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.</p> <p>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.</p> <p>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.</p> <p>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.</p> <p>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.</p> <p>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.</p> <p>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</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> </section> <section id="sidebar" class="secondary clearfix" role="complementary"> <aside id="nav_menu-3" class="widget widget_nav_menu clearfix"> <h3 class="widgettitle"><span>Kategorije</span></h3> <div class="menu-menyu1-container"> <ul id="menu-menyu1" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/bs/category/security/">Sigurnost</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/bs/category/multimedia/">Multimedija</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/bs/category/office-programs/">Kancelarijski programi</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/bs/category/utilities/">Komunalne usluge</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/bs/category/administrator/">Administrator</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/bs/category/programming/">Programiranje</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/bs/category/browser/">Pretraživač</a></li> </ul> </div> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widgettitle"><span>Nedavni unosi</span></h3> <ul> <li> <a href="https://whatsappss.ru/bs/multimedia/mestoraspolozhenie-serverov-world-of-tanks-sekrety-wot-kak-vybrat-server-gde.html">WOT tajne - kako odabrati server</a> </li> <li> <a href="https://whatsappss.ru/bs/administrator/narusheniya-v-igre-zhaloby-na-narushenie-pravil-napisat-pismo-v-world.html">Pritužbe na kršenje pravila Napišite pismo svjetskim tenkovima</a> </li> <li> <a href="https://whatsappss.ru/bs/administrator/kak-izmenit-imya-v-wot-kak-smenit-pochtovyi-yashchik-v-world-of-tanks-pri-smene-nikneima.html">Kako promijeniti svoje poštansko sanduče u World of Tanks</a> </li> <li> <a href="https://whatsappss.ru/bs/multimedia/kak-ochistit-kesh-v-mozile-kak-pochistit-kesh-v-mozile-i-dlya-chego-eto-nuzhno.html">Kako očistiti keš memoriju u Mozilli i zašto je to potrebno Brisanje keša gdje sa firefoxa i interneta</a> </li> <li> <a href="https://whatsappss.ru/bs/security/kakuyu-versiyu-skaip-ustanovit-na-vindovs-7-skachat-staryi-skaip-vse.html">Preuzmite stari Skype - sve stare verzije Skypea</a> </li> <li> <a href="https://whatsappss.ru/bs/security/kak-ustanovit-prilozhenie-viber-na-telefon-ckachat-viber-dlya-androida-na-russkom.html">Preuzmite Viber za Android na ruskom Gdje možete preuzeti Viber</a> </li> <li> <a href="https://whatsappss.ru/bs/utilities/chto-daet-vklyuchenie-v-brauzere-yandeks-turbo-rezhima-avtomaticheskoe-vklyuchenie.html">Automatski omogući turbo način rada u Yandexu</a> </li> <li> <a href="https://whatsappss.ru/bs/programming/kak-naznachit-domashnii-ekran-na-androide-perezagruzis-v-bezopasnyi.html">Ponovo pokrenite u bezbednom režimu</a> </li> <li> <a href="https://whatsappss.ru/bs/office-programs/obnovlenie-soni-iksperiya-m2-dual-proshivka-ili-pereproshivka-sony.html">Firmware ili flešovanje Sony Xperia</a> </li> <li> <a href="https://whatsappss.ru/bs/administrator/chto-dayut-proshivki-yotaphone-2.html">Šta nudi yotaphone 2 firmware?</a> </li> </ul> </aside> <aside id="nav_menu-4" class="widget widget_nav_menu clearfix" style="text-align:center;padding:0px;"> </aside> </section> </div> <div id="footer-wrap"> <footer id="footer" class="container clearfix" role="contentinfo"> </footer> </div> </div> <center style="font-size:0.8em;"> <a href='https://play.google.com/store/apps/details?id=pdf.reader.converter.jpgtopdf.imagetopdf' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=whatsappss.ru&sub2=pdf.reader.converter.jpgtopdf.imagetopdf&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy><br><a href="https://whatsappss.ru/bs/" title="Svijet besplatnih programa i korisnih savjeta">Svijet besplatnih programa i korisnih savjeta</a> <br>2024 whatsappss.ru <br><br> </center> <center><noindex></noindex></center> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 10, "margin_bottom" : 115, "stop_id" : "", "screen_max_width" : 800, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['nav_menu-4'] } ; </script> <script type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script></body> </html>