Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Windows 7, XP
  • HTML programiranje. Apstrakt: HTML jezik: html programski sistemi, jezičke karakteristike i implementacija sistema

HTML programiranje. Apstrakt: HTML jezik: html programski sistemi, jezičke karakteristike i implementacija sistema

Pozdrav dragi webmasteri početnici. Počnimo sa učenjem programskih jezika.

I počet ćemo ih proučavati pomoću html-a.

Odmah ću reći da ćete na kraju kursa moći sami da napišete web stranicu. čisti html, i objaviti na Internetu. Ali ipak preporučujem da odvojite vrijeme i nakon html-a se upoznate sa css-om.

Tada ćete učiniti stranicu hladnijom i moći ćete to popraviti izgled web stranica kreirana na gotovom CMS-u (sistem za upravljanje sadržajem).

Učenje programskog jezika i učenje strani jezik- ovo je daleko od iste stvari, i mnogo je lakše. Štaviše, nije zastrašujuće, već vrlo uzbudljivo.

Samo što vas neshvatljivo uvijek plaši, ali obećavam vam da će već nakon prvih lekcija svi strahovi proći.

Naučićemo pomoću uređivača koji morate instalirati na svom računaru.

U ovom uređivaču datoteka možete napisati kod i odmah vidjeti kako ga pretraživač prikazuje. Vrlo udobno.

Hajde, prvo ću vam reći nešto o tome šta je HTML, i ovo će biti dosadan dio našeg kursa, a onda ćemo ući u najzanimljiviju praksu. Tamo sigurno neće biti dosadno.

HTML (HyperText Markup Language) doslovno znači jezik za označavanje hiperteksta. Koristi se za kreiranje web stranica.

A ako je, po našem shvaćanju, zbirka jednostavnih stranica ujedinjenih jednom temom knjiga, ili čak, bolje rečeno, debeli časopis, onda je zbirka web stranica ujedinjenih jednom ime domena- ovo je stranica.

Svaka web stranica ima svoju jedinstveni tekst, koju ste vi napisali i priloženo u html kodu.

Kôd je instrukcija pretraživaču o tome kako prikazati određeni element. Recimo da ste napisali riječ, ali u kom obliku će se pojaviti na ekranu ovisi o tome u koji kod ste je priložili.

html kod se sastoji od sljedećih elemenata:

2. Atributi oznake.

3. Vrijednosti atributa.

Pogledajmo ih redom.

HTML oznaka je glavni element koda. Napisano je ovako:

Kao što vidite, sastoji se od dva dijela. Prve ugaone zagrade su dio za otvaranje, a druge, sa kosom crtom, su dio za zatvaranje.

Između ova dva dijela ispisuje se ostatak koda stranice koji će biti prikazan na ekranu.

Tag govori pretraživaču da je ovo HTML dokument i da je glavna (roditeljska) oznaka za sve ostale elemente.

U preostalim tagovima, elementima koda, slovo ili riječ se ispisuje u ugaonim zagradama, što će biti naziv oznake i odrediti koji će element biti prikazan na ekranu ovom oznakom.

Na primjer, ako stavite slovo h1 u ugaone zagrade, tekst će biti prikazan na ekranu kao naslov.

zdravo

Odnosno, font riječi "Zdravo" bit će veći i masniji od ostatka teksta.

Ako stavite slovo p u ugaone zagrade, onda će se tekst u okviru oznake prikazati kao pasus.

zdravo

Odnosno, font će biti normalan, ali sve što je napisano nakon ove oznake počinje u novom redu.

Postoji nekoliko desetina takvih slova, pa čak i riječi koje određuju vrstu naredbe, u html-u, iako se često ne koristi više od 10-15 oznaka.

Svaki od njih ćemo detaljnije pogledati usput.

Slijede atributi oznaka. Često korišteni, također ne više od desetak. I unutra U poslednje vreme i još manje, pošto se sve funkcije atributa prenose u css.

Ali o tome više kasnije, ali za sada ćemo ipak saznati što je atribut, jer neki od njih nisu izgubili na važnosti i nikada neće izgubiti.

Atribut je dodatna komanda. Napisano je u početnom dijelu oznake. Na primjer, ako želite naslov učiniti obojenim, tada morate umetnuti atribut boje u početni dio oznake h1

I idemo direktno na vrijednosti atributa. Poenta je da atribut mora imati vrijednost. Odnosno, ako ste dali naredbu da naslov bude obojen, onda morate naznačiti u kojoj će boji biti.

Ova indikacija će biti vrijednost atributa. izgleda ovako:

Ovo je crveno.

Na isti način, ali koristeći druge atribute, možete postaviti veličinu teksta, uvlake, poravnanja i još mnogo toga.

Iako se dizajn sve više seli na CSS, a atributi dizajna postepeno postaju zastarjeli i van prakse.

A sada iz svega navedenog izvlačimo zaključak:

HTML je jezik koji pretraživači razumiju. Potreban nam je da bismo komunicirali sa pretraživačem, ili, reklo bi se, da bismo njime upravljali, odnosno da bismo mu davali komande kako da percipira i prikaže na ekranu ono što pišemo.

Želeo bih da dodam da se oznake, atributi i njihova značenja lako pamte praktična nastava, što će u suštini biti svi naredni članci.

Tu odmah vidite oznaku, saznate njeno značenje, u kom se padežu i na kom mjestu koristi, kojim znakovima je praćena i kako je napisana, tako da vam sada neću pokazivati ​​sve oznake i atribute, videćemo sve u praksi.

Kompletna lista oznaka i html atributi, ako nekoga zanima, uvijek moze pogledati. .

Mada, ako ne nameravate da programirate profesionalno, biće dovoljno da znate nekoliko (desetak) osnovnih tagova i nekoliko atributa.

Pa, to je sve, pretpostavljam. Malo? I za sada nema potrebe za više. Ostalo ćemo naučiti tokom procesa učenja na konkretnim primjerima.

Mislim da će se to bolje razumjeti na primjerima. Naš cilj je napraviti web stranicu i razumjeti kako sve to funkcionira, stoga samo naprijed i vježbajte.

Okreni se

Cim sednes da ucis, neko kopile ce te sigurno probuditi!!!

U školi nastavnik govori učenicima:
- Ko od vas sebe konačno smatra glupim? Ustani.
Nakon duže pauze, jedan učenik ustaje:
- Znači misliš da si glup?
- Pa, ne baš, ali nekako je nezgodno što stojiš sam.

Esej

1. Pripovijetka WWW

2. HTML jezik - izrada web dokumenata:

a) Šablon web dokumenta

b) oblikovanje teksta

c) formatiranje pasusa

d) rad sa slikama slika:

I. pozadinske slike

II. statične i dinamičke slike

f) okviri:

I. Vertikalni okviri

II. Horizontalni okvir

III. Ugniježđeni okviri

Alternativni načini pripreme dokumenata

1. Brief svjetska historija Wide Web

Dobro je poznato da je Internet, posebno, ogromno skladište svih vrsta informacija. Prije pojavljivanja Svjetske usluge Wide Web (WWW) navigacija na Internetu u potrazi za potrebnim informacijama ne može se nazvati pogodnom. Da biste primili datoteku sa FTP servera, morali ste zasebno preuzeti klijentsku aplikaciju. U isto vrijeme, morali ste zapamtiti svoju lozinku, morali ste navigirati brojni katalozi tražim željeni fajl, ne zaboravljajući da ga instalirate prije nego što ga primite ispravan način rada transferi; poznaje brojne komande za rad sa FTP serverima itd. Ako ste trebali pogledati konferenciju, morali ste pokrenuti drugu aplikaciju, koja je imala vlastiti skup komandi za čitanje, prosljeđivanje i spremanje poruka s konferencija. Sve ovo je bilo nezgodno.

Prije otprilike pet godina pokušano je organizirati redosled informacija V Internet mreže. To je dovelo do pojave World Wide Web servisa ( World Wide Web), koji je rođen u Evropskom centru za nuklearna istraživanja u Švedskoj. WWW ideja je zasnovana na tzv hipermedija dokumenti ili Web dokumenti, koji se nazivaju i web stranice, dizajnirani da uvedu red u organizaciju i pronalaženje podataka. Ovi dokumenti mogu sadržavati i tekst i netekst tekstualne informacije(npr. slike, zvuk), kao i linkovi. Linkovi su pokazivači pomoću kojih se možete slobodno kretati s jednog mjesta u dokumentu na drugo, ili se čak pozivati ​​na poseban dokument koji se može nalaziti na drugom kraju svijeta. Iako web dokumenti mogu sadržavati najviše razne informacije, ne samo tekst, oni se gotovo uvijek nazivaju hipertekst ( hipertekst) dokumenata, što generalno nije sasvim tačno.

Na ekranu tipičan Web dokument izgleda kao skup teksta sa vezama; Možete listati dokument, pregledavajući sadržaj i brzo se kretati kroz njega ili druge dokumente koristeći veze.

Sa pojavom WWW-a, internet je počeo da služi tekstom i grafikom uz pomoć miša, postalo je moguće putovati po svijetu i lako pronaći potrebne informacije jednostavnim pokazivanjem i klikom. Postalo je lako preuzimati datoteke i čitati konferencije. Zbog toga je WWW servis stekao svjetsku popularnost i široku upotrebu. Svakog dana se pojavljuju na internetu velike količine Objavljeni su web serveri i hiljade novih dokumenata.

Za izradu web dokumenata na WWW-u se koristi poseban jezik HTML, što je skraćenica za HyperText Markup Language, je jezik za označavanje hiperteksta, jezik za formatiranje podataka. Na osnovu SGML jezik(Standard Generalized Markup Language), HTML jezik definiše formatiranje i organizaciju podataka u Web dokumentima. Ne definiše kako će tačno tekst biti postavljen na ekranu; on definiše strukturu podataka. Web dokument može sadržavati više od tekstualnih informacija, a samim tim i jezik HTML je ispravniji zvao bi se HyperMedia Markup Language, ali u literaturi se skoro uvijek koristi skraćenica HTML. Dokument kreiran u HTML-u je obična datoteka u ASCII formatu. Zasnovan je na posebnim deskriptorima (tagovima) koji određuju formatiranje podataka u bilo kojem web dokumentu. Naravno, za pregled HTML dokumenata na World Wide Webu potreban vam je poseban softver. Takvi programi se nazivaju pretraživači (od engleskog. pretraživati– listajte, listajte). Uz njihovu pomoć možete preuzimati i pregledavati web stranice, kretati se WWW-om itd. IN trenutno ima dosta veliki broj pretraživači, od kojih su najpopularniji pretraživači Microsoft Internet Explorer, Netscape Navigator i NCSA Mosaic. Pregledač, nakon što je pročitao HTML datoteku, koristi deskriptore da interpretira podatke sadržane u dokumentu i u skladu s tim ih prikaže na ekranu računara. 1 prikazuje primjer web dokumenta:

Sl.1 Primjer web dokumenta

HTML jezik se brzo razvija. U procesu razvoja stekao je nove sposobnosti i izgubio malo korišćene i zastarele. Trenutno aktuelna zvanična verzija HTML jezik je verzija 3.2, koja ima razvijene alate za kreiranje Web dokumenata. U poređenju sa HTML 2.0, nova verzija nudi nove funkcije kao što su tabele, premotavanje teksta oko slika, ugrađivanje Java appleti i druge mogućnosti.

Do danas, osim službena verzija jezika postoje i HTML verzije iz Microsoft kompanije i Netscape, koji takođe podržavaju dodatne funkcije, nije opisano u specifikaciji za službenu verziju HTML-a. Kako bi riješile problem kompatibilnosti pretraživača pri prikazivanju dokumenata sastavljenih od elemenata nezvaničnih verzija HTML jezika, gore navedene kompanije u svoje proizvode uključuju podršku za alternativnu verziju jezika. Verzija 4.0 jezika, nazvana Dynamic HTML, je na putu, obećavajući poboljšanja starih i uzbudljivih novih funkcija za dizajniranje Web dokumenata. W3C (World Wide Web Consortium - organizacija za standarde World Wide Web) već predlaže ovu verziju jezika kao standard. Postoje opcije nova verzija jezicima iz Microsofta i Netscapea, koji su, međutim, još uvijek međusobno nekompatibilni. IN ovo djelo otkrivaju se glavna sredstva konstruisanja dokumenata iz jezika HTML verzije 3.2 od Netscape Communications.

2. HTML jezik. Izrada web dokumenata

Kao što je gore spomenuto, formatiranje dokumenta u HTML-u je specificirano posebnim deskriptorima. Deskriptor je naredba za formatiranje podataka i zatvorena je u uglastim zagradama "<» и «>" Postoje ručke za otvaranje i zatvaranje, između kojih se postavlja tekst koji treba formatirati. Deskriptori otvaranja određuju metod formatiranja, dok ga drugi deskriptori nadjačavaju. Razlika između ovih deskriptora je u tome što u završnom deskriptoru imenu prethodi kosa crta. Na primjer, deskriptori. Postoje i ručke za koje nije potrebna opcija zatvaranja.

HTML ne razlikuje velika i mala slova, tako da se svi deskriptori mogu navesti velikim ili velikim slovima. mala slova. Pretraživač će ih nedvosmisleno protumačiti u bilo kojem pravopisu.

Ako pogledate izvorni tekst tipične web stranice, vidjet ćete nešto poput sljedećeg:

naslov dokumenta

tekst

tekst

tekst

tekst

Između ručki I nalazi se cijeli dokument. Deskriptori I definirati opseg za specificiranje naslova dokumenta. Između par I Stavlja se naslov dokumenta. Njegov sadržaj je vidljiv u naslovu prozora pretraživača. Informaciju zaglavlja koriste neki web roboti za indeksiranje podataka prilikom indeksiranja WWW resursa. U ovo područje možete unijeti npr. podatke o autoru, Kratki opis dokument. Između ručki I sadrži podatke koje će pretraživač prikazati na ekranu. Deskriptori

I
sadrže informacije o autoru koje će biti prikazane na ekranu, na primjer, ime i prezime autora, njegova e-mail adresa, datum kreiranja i izmjene dokumenta itd.

Strogo govoreći, nijedan od gore navedenih deskriptora nije obavezan pri kreiranju dokumenata, ali oni pomažu u strukturiranju dokumenata i njihova definicija je znak dobrog stila pri sastavljanju web stranica.

Formatiranje teksta

Formatiranje teksta uključuje prikazivanje teksta u određenom fontu ili sa određenim atributima.

Da biste formatirali tekst, morate priložiti liniju ili redove teksta između para ručki. Slijedi osnovna lista deskriptora i rezultata oblikovanja teksta:

Na primjer, ako trebate prikazati određenu liniju na ekranu u kurzivu, tada morate unijeti sljedeće u tijelo web dokumenta:

Ovaj tekst je napisan kurzivom

Kao rezultat, pretraživač će prikazati:

Ovaj tekst je napisan kurzivom

Deskriptori se mogu kombinirati jedni s drugima bilo kojim redoslijedom, na primjer, kombinacija

Ovaj tekst je štampan podebljanim kurzivom

će proizvesti sljedeći rezultat:

Ovaj tekst je štampan podebljanim kurzivom

Neki Web dokumenti sadrže trepereće linije teksta dizajnirane da privuku pažnju korisnika. U ove svrhe se koristi deskriptor :

Ovo je trepćući tekst

Međutim, ovo proširenje Netscape jezika rijetko se koristi i uskoro može postati zastarjelo.

Dizajn web stranica često koristi fontove različitih veličina. Možete ispisati red s veličinom fonta različitom od uobičajene koristeći deskriptore tekst , gdje je n broj od 1 do 7 koji određuje veličinu fonta u odnosu na normalnu. Dakle, sljedeći tekst je u tijelu dokumenta

Ovo tekstčetiri veličine veće nego inače

ekran će izgledati ovako:

Ovaj tekst je četiri veličine veći od uobičajenog.

Treba napomenuti da su parovi deskriptora I, i I su elementi Netscapeove HTML verzije i stoga ih drugi pretraživači možda ne podržavaju.

Formatiranje pasusa

Tekstualne informacije objavljene na web stranicama organizirane su u paragrafe. Odlomak počinje deskriptorom<Р>i završava ručkom za zatvaranje

, međutim, ovo drugo je opciono. primjer HTML koda:

Prvi paragraf

Drugi paragraf

Kao rezultat, na ekranu će se pojaviti sljedeći rezultat:

Prvi paragraf

Drugi paragraf

Prilikom sastavljanja dokumenta potrebno je voditi računa da pretraživač zanemaruje razmake između riječi i prijelome reda prilikom formatiranja teksta, pa kao pasus smatra samo tekst koji se nalazi između deskriptora. Prisilni prijelom reda postavlja deskriptor
, koji nema opciju zatvaranja. Primjer koda:

Prva linija

Druga linija

Kao rezultat, pretraživač će prikazati:

Prva linija

Druga linija

Ako trebate prikazati tekst sa potrebnim brojem razmaka i prijeloma reda, morate ga priložiti u deskriptore

I
. Ovo se obično koristi za prikaz liste izvora programa na ekranu. U ovom slučaju, tekst će biti prikazan u monospace fontu.

Kreiranje zaglavlja

Naslovi različitih nivoa su specificirani pomoću deskriptora I, gdje je n broj od 1 do 6. Najveći naslov je specificiran deskriptorom

, najmanji je deskriptor

. Na primjer:

Ovo je naslov 1. nivoa

Ovo je zaglavlje nivoa 3

Ovo je naslov 6. nivoa

Kao rezultat, na ekranu će se prikazati:

Ovo je naslov 1. nivoa

Ovo je zaglavlje nivoa 3

Ovo je naslov 6. nivoa

Naslovi su jedan od najčešće korištenih elemenata dizajna dokumenata na WWW-u.

Kreiranje lista

U HTML-u je moguće definisati tri vrste lista: numerisane liste, nenumerisane liste, liste definicija. Početak i kraj liste specificiraju se posebnim deskriptorima, a prije svakog elementa liste navodi se deskriptor

  • , koji nema opciju zatvaranja.

    Numerisana lista:

  • Stavka liste

  • Stavka liste

  • Stavka liste

    rezultat:

    Neuređena lista:

  • Stavka liste

  • Stavka liste

  • Stavka liste

    rezultat:

    * Stavka liste

    * Stavka liste

    * Stavka liste

    Liste definicija su grupe teksta od po dva elementa, pri čemu je drugi element pomaknut desno od prvog. Obično se takve liste koriste za objašnjenje različitih koncepata. primjer:

    Prvi definisan koncept

    Objašnjenje prvog koncepta

    Drugi definisani koncept

    Objašnjenje drugog koncepta

    rezultat:

    Prvi koncept koji treba definisati.

    Objašnjenje prvog koncepta.

    Drugi definisan koncept.

    Objašnjenje drugog koncepta.

    Linkovi

    Veze su jedan od osnovnih elemenata HTML jezika. Veze nude korisniku brz i zgodan način za navigaciju do određene lokacije u dokumentu, ili čak do drugog dokumenta. Na primjer, umjesto da prelistavate dugačak web dokument u potrazi za željenim fragmentom, možete se odmah pomaknuti na željeno mjesto jednostavnim klikom miša (ako je, naravno, za to predviđena odgovarajuća veza). Ako postoje dva različita dokumenta, onda da biste omogućili pristup iz jednog dokumenta u drugi, nije potrebno da ih kombinujete, dovoljno je napraviti link u jednom dokumentu na drugi i sve će se svesti na jednostavan miš kliknite.

    Na ekranu se veze pojavljuju kao linija ili redovi teksta, istaknuti drugom bojom i podvučeni tankom linijom. Ako pomaknete kursor miša na ovaj dio teksta, on će se pretvoriti u sliku kažiprsta, a nakon što kliknete na ovo mjesto, slijedite ovu vezu.

    HREF atribut ukazuje na naziv oznake u trenutnom dokumentu.

    Naravno, u ovom slučaju je potrebno u dokumentu navesti oznaku za koju će se veza postaviti. U tu svrhu se koristi deskriptor sa atributom :

    Ovo je znak

    Na ekranu se oznaka, za razliku od linkova, ne ističe među ostatkom teksta.

    Ako trebate prijeći na oznaku koja se nalazi u drugom dokumentu, gornji primjer će se malo promijeniti:

    URL može biti relativan ili apsolutan. Osim toga, veza može ukazivati ​​ne samo na dokument, već i na slike, binarne datoteke, zvučne datoteke itd. Ponašanje pretraživača prilikom praćenja određene veze zavisi od toga specifične postavke. Dakle, ako link ukazuje na dokument, on će biti preuzet, ali ako je audio ili video fajl, biće reprodukovan. Ako ovo binarni fajl, pretraživač će ponuditi da ga kopirate na lokalni disk.

    Ugrađivanje slika

    Upotreba slika vam omogućava da šareno dizajnirate web dokumente, kombinacija teksta i grafike daje svakoj stranici prijatan izgled i jasnoću.

    Za umetanje ilustracija u dokument koristite deskriptor :

    Atribut specificira ime datoteke slike. Naziv datoteke može ukazivati ​​na nešto slično lokalni fajl, i dalje izbrisani fajl, za koji morate navesti odgovarajući URL. Fajl može biti statična slika i imaju grafički format, razumljiv pretraživaču, ili dinamička slika predstavljena u GIF89A formatu. IN poslednji slučaj datoteka će biti prikazana kao animacija u prozoru pretraživača.

    ALT atribut specificira tekst koji će biti prikazan u prozoru pretraživača umjesto slike ako, na primjer, pretraživač korisnika ne podržava grafiku ili je opcija za učitavanje slika onemogućena. Ovaj atribut nije obavezan, ali se njegova upotreba smatra dobrim stilom prilikom sastavljanja web dokumenata.

    Često se prilikom pripreme stranica pomoću grafike dešava da se željena veličina slike ne poklapa sa stvarnom. Na primjer, trebate postaviti sliku u određeno područje određene veličine. Da biste to uradili morate koristiti WIDTH atributi i HEIGHT, koji postavljaju potrebne dimenzije slike u širinu i visinu, respektivno. Na primjer, ako trebate postaviti sliku velika veličina na području visine 100 piksela i širine 200 piksela, u tijelu dokumenta mora biti napisano sljedeće:

    Redoslijed ovih atributa može biti proizvoljan.

    Obilje grafike u dokumentu ga, s jedne strane, poboljšava opšti oblik, s druge strane, značajno povećava vrijeme učitavanja. Kako bi pronašli kompromis između brzine učitavanja dokumenta i njegove jasnoće, dizajneri web stranica često pribjegavaju ovoj tehnici: postavljaju sliku na stranicu u manjem formatu i čine je vezom za sebe. Ako kliknete na takvu sliku, pretraživač će je preuzeti i prikazati u originalnim dimenzijama. Slika veze je opisana u dokumentu na sljedeći način:

    Zanimljiva mogućnost je da se "omata" tekst oko slike. Ovo je veoma popularan način dizajn web stranica. U ovom slučaju, slika na ekranu je okružena tekstom, na primjer, lijevo i ispod. Prelamanje teksta se postiže upotrebom Atribut ALIGN, koji ima parametre kao što su:

    LIJEVO – tekst će prekrivati ​​sliku dolje lijevo.

    DESNO – tekst okružuje sliku dolje desno

    TOP – slika je okružena tekstom u gornjem desnom uglu

    DOLJE – slika je u donjem desnom uglu okružena tekstom

    SREDINA – slika je okružena tekstom u sredini desno

    Na primjer, kada kreirate web stranicu prikazanu na sl. 1, u tijelu dokumenta korišten je sljedeći unos koji opisuje sliku:

    Slike se mogu koristiti i kao pozadine dokumenta. Sav tekst i ilustracije u dokumentu će biti prikazani od strane pretraživača na vrhu pozadinske slike. Pozadinske slike date su prilično jednostavno na sljedeći način:

    Ako veličina slike nije dovoljno velika da ispuni cijeli prozor pretraživača, pretraživač će tada jednostavno umnožavati sliku dok se prozor potpuno ne popuni.

    Okviri

    Jedna od najnovijih inovacija u službenoj verziji HTML jezika su takozvani okviri. Kada koristite okvire, prozor pretraživača je podijeljen na nekoliko podprozora, u svakom od kojih možete prikazati bilo koji web dokument i pomicati ih nezavisno od drugih prozora. Dobro dizajnirana struktura okvira može uvelike olakšati navigaciju po dokumentima i poboljšati percepciju informacija. Primjer je elektronska varijanta knjiga ili časopis, kada u jednom prozoru možete odabrati odjeljke-linkove sadržaja, au sljedećem prozoru pogledati informacije koje se direktno odnose na određeni odjeljak iz sadržaja.

    Postoje dvije vrste okvirnih dokumenata: dokumenti koji sadrže okvir i jednostavnih dokumenata. Dokumenti koji sadrže okvir definiraju strukturu samog okvirnog dokumenta, tj. navedite podatke o tome kako će prozor pretraživača biti podijeljen na podprozore. Takvi dokumenti sadrže veze ka drugim dokumentima. Obični dokumenti su oni dokumenti koji ne sadrže podatke koji definišu okvire.

    Struktura dokumenta koji sadrži okvir u opšti slučaj izgleda ovako:

    naslov

    Tekst

    Područje za postavljanje strukture okvira

    Kao što se može vidjeti iz primjera, struktura takvog dokumenta se donekle razlikuje od strukture običnog dokumenta. Dostupnost deskriptora I umjesto I To je ono što razlikuje okvirni dokument od običnog. Korištenje deskriptora I je još jedan znak dobar stil. Između njih određujete tekst koji će biti prikazan u prozoru pretraživača koji ne podržava okvire.

    Ispod je primjer okvirnog dokumenta:

    Vaš pretraživač ne podržava okvire!

    Deskriptor opisuje ili vertikalni raspored okvira ili horizontalni. primjer:

    Ovaj deskriptor opisuje horizontalni raspored okvira. Za vertikalni položaj, unos se neznatno mijenja

    U nizu veličine elementi su odvojeni zarezom i mogu se specificirati na sljedeći način:

    value% – relativna veličina okvira u procentima. Na primer: 10%,40%,50% – 10% ukupne veličine prozora pretraživača je dodeljeno prvom prozoru, 40% drugom prozoru i 50% trećem prozoru, respektivno;

    vrijednost – apsolutna veličina u pikselima. Na primjer: 100,540 – područje širine 100 piksela dodjeljuje se prvom kadru, a sav preostali prostor se dodjeljuje drugom kadru (za video režim monitora 640x480).

    Korištenje deskriptora Navedena je samo struktura okvira. Deskriptori se koriste za postavljanje podataka u okvire , koji nemaju opciju zatvaranja. Broj ovih deskriptora mora nužno odgovarati broju okvira koji je prethodno specificiran. Svaka ručka ukazuje na URL nekog dokumenta koji će biti prikazan u odgovarajućem okviru. Ovo se radi pomoću atributa SRC=DOCUMENT_URL. Prilikom učitavanja dokumenta koji sadrži okvir, prozor pretraživača će se podijeliti na podprozore, a zatim će se dokumenti učitati u njih. Primjer korištenja okvira može se vidjeti na slici 1, koja prikazuje prozor pretraživača podijeljen u dva okvira.

    Kada kliknete na link u običnom dokumentu, njegov sadržaj potpuno nestaje sa ekrana i zamjenjuje ga novi sadržaj iz drugog dokumenta. Kada koristite okvire, moguće je, prilikom aktiviranja linkova, promijeniti sadržaj prozora u trenutnom okviru, sadržaj prozora u drugom okviru ili cijeli prozor pretraživača. Ovo se radi pomoću kombinacije deskriptora i atribut TARGET (iz engleskog. cilj- cilj). Generalno, format ovog deskriptora izgleda ovako:

    Tekst hipertekstualne veze

    Parametar TARGE_NAME je rezervirana riječ koja počinje donjom crtom '_'. Evo liste najčešće korištenih parametara:

    TARGET=_TOP – ažurira se sadržaj cijelog prozora pretraživača.

    TARGET=_BLANK – dokument će biti otvoren u novom prozoru pretraživača.

    Na prvi pogled može izgledati da je upotreba parametara _TOP i _BLANK ekvivalentna, jer je u oba slučaja stari sadržaj prozora potpuno zamijenjen sadržajem drugog dokumenta. Međutim, u prvom slučaju možete se vratiti na prethodni sadržaj prozora pomoću samog pretraživača (pomoću dugmeta NAZAD na traci sa alatkama), au drugom slučaju način vraćanja na sadržaj prethodnog dokumenta počiva na kompajler web stranice ili sam korisnik.

    3. Ostali elementi jezika HTML

    Uz najpopularnije elemente HTML jezika, postoje i oni koji se, iako nisu u širokoj upotrebi, ipak koriste pri kreiranju stranica na WWW-u.

    Ako je prilikom pripreme publikacije (na primjer, priprema elektroničke vijesti) potrebno postaviti određeni citat na stranicu, onda jednostavno navođenje testa s navodnicima nije dovoljno - pretraživač navodnike percipira kao kontrolne znakove, a oni neće biti prikazan na ekranu. U tom slučaju potrebno je tekst citata priložiti u posebne deskriptore. Samo u ovom slučaju pretraživač će prikazati tekst pod navodnicima.

    Pored znaka citata, postoji i skup znakova koje pretraživač smatra kontrolnim znakovima i da bi ih prikazao na ekranu potrebno je u tijelo dokumenta umetnuti posebne komande. Ispod je lista naredbi za najčešće znakove:

    Prethodno je napomenuto da pretraživač automatski prelama tekst ako linija ne stane na ekran. Međutim, može doći do trenutaka kada trebate prikazati tekst u jednom redu bez prekida. Da biste to učinili, postavite jedan deskriptor ispred reda teksta , koji je proširenje Netscapeovog HTML jezika. Bez obzira koliko je duga linija, pretraživač će je u potpunosti prikazati na ekranu bez premotavanja.

    Putujući po WWW-u u potrazi za stranicama posvećenim muzici, često možete pronaći dokumente, nakon učitavanja kojih muzika počinje da svira u pozadini pretraživača. Ovo je zanimljiva karakteristika koja, iako je potrebno mnogo vremena za učitavanje na sporim vezama, daje bilo kojoj muzičkoj stranici neku privlačnost. Realizuje se na ovaj način:

    Deskriptor koji se koristi za rad sa muzičkim fajlovima, atribut SRC označava datoteku koja će biti preuzeta. Atribut AUTOSTART govori pretraživaču da li da pusti datoteku nakon učitavanja ili ne. Atribut HIDDEN, poput atributa AUTOSTART, uzima logičku vrijednost i govori pretraživaču da se dugmad za kontrolu procesa reprodukcije datoteke ne mogu prikazati na ekranu. Ako posljednja dva atributa imaju vrijednosti FALSE, tada će nakon učitavanja muzičkog fajla pretraživač prikazati dugmad za kontrolu reprodukcije, a korisnik može u bilo kojem trenutku reproducirati datoteku, zaustaviti reprodukciju ili ponovo pustiti datoteku.

    Strukture podataka kao što su tabele takođe nalaze svoju upotrebu na web stranicama. U određenim slučajevima pomažu da se zgodno organiziraju neki podaci, recimo, neki sažetak brojeva, neki proračuni itd. Na ekranu takve tabele izgledaju slično tablicama na koje smo navikli na papiru ili u aplikacijama kao što je Microsoft Excel. Pored prikaza tabelarnih podataka, tabele se mogu koristiti, na primer, za dizajn: proizvoljnog rasporeda slika i teksta na ekranu. Metode za konstruisanje tabela zbog njihovog obima i određene složenosti nisu date u ovom radu.

    Oni koji su barem jednom koristili pretraživače prilikom navigacije World Wide Webom za traženje informacija, sigurno su se susreli sa tzv. formama. Ovo su specifične, iako veoma popularne karakteristike HTML jezika. Obrasci su polja za unos teksta, potvrdni okviri, radio dugmad, liste i drugi oblici interaktivne komunikacije s korisnikom. Podaci uneseni u obrasce šalju se na web server na dalju obradu, nakon čega se rezultati obrade vraćaju korisniku. Izrada dokumenata korišćenjem formulara znak je profesionalnosti dizajnera, jer zahteva, pored dobrog poznavanja HTML jezika, i sposobnost rada sa skript jezicima, što je sastavni deo rada sa obrascima. Alati za opisivanje obrazaca u dokumentima nisu uključeni u ovaj rad.

    4. Alternativni načini kreiranja Web dokumenata

    HTML jezik je glavno sredstvo za organiziranje podataka na World Wide Webu i ne postoje drugi jezici koji bi mu poslužili kao potpuna alternativa. Stoga, nema potrebe govoriti o tome u čemu je ovaj jezik superiorniji od drugih jezika ili u čemu je inferiorniji od njih. Iako treba napomenuti da HTML ima svoja ograničenja.

    Nedavno se popularni jezik Java, koji je u stanju da prevaziđe ograničenja HTML-a, sve više koristi u dizajnu Web dokumenata. U sprezi sa HTML-om, jezik Java nudi korisniku sredstva za dizajn dokumenta koja je teško ili čak nemoguće implementirati koristeći samo HTML. To je, na primjer, kreiranje trodimenzionalne animacije na ekranu, pokretanje apleta (aplikacija) na korisnikovoj mašini, poslanih sa servera. Jezik Java pruža fleksibilnije i pogodnije načine za komunikaciju sa korisnicima, kao što su napredniji obrasci za unos podataka. Koristeći ovaj jezik, možete unijeti neku dinamiku u bilo koji web dokument, na primjer, učiniti da slike na ekranu zamjenjuju jedna drugu proizvoljnom učestalošću i redoslijedom. Na ovaj način Java dodaje više interaktivnosti dokumentima. Ali sama Java vam ne dozvoljava da razvijate web stranice što je brže moguće pomoću HTML-a i zahtijeva mnogo više vremena za učenje.

    U zaključku, kombinacija HTML-a i Jave je moćan alat za kreiranje šarenih i profesionalnih web dokumenata.

    U posljednje vrijeme sve češće razni internetski resursi organiziraju holivare na temu: je li HTML programski jezik ili nije. Kao i obično, postoji popriličan broj argumenata u korist oba gledišta, pa sam odlučio da stavim tačku na ovu za sebe nepotrebnu raspravu.

    Definicija programskog jezika

    Programski jezik - formalni sistem znakova, dizajniran za snimanje kompjuterskih programa. Programski jezik definira skup leksičke, sintaksičke i semantičke definisanje pravila izgled programe i akcije, koji će izvoditi izvođač (računar) pod njenom kontrolom.

    To je ono što piše na Wikipediji, a većina drugih izvora ili u potpunosti koristi ovu definiciju ili je slobodno izražava bez gubitka značenja. Pogledajmo bliže komponente definicije jezika:

    • Formalni jezik je skup konačnih riječi (linija, lanaca) preko konačnog alfabeta.
    • Sistem znakova je sistem jednoobrazno interpretiranih i interpretiranih poruka/signala koji se mogu razmjenjivati ​​u procesu komunikacije. Ponekad znakovni sistemi pomažu u strukturiranju komunikacijskog procesa kako bi mu dali određenu adekvatnost u smislu reakcija njegovih učesnika na određene „znakove“. Jezik (i u pisanoj formi i, u slučaju prirodnih jezika, u obliku govora) obično se navodi kao primjer znakovnog sistema.
    • Računarski program- niz instrukcija namenjenih za izvršavanje od strane upravljačkog uređaja računara.
    • Vokabular- skup riječi određenog jezika, dijela jezika ili riječi koje određena osoba ili grupa ljudi poznaje.
    • Sintaksa- strana programskog jezika koja opisuje strukturu programa kao skupove simbola (obično se kaže - bez obzira na sadržaj). Sintaksa jezika je u suprotnosti sa njegovom semantikom. Sintaksa jezika opisuje „čisti“ jezik, dok semantika dodeljuje značenja (radnje) različitim sintaksičkim konstrukcijama.
    • Semantika u programiranju - disciplina koja proučava formalizaciju značenja konstrukcija programskog jezika kroz izgradnju njihovih formalnih matematičkih modela. Kao alati za konstruisanje takvih modela mogu se koristiti različiti alati, na primer, matematička logika, λ-račun, teorija skupova, teorija kategorija, teorija modela i univerzalna algebra. Formalizacija semantike programskog jezika može se koristiti kako za opisivanje jezika, određivanje svojstava jezika, tako i za potrebe formalne verifikacije programa u ovom programskom jeziku.
    • Jezik- znakovni sistem koji povezuje konceptualni sadržaj i tipičan zvuk (pravopis).
    Jednostavnije rečeno može se reći na sljedeći način:

    Programski jezik- skup unapred određenih, uniformnih i razumljivih izvođaču (čitaj: interpretator/kompajler/računar/programer) instrukcija namenjenih da se piše uzastopno radi njihovog izvršavanja od strane određenog uređaja koji je deo računara. Takođe, programski jezik mora imati niz karakteristika: mora postojati ograničen broj instrukcija i svi ih moraju znati; instrukcije moraju biti strukturirane na određeni način da bi proizvele određene rezultate, i svi moraju znati za to; treba da postoje pravila za pisanje instrukcija i da ih svi znaju; Svaka konstrukcija jezika mora nedvosmisleno povezati ono što je napisano sa onim što treba označiti.

    Ispalo je tako glomazno i ​​ružno, ali bez komplikovanih riječi. Vratit ćemo se na ovu definiciju malo kasnije.

    Vrste programskih jezika

    Podjela na nizak nivo I visoki nivo jezicima. Ovi tipovi se razlikuju po "debljini sloja" između procesora i programatora. Jednostavnim riječima, u jezicima niske razine svaka instrukcija predstavlja jednu ili mali broj procesorskih instrukcija, a na jeziku visokog nivoa svaka instrukcija predstavlja veliki skup procesorskih instrukcija.

    Pogledajmo bliže definicije različitih tipova prema Wikipediji:

    • Aspektno orijentirano programiranje (AOP) je programska paradigma zasnovana na ideji odvajanja funkcionalnosti kako bi se poboljšala modularizacija programa.
    • Strukturirano programiranje- metodologija razvoja softvera, koja se zasniva na predstavljanju programa u obliku hijerarhijske strukture blokova. Predložio 70-ih godina 20. stoljeća E. Dijkstra, razvio i dopunio N. Wirth.
    • Proceduralno programiranje- programiranje na imperativnom jeziku, u kojem se sekvencijalno izvršavani izrazi mogu sastaviti u potprograme, odnosno veće integralne jedinice koda, koristeći mehanizme samog jezika.
    • Logičko programiranje- paradigma programiranja zasnovana na automatskom dokazu teorema, kao i dio diskretne matematike koji proučava principe logičkog zaključivanja informacija na osnovu datih činjenica i pravila zaključivanja. Logičko programiranje zasniva se na teoriji i aparatu matematičke logike koristeći matematičke principe rezolucije.
    • Objektno orijentirano programiranje (OOP)- paradigma programiranja u kojoj su glavni koncepti koncepti objekata i klasa. U slučaju prototipskih jezika, prototipski objekti se koriste umjesto klasa.
    • Funkcionalno programiranje- odjeljak diskretne matematike i programske paradigme u kojoj se proces izračunavanja tumači kao izračunavanje vrijednosti funkcija u matematičkom razumijevanju potonjeg (za razliku od funkcija kao potprograma u proceduralnom programiranju).
    • Višeparadigmski programski jezik- po pravilu, programski jezik koji je razvijen posebno kao alat za multiparadigmsko programiranje, odnosno čije su vizuelne mogućnosti inicijalno planirane da budu naslijeđene od nekoliko, najčešće nepovezanih, jezika.
    • Ezoterični programski jezik- programski jezik razvijen da istraži granice razvoja programskog jezika, da dokaže potencijalnu implementaciju određene ideje (tzv. “proof of concept”, engleski proof of concept), kao softversko djelo, ili kao šala (kompjuterski humor).

    Imperativni i deklarativni pristup


    Svi programski jezici su podijeljeni u dvije grupe: deklarativno i imperativno.

    Program za imperativ u programskom jeziku, sa matematičke tačke gledišta, predstavlja opšte rešenje zadatog problema, drugim rečima, odgovor na pitanje „kako to uraditi?“ Ovo je niz naredbi koje izvršitelj mora izvršiti.

    Program za deklarativno u programskom jeziku je kombinacija problema koji je formaliziran u programskom jeziku i svih teorema potrebnih za njegovo rješavanje, drugim riječima, odgovor na pitanje "šta učiniti?" Određeni niz radnji izvodi kompajler, ili češće interpreter - program koji izvršava programski kod u realnom vremenu bez pretvaranja u mašinski kod.

    Turingova kompletnost

    U teoriji izračunljivosti naziva se izvršilac (skup računskih elemenata). Turing-kompletan, ako se na njemu može implementirati bilo koja izračunljiva funkcija. Drugim riječima, za svaku izračunljivu funkciju postoji računski element (na primjer, Turingova mašina) ili program za izvršioca, a sve funkcije izračunate skupom kalkulatora su izračunljive funkcije (možda s nekim kodiranjem ulaznih i izlaznih podataka ).
    Ime dolazi od Alana Turinga, koji je izumio apstraktni kalkulator - Turingovu mašinu i definirao mnoge funkcije koje se mogu izračunati Turingovim mašinama.
    Drugim riječima, jezik jeste Turing kompletan, ako bilo koja izračunljiva funkcija koja vam je potrebna može biti napisana na ovom jeziku i riješena od strane njenog izvršitelja.

    Nije Turing kompletan jezici također postoje, ali budući da su stvoreni uglavnom u akademske svrhe, malo su poznati i nisu u širokoj upotrebi.

    Ovo je način za kreiranje grafike bez korištenja kompajlera. Ovo je obična tekstualna datoteka i mora biti u DOS formatu.
    Fontovi: Windows, ANSI. Svaki pretraživač ih razumije i obrađuje ( Internet Explorer, Netscape).
    Svaki pretraživač je interpreter koji izvršava fajl sekvencijalno i izvršava ga.

    HTML se brzo razvija i ne tretiraju svi pretraživači ove datoteke na isti način. Sada se svi fokusiraju na Internet Explorer 7.0 u Microsoft Wista.

    Jezik sadrži listu oznaka, jedna oznaka je komanda interpretatoru, ali je napisana na osnovu opštih pravila za pisanje oznaka.
    TU TAKOĐE NEMA STANDARDA!
    Sve web stranice se sastoje od nekoliko HTML datoteka i nekoliko grafičkih datoteka

    Nedostaci:
    1. Fajl će biti veoma velik;
    2. Prevodilac će to obraditi mnogo sporije.

    Po tradiciji, datoteka za prijavu na web lokaciju naziva se index.
    - početak oznake
    - kraj oznake
    - naslov
    - telo.

    HTML struktura fajla:



    GLAVA sadrži razne prateće informacije zajedničke za cijelo TIJELO. Nije potrebno pisati, ali obično se napiše sljedeće:
    - sadržaj zaglavlja.
    Pored toga, HEAD označava verziju html-a za koju je napisano BODY i pokazuje kako se slika preko pozadine.
    Sadržaj BODY je jednostavno niz redova u koje se ubacuju različite kontrolne oznake, prije svega to su informacije koje treba prikazati na stranici. Oznake kontrolišu prikaz ovih informacija.
    Osobitosti percepcije teksta TJELO u pretraživaču:

    • Pretraživač ne vidi krajeve linija ili prelaze linija.
    • Ako postoji nekoliko razmaka između riječi, pretraživač ih zamjenjuje sa 1. Pregledač prikazuje sav ovaj BODY tekst kao jedan red. Ali dužina linije je određena trenutnom širinom Windows prozora. Ako tekst ne stane u red, pretraživač automatski prelazi na drugi red. Reči se ne prekidaju, a prenos se vrši reč po reč.

    Oznake:

    Oznake kontrolišu kako se informacije predstavljaju;
    Primjeri oznaka:
    ……
    …… je instrukcija za prekid veze na novu liniju;
    …… …… - pasus (redovi se ubacuju između pasusa);
    ……

    …… - pasus (ne umeću se linije između pasusa);

    Upravljanje masti.
    Tekst- povećan sadržaj masti
    - kurziv tekst
    - podvučeni tekst
    - precrtan tekst
    - superskript
    - indeks
    - tekst unutra treperi (kreirano za Netscape, Explorer to ne radi).
    - širina slova je ista
    - povećanje za 1
    - smanjiti za 1

    Kontrola zaglavlja

    Postoji 6 vrsta zaglavlja:

    ….

    //Tekst je 4 puta veći

    ….


    ….
    ….
    //2-3 puta manje nego inače

    Promjena stila

    Tekst
    Tekst programa

    - Internet adresa

    Pregledač ne može prikazati sve znakove teksta, koji su kreirani u uređivaču teksta:

     ….. – umetnuti razmak;
    <….. –< ;
    >….. – > ;
    &….. – & ;
    —… – - ;
    &guot….. – ” ;
    «… – << ;
    »… – >> ;
    Ω>… – W ;
    β>... – b;
    >… – a ;
    ∑>… – S ;

    NE POSTOJI ZAJEDNIČKI STANDARD!!!

    Kontrolisanje položaja teksta u odnosu na granice stranice:

    Tekst


    "centar"
    "pravo"
    "opravdati"

     
    - kao na webu, prikazuje tekst na ekranu;

    da biste umetnuli crtež u tekst, potrebno je da unesete sljedeću oznaku u dio teksta u koji želite umetnuti crtež ili animaciju:

    *.gif, *.jpg, *.png – možete koristiti bilo koje od ovih ekstenzija.

    Najjednostavniji način da umetnete sliku je da je postavite u isti direktorij gdje se nalazi HTML stranica.

    Upravljanje lokacijom:

    Širina = “N” – u pikselima
    “K” - u procentima
    Visina =“N”
    "K"

    Odbijen za određeni iznos

    Hspace = "N"
    "K"
    Vspace = “N”
    "K"

    Izlaz animacije:

    Da biste označili broj reprodukcija, potrebno je da umetnete petlju = “N” nakon naziva datoteke, gdje je N broj.

    Primjer.
    Morate prikazati sliku u sredini ekrana i potpisati je.



    moj.....<.TITLE><br> </HEAD><br> <BODY><br> <P align = center> <img src='/html-programmirovanie-referat-yazyk-html-sistemy-programmirovaniya-html.html' loading=lazy loading=lazy> <br>1…<BR>2 <br>3 ... <BR><br> </P><br> </BODY><br> </HTML></p> <h2><b>Hiperveze</b></h2> <p>Ovo je izvršenje naredbe go to;</p> <p>Posebnost web stranice je u tome što se ona završava u dijalogu kada pomjerite strelicu, zamjenjuje se slikom i klikom na lijevu tipku miša prelazi na drugu web stranicu. Ovo je najvažniji alat kada radite s webom. U klasičnom programu morate stalno pratiti poziciju kursora i obraditi Windows poruke. <br>Web stranice ne vrše nikakvu obradu.</p> <p><b>Opcije snimanja adrese:</b></p> <p>tekst – tekst u html-u na koji će se kursor pomeriti kada kliknete na sliku; <br>___.gif – slika povezana sa tekstom; <br>___.html – kretanje na web stranici; <br>Myweb.com.ua – na internet adresu.</p> <h2>Animacija na web stranicama.</h2> <p>Glavni element animacije je korištenje gif animacije. Također možete ispisati avi datoteke. <br>Nedostatak je što korisnik mora pohraniti ove datoteke, što je skupo.</p> <p><b>Animacija pomoću html-a</b></p> <p>U html-u nema grafičkih operatora ili grafičkih funkcija.</p> <p><MARQUEE параметры> <br> ____<br> ____<br> <IMARQUEE></p> <h2>Opcije kontrole pokreta</h2> <p>1. Smjer = desno, lijevo, gore, dolje.</p> <p>Ako trebate da kretanje bude pod nekim uglom, onda su dovoljna dva parametra.</p> <p>2. Petlja = INFINITE; (beskonačno) <br>Petlja = 0; <br>Petlja = N; (animacija se ponavlja N puta)</p> <p>3.Behavior = skrolovanje; slika se pomera s lijeva na desno i obrnuto <br>Ponašanje = slajd; kretanje do kraja reda <br>Ponašanje = alternativa; kretanje s jednog kraja linije na drugi.</p> <h2>Veličina omota animacije</h2> <p>Širina = Dx <br>Visina = Dy <br>Poravnaj = sredina; (gore) pomaknite se u centar, duž vrha ekrana <br>bgcolor = boja; boja pozadine, područja kretanja <br>scrollmount = K; brzina putovanja <br>odgoda pomicanja = M; količina kašnjenja između pokreta.</p> <h2><b>Pokretne informacije</b></h2> <p>1.tekst + slika <br>2.tekst</p> <ul><li>ticker</li> <li>slika linija</li> </ul><h2><b>Crtanje linija</b></h2> <p>___<HR>___ <br>Podrazumevano, linija će se pojaviti na cijelom ekranu, debljina linije je 1 piksel. <br>Kontrola je moguća, postoje 2 parametra: <br>Širina = N – širina linije <br>Veličina = H – debljina linije <br>Boja = - boja</p> <h2><b>Izlaz zvuka</b></h2> <p>Prvo morate imati zvučni fajl. <br>Pozadinski zvuk – stranica se otvara i zvuk se odmah reprodukuje.</p> <p><BGSOUND src = .mid loop = N></p> <p>Wav <br>Opcije: <br>Loop = N – broj puštanja muzike <br>Balans = “___” - ±10000 dodatno podešavanje, određuje pomak duž valjka u odnosu na početak i kraj datoteke. <br>Volume = “___” – jačina zvuka <br>“0” – maksimalna jačina zvuka. <br>“10000” – zvuk je isključen. <br>Moguće je prikazati multimedijalni plejer.</p> <p>U posljednje vrijeme sve češće razni internetski resursi organiziraju holivare na temu: je li HTML programski jezik ili nije. Kao i obično, postoji popriličan broj argumenata u korist oba gledišta, pa sam odlučio da stavim tačku na ovu za sebe nepotrebnu raspravu.</p> <h2>Definicija programskog jezika.</h2> <p><b>Programski jezik</b> - <i>formalni sistem znakova</i>, dizajniran za snimanje kompjuterskih programa. Programski jezik definira skup <i>leksičke, sintaksičke i semantičke</i> definisanje pravila <i>izgled</i> programe i <i>akcije</i>, koji će izvoditi izvođač (računar) pod njenom kontrolom.</p> <ul><li><b>Aspektno orijentirano programiranje (AOP)</b> je programska paradigma zasnovana na ideji odvajanja funkcionalnosti kako bi se poboljšala modularizacija programa.</li> <li><b>Strukturirano programiranje</b>- metodologija razvoja softvera, koja se zasniva na predstavljanju programa u obliku hijerarhijske strukture blokova. Predložio 70-ih godina 20. stoljeća E. Dijkstra, razvio i dopunio N. Wirth.</li> <li><b>Proceduralno programiranje</b>- programiranje na imperativnom jeziku, u kojem se sekvencijalno izvršavani izrazi mogu sastaviti u potprograme, odnosno veće integralne jedinice koda, koristeći mehanizme samog jezika.</li> <li><b>Logičko programiranje</b>- paradigma programiranja zasnovana na automatskom dokazu teorema, kao i dio diskretne matematike koji proučava principe logičkog zaključivanja informacija na osnovu datih činjenica i pravila zaključivanja. Logičko programiranje zasniva se na teoriji i aparatu matematičke logike koristeći matematičke principe rezolucije.</li> <li><b>Objektno orijentirano programiranje (OOP)</b>- paradigma programiranja u kojoj su glavni koncepti koncepti objekata i klasa. U slučaju prototipskih jezika, prototipski objekti se koriste umjesto klasa.</li> <li><b>Funkcionalno programiranje</b>- odjeljak diskretne matematike i programske paradigme u kojoj se proces izračunavanja tumači kao izračunavanje vrijednosti funkcija u matematičkom razumijevanju potonjeg (za razliku od funkcija kao potprograma u proceduralnom programiranju).</li> <li><b>Višeparadigmski programski jezik</b>- po pravilu, programski jezik koji je razvijen posebno kao alat za multiparadigmsko programiranje, odnosno čije su vizuelne mogućnosti inicijalno planirane da budu naslijeđene od nekoliko, najčešće nepovezanih, jezika.</li> <li><b>Ezoterični programski jezik</b>- programski jezik razvijen da istraži granice razvoja programskog jezika, da dokaže potencijalnu implementaciju određene ideje (tzv. “proof of concept”, engleski proof of concept), kao softversko djelo, ili kao šala (kompjuterski humor).</li> </ul><h2>Imperativni i deklarativni pristup</h2> <p> <img src='https://i0.wp.com/pvsm.ru/images/2014/08/03/yavlyaetsya-li-HTML-yazykom-programmirovaniya-2.jpg' height="207" width="288" loading=lazy loading=lazy></span><br>Svi programski jezici su podijeljeni u dvije grupe: <i>deklarativno i imperativno</i>.</p> <p>Program za <b>imperativ</b> u programskom jeziku, sa matematičke tačke gledišta, predstavlja opšte rešenje zadatog problema, drugim rečima, odgovor na pitanje „kako to uraditi?“ Ovo je niz naredbi koje izvršitelj mora izvršiti.</p> <p>Program za <b>deklarativno</b> u programskom jeziku je kombinacija problema koji je formaliziran u programskom jeziku i svih teorema potrebnih za njegovo rješavanje, drugim riječima, odgovor na pitanje "šta učiniti?" Određeni niz radnji izvodi kompajler, ili češće interpreter - program koji izvršava programski kod u realnom vremenu bez pretvaranja u mašinski kod.</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> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Najbolji članci na ovu temu</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/kak-postavit-yandex-browser-glavnym-po-umolchaniyu-kak-ustanovit-izmenit-brauzer.html"> <div class="img_container"><img src="/uploads/5017a0ad30cd87b78f43ac16a4325ba2.jpg" border="0" alt="Kako postaviti (promijeniti) zadani pretraživač i učiniti Google ili Yandex zadanim pretraživanjem Yandex po defaultu šta" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Kako postaviti (promijeniti) zadani pretraživač i učiniti Google ili Yandex zadanim pretraživanjem Yandex po defaultu šta</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/firefox-ne-zapuskaetsya-prichiny-sposoby-ustraneniya-nepoladok-poshagovaya.html"> <div class="img_container"><img src="/uploads/81ad10ef8c01d421da9ed701af9de800.jpg" border="0" alt="Zašto mozilla ne radi Zašto se mozilla firefox ne pokreće" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Zašto mozilla ne radi Zašto se mozilla firefox ne pokreće</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/ochumelye-ruchki-kak-samostoyatelno-zamenit-ekran-na-telefone-zamena.html"> <div class="img_container"><img src="/uploads/e370f9bd22b66ffd6e992bed7b2bdf8b.jpg" border="0" alt="Zamjena stakla na pametnom telefonu samostalno: opis, preporuke i zahtjevi Kako ukloniti razbijeno staklo na Samsung s3" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Zamjena stakla na pametnom telefonu samostalno: opis, preporuke i zahtjevi Kako ukloniti razbijeno staklo na Samsung s3</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Kategorije:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/bs/category/programs/">Programi</a></li> <li class=""><a href="https://bumotors.ru/bs/category/safety/">Sigurnost</a></li> <li class=""><a href="https://bumotors.ru/bs/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/bs/category/iron/">Iron</a></li> <li class=""><a href="https://bumotors.ru/bs/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/bs/category/vkontakte/">U kontaktu sa</a></li> <li class=""><a href="https://bumotors.ru/bs/category/errors/">Greške</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/html-programmirovanie-referat-yazyk-html-sistemy-programmirovaniya-html.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/html-programmirovanie-referat-yazyk-html-sistemy-programmirovaniya-html.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https%3A%2F%2Fbumotors.ru%2Fbs%2Fhtml-programmirovanie-referat-yazyk-html-sistemy-programmirovaniya-html.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2024 bumotors.ru. Kako podesiti pametne telefone i računare. Informativni portal.</span> </div> </div> </div> </div> </body> </html>