Jezik označavanja hiperteksta (HTML)

World Wide Web ili, što je isto što i World Wide Web, WWW je glavna komponenta globalne računalne mreže Internet. Internet je nastao 60-ih godina i već se dugo koristi samo užem krugu stručnjaka za razmjenu informacija putem e-pošte. Mrežom je upravljao operacijski sustav UNIX - bio je prikladan za znanstvene svrhe, ali prilično složeno tekstualno UNIX sučelje "značajno je ograničilo opseg uporabe mrežnih tehnologija. Ovaj jezik je HTML (HyperText Markup Language).

Autor HTML-a je Tim Berners-Lee, diplomirani student Oxforda koji je tada u Ženevi ugovorio s Conseil Europeen pour la Recherche Nucleaire (CERN) kao programski savjetnik. CERN je prilično velika organizacija, pa je Tim Berners-Lee, radi boljeg snalaženja u svojoj strukturi, a ne pohranjivanja u memoriju podataka o velikom broju projekata, službenika itd., Razvio program Inquire za svoju osobnu upotrebu. na temelju kojih je nekoliko godina kasnije stvoren svojevrstan informacijski prostor za laboratorij. Program Inquire omogućio je takozvano "nelinearno" pretraživanje dokumenata-tj. premještanje iz jednog dokumenta u drugi bez upućivanja na sadržaj ili priručnik.

Jezik HTML čini osnovu hipertekstualne tehnologije. Hipertekstualni dokument sadrži takozvane hiperveze.

Jezik označavanja dokumenata skup je posebnih uputa koje se nazivaju oznake namijenjene oblikovanju strukture u dokumentima i definiranju odnosa između različitih elemenata ove strukture. Jezične oznake ili, kako se ponekad nazivaju, kontrolni deskriptori, u takvim su dokumentima na neki način kodirani, ističu se u odnosu na glavni sadržaj dokumenta i služe kao upute za program koji prikazuje sadržaj dokumenta na klijentu strana. Najraniji sustavi koristili su simbole “<” и “>”, Unutar kojih su bili smješteni nazivi uputa i njihovi parametri. Sada je ovaj način imenovanja oznaka standardni.

Korištenje hipertekstualne analize tekstualnog dokumenta u suvremenim informacijskim sustavima uvelike je posljedica činjenice da vam hipertekst omogućuje stvaranje mehanizma za nelinearno pregledavanje informacija. U takvim sustavima podaci se ne prikazuju kao kontinuirani tok tekstualnih informacija, već kao skup međusobno povezanih komponenti, kojima se navigacija vrši pomoću hiperveza.

HTML nije pravi programski jezik; to je sredstvo za opisivanje strukture dokumenta, njegovog stila i odnosa s drugim dokumentima. Za pregled web -dokumenata koriste se posebni programi - takozvani preglednici (engleski: to browse - 1) pašu, čupaju izbojke; 2) čitati, raditi nasumično, hvatati.) Zapravo, mogućnosti preglednika su mnogo šire, ali zasad ćemo se ograničiti na njihovo definiranje kao sredstvo za pregled web dokumenata. Internet duguje svoju popularnost preglednicima.

3. Jezik hiperteksta HTML

Hipertekst mora započeti riječju i završiti riječju. Riječi u kutnim zagradama nazivaju se oznake u HTML -u, a deskriptori u programiranju. Gotovo sve HTML oznake su uparene - i, i tako dalje.

Uparene oznake označavaju određeni fragment hiperteksta - "naslov", "tijelo" itd. Prva oznaka započinje fragment, a druga - završava. U završnim deskriptorima ispred imena stavlja se znak razlomka /.

Opća struktura hiperteksta napisana HTML jezikom:

hipertekst :: = tijelo naslova

naslov :: = naslov

naslov :: = naslov

body :: = tekst

U skladu s pravilima HTML -a, hipertekst mora imati "naslov" i "tijelo". Kao publikacija, hipertekst može i trebao bi sadržavati podatke o autorima i vlasnicima autorskih prava (web stranica).

Naslov hiperteksta mora sadržavati "naslov", koji preglednici prikazuju na samom vrhu ekrana računala. Naslov bi trebao izražavati glavnu ideju publikacije (stranice). Hipertekst bez naslova je poput članka bez naslova.

"Tijelo" hiperteksta treba sadržavati tekstove, tablice, fotografije i ilustracije. Razlika između elektroničkog hiperteksta i običnog papirnatog teksta je uključivanje hiperveza čiji klik uzrokuje učitavanje novog hiperteksta.

Primjer hiperteksta i rezultat prikaza preglednika na ekranu računala:

Hipertekst: Rezultat:

Rezultat preglednika je učitavanje i prikaz na ekranu računala hiperteksta pohranjenog na web mjestu na adresi navedenoj u prozoru preglednika. Ako je hipertekst prevelik, preglednik prikazuje hipertekstne gumbe s desne ili donje strane zaslona.

Veličine ekrana računala imaju sljedeći spektar. Minimalna veličina zaslona je 640 x 480 piksela. Nadalje, standardne veličine zaslona su 800 x 600, 1024 x 768 i 1280 x 1024 piksela. Stoga na različitim zaslonima možete izgledati drugačije.

Opća struktura hiperteksta i njihov prikaz na ekranu računala:

Hipertekst: Rezultat:

Tekstualni dio može se sastojati od redaka i odlomaka sa naslovima i bez naslova, s popisima, tablicama i izbornicima.

body :: - tekst

tekst :: = naslov (tekst) |

popis (tekst) |

tablica (tekst) |

Naslovi u hipertekstu oblikovani su na sljedeći način:

zaglavlje :: =

titula

zaglavlje :: =

titula

zaglavlje :: =

titula

gdje oznake H2, ..., h6 postavljaju veličinu naslova u odnosu na tekst.

Odlomci u hipertekstu započinju deskriptorom

hipertekst |

|

Prijelomi redaka i odlomci označeni su ručkom ... Kraj odlomka p> nije obavezan, ali je potreban pri upotrebi parametara u deskriptoru odlomka.

Glavni parametar odlomaka - poravnavanje - poravnavanje tekstova na ekranu računala. Poravnavanje tekstova preglednici izvode automatski u skladu s veličinom ekrana računala:

align = centar- središte zaslona:

poravnati = lijevo- ulijevo;

align = right - nadesno;

align = justify - cijeli zaslon.

Za poravnavanje odlomaka mora se odabrati jedan opći stil koji se mora primijeniti na sve u svim hipertekstima na web mjestu.

Za oblikovanje hiperteksta HTML ima bogat niz fontova, stilova i resursa. Najjednostavniji alat za oblikovanje je isticanje riječi kako bi se čitateljima web mjesta skrenula pozornost na pojedine dijelove teksta.

Da biste istaknuli riječi u hipertekstu, možete koristiti podebljano ili podcrtano sa sljedećim oznakama:

Veliki likovi

podebljani font

kurziv i>

naglasiti

precrtano

mali likovi

Odabir fonta u hipertekstu označen je oznakom : fontovi :: = font teksta>

Parametri fonta - njihova veličina i vrsta. Veličine fontova postavljaju se parametrom size = size.

Veličina je izričito naznačena od 1 do 6, bilo u obliku povećanja +1, +2 ili smanjenja - 1, - 2.

Vrsta fonta postavlja se parametrom

lice = font

Ovdje je font jedan od standardnih fontova: Times, Courier itd.

Boja fonta određena je parametrom color = color, gdje je boja boja odabranog fragmenta hiperteksta. Na primjer - isticanje teksta crvenom bojom:

font teksta>

Standardni nazivi boja na jeziku TML:

crveno - crveno, zeleno - zeleno, plavo - plavo, crno -crno,

bijelo - bijelo, zlato - zlato, žuto -žuto itd.

Za dizajn hiperteksta najbolje je uzeti kao uzorak dobru knjigu ili časopis u izdanju profesionalne izdavačke kuće ili nečiju profesionalno dizajniranu e-knjigu, novine ili web stranicu na internetu.

Ujednačen stil dizajna važno je svojstvo svake publikacije u knjigama, časopisima i na web stranicama. U budućnosti je najbolje pridržavati se prihvaćenih standarda i stila dizajna za cijelo razdoblje stvaranja i održavanja web stranice.

Ulomci hiperteksta mogu se postaviti na isto mjesto ili na nekoliko stranica ili čak na nekoliko poslužitelja. Vanjski hipervezi označavaju nazive odgovarajućih datoteka na web stranici, poslužitelju ili na Internetu:

Opći oblik vanjskih hiperveza:

gdje je "adresa" adresa hiperteksta unutar web stranice ili na drugom poslužitelju na Internetu.

Primjeri vanjskih hiperveza:

a) adresa web stranice na Internetu:

http: // bak2.nagod.gu

b) adresa stranice na web mjestu:

http: // bak2.nagod.gu / inrogl.html.

c) adresu stranice u mapi web mjesta;

http: // bak2.nagod.gu / tests / test2.html.

testovi 2 a>

Uz pomoć aparata hiperveza na web stranicama organizira se postavljanje svih crteža, fotografija i drugih grafičkih ilustracija. Za to su sve datoteke s grafičkim ilustracijama unaprijed snimljene na web mjestu.

Grafičke datoteke obično se nalaze na web mjestima i u zasebnoj mapi pod imenom image. Učitavanje ilustracija na zaslone korisničkih računala obavljaju preglednici uz pomoć operatora :

Opći oblik operatora za učitavanje grafičkih ilustracija:

Raspored ilustracija na zaslonu računala postavljen je parametrima poravnanja: align = left- uz lijevi rub, align = right - uz desni rub zaslona. U tom slučaju tekst teče oko ilustracije, desno ili slijepo.

Ilustracije se mogu pritisnuti na gornji ili donji rub zaslona, ​​što se postavlja parametrima: align = top - do gornjeg ruba, align = bottom - do donjeg ruba zaslona, ​​ili poravnati u sredini zaslona - poravnati = sredina.

Za postavljanje ilustracija na zaslon računala, njihova širina i visina mogu se naznačiti u operateru učitavanja:

visina: = visina = "visina"

width: = width = "length"

Veličine ilustracija postavljaju se brojem točaka na ekranu (u pikselima) ili kao postotak visine ili širine zaslona računala. U potonjem slučaju, ilustracije će imati različite veličine na različitim zaslonima. Izračunavši mjesto ilustracija za zaslone minimalnih veličina, možete biti sigurni u njihovo postavljanje na zaslone bilo koje druge veličine.

Veličine ilustracija obično se odabiru tako da budu vidljive u cijelosti čak i na računalnim ekranima minimalne veličine. Ako je računalna dizalica veća, ilustracije će zauzeti samo dio nje.

Hipertekstualni popisi su popisi s numeriranjem ili isticanjem stavki popisa. Svi elementi počinju oznakama

... Numerirani popisi počinju oznakom

i završiti oznakom

... Numerirani popisi razgraničeni su oznakama.

Popisi hiperteksta zgodan su alat za organiziranje sadržaja na složenim web mjestima i velikim hipertekstom. Elementi na takvim popisima su adrese odgovarajućih odjeljaka web mjesta (poglavlja, odlomci odjeljaka e-knjiga i knjižnica).

Zaključak

HTML je jezik za označavanje hiperteksta.

Sve datoteke moraju biti hiperteksta, napisane u HTML formatu i s identifikatorima poput.html.

HTML je jezik za označavanje hiperteksta koji je pohranjen na web poslužiteljima i preglednici ga prikazuju na zaslonima računala. Jezik HTML definira pravila za opisivanje hiperteksta i njihovo prikazivanje na zaslonima računala od strane preglednika.

Na razvoj jezika za označavanje hiperteksta značajno su utjecala dva faktora: istraživanje sučelja hipertekstualnih sustava i želja da se omogući jednostavan i brz način za stvaranje hipertekstualne baze podataka distribuirane preko mreže.

Osnovna pravila za elemente gniježđenja:

Elementi se ne smiju preklapati;

Blok elementi mogu sadržavati ugniježđene blokove i tekstualne elemente;

Tekstualni elementi mogu sadržavati ugniježđene tekstualne elemente;

Tekstualni elementi ne mogu sadržavati ugniježđene blokovske elemente.

Strogo govoreći, sva pravila HTML jezika. mogu se promatrati samo kao "želje". Alat koji se koristi za iscrtavanje web dokumenta učinit će sve da interpretira oznake na najrazumniji način. Međutim, samo strogo poštivanje zahtjeva jezične specifikacije jamči ispravnu reprodukciju dokumenta.

Bibliografija

"Ekonomska informatika" / Pod. izd. P.V. Konyukhovsky i D.N. Kolesova, Sankt Peterburg: Peter, 2000, 560s.

Kaimin VA, "Informatika", udžbenik. 4. izd. M.:, 2003-285.

"Informatika", osnovni tečaj, 2. izdanje / Ispod. izd. S.V. Simonovič, Sankt Peterburg: 2003., 640 -ih.

Označavanje hiperteksta koristi se za označavanje u kojem dijelu zaslona i kako bi tekst trebao biti prikazan te kako su tekstovi koji čine bazu hiperteksta međusobno povezani. U tu svrhu u tekst se unose posebni kontrolni znakovi. Odbjegli tekst pohranjen je u običnu tekstualnu datoteku u ASCII kodovima i može ga obraditi gotovo svaki uređivač teksta.

HTML jezik za označavanje hiperteksta HTML je predložio Tim Berners-Lee 1989. godine. U vrijeme stvaranja HTML -a postojao je standard za jezik označavanja za ispisane dokumente - SGML (Standard Generalized Markup Language), koji je uzet za osnovu HTML -a. Pretpostavljalo se da će takvo rješenje pomoći u korištenju postojećeg softvera za tumačenje novog jezika.

Kao element hipertekstualne baze podataka za HTML, odabrana je obična tekstualna datoteka koja se pohranjuje pomoću datotečnog sustava operacijskog okruženja.

Stoga je hipertekstualna baza podataka u WWW konceptu skup tekstualnih datoteka napisanih u HTML jeziku koji definira:

Oblik prezentacije informacija (označavanje);

Struktura veza između datoteka (hipertekstualne veze). Ovaj pristup pretpostavlja prisutnost još jedne komponente

tehnologija - tumač jezika. U WWW -u funkcije tumača podijeljene su između poslužitelja baze podataka s hipertekstom i korisničkog sučelja. Poslužitelj, osim pristupa dokumentima i obrade hipertekstualnih veza, vrši i predprocesiranu obradu dokumenata, dok korisničko sučelje tumači jezične konstrukte povezane s prezentacijom informacija.

Godine 1990. postojala je nulta verzija HTML 0.

Prva verzija (HTML 1.0) imala je za cilj predstavljanje jezika kao takvog, gdje je opis njegovih mogućnosti bio prilično savjetodavne prirode.

Prognoze su okosnica svakog trgovačkog sustava, pa vas dobro izrađene prognoze mogu učiniti bogatim.

Druga verzija (HTML 2.0) fiksirala je praksu korištenja jezičnih konstrukcija i postala standard za izgradnju WWW -a.

++ verzija HTML ++ uvela je nove mogućnosti za prezentiranje znanstvenih informacija i tablica te poboljšanje stila izgleda teksta i slika.

Treća verzija (HTML 3.0) pojednostavila je sve inovacije i formalizirala korisničko sučelje hipertekstualnog distribuiranog sustava.

Godine 1996. objavljena je nova verzija jezika: HTML 3.2, koji uključuje alate za izradu tablica, jezične konstrukcije Java, mape slika (smještene na klijentskom računalu) i nove vrste oblikovanja teksta.

HTML je jezik temeljen na tekstu u koji su upute o oblikovanju, nazvane oznake, ugrađene u tekst dokumenta.

Proces stvaranja HTML dokumenta sastoji se od uključivanja oznaka unutar neformatiranog teksta koji nosi informacijsko opterećenje.

HTML oznake su nizovi znakova koji počinju znakom manje od (<) и заканчивающиеся знаком “больше” (>).

Većina funkcija oblikovanja u HTML -u specificira logičke, a ne fizičke stilove. Na primjer, oznake naslova, koje obično označavaju veće veličine slova, ne označavaju koju veličinu koristiti. Preglednik (koji djeluje kao klijentski program) odabire veću veličinu teksta za naslove. Ovaj pristup omogućuje vam da se riješite platforme - dokument stvoren na Macintosh -u može koristiti UNIX ili Windows. Nedostatak je što dokument izgleda drugačije na različitim platformama.

WWW preglednici rade prema sljedećim pravilima pri raščlanjivanju HTML rečenica:

Razmaci i drugi "nevidljivi" znakovi zanemaruju se;

Sve se oznake mogu podijeliti u grupe: osnovne oznake, oznake za oblikovanje, oznake strukture, pokazivači itd .;

Oznake za oblikovanje mogu se pisati malim i / ili velikim slovima;

Većina oznaka za oblikovanje napisana je u parovima. Otvorna oznaka aktivira ovaj učinak, a završna oznaka isključuje je. Par oznaka ponekad se naziva spremnikom jer se učinak koji uključuju i isključuju pojavljuje na tekstu unutar njih. Na primjer, da bi se naznačilo da niz treba biti ispisan podebljanim slovima, napisalo bi se:< B >Ovaj će se redak ispisati podebljanim tekstom

Tekstu unutar završne oznake uvijek prethodi znak obrnute kose crte. Među osnovnim HTML oznakama, iznimke od ovog pravila su:< BASE >(Osnovne informacije),< BR >(kraj retka),< HR >(vodoravno ravnalo), i< IMG >(slika). Ove oznake postoje u jednoj kopiji.

Svaki HTML dokument ima granične oznake:< HTML >i... Ovaj par oznaka obuhvaća sve ostale oznake na web stranici i sav informativni sadržaj dokumenta. Zapravo, izjavljuju da je sav sadržaj spremnika HTML kôd. Označiti< HTML >mora biti u prvom retku datoteke, a oznaka- u potonjem.

Svaki HTML dokument sadrži naslov dokumenta i njegovo tijelo.

Naslov dokumenta identificira dokument. Trebao bi ići odmah nakon oznake< HTML >i počnite s< HEAD >... Naslov završava oznakom.

Naslov dokumenta mora sadržavati naslov dokumenta i njegov osnovni URL.

Naziv dokumenta nalazi se između oznaka< TITLE >i... Koriste ga preglednik i web poslužitelj. Ime ne smije prelaziti 40 znakova. Naslov dokumenta trebao bi biti informativan, odražavati sadržaj dokumenta kako bi se mogao identificirati. Ime se pojavljuje na naslovnoj traci programa Internet Explorer, na popisima povijesti i u favoritima.

Osnovni URL mora biti potpuno kvalificiran (apsolutan) i sadržavati protokol, internetsku adresu i naziv datoteke. To je naznačeno u oznaci< BASE HREF = “базовый_URL”>... Svi ostali URL -ovi u dokumentu mogu biti relativni u odnosu na osnovni. Na primjer, ako je osnovni URL: http://www.microsoft.com/products/office/word/datasheets.html i morate navesti URL značajki. html koji se nalazi u direktoriju / products / office / excel na istom poslužitelju, možete navesti: ../ excel / features. html umjesto upisivanja cijelog URL -a.

Simboli. ./ označite da želite ići jedan nivo kataloga prema gore od osnovne adrese.

Osnovna adresa olakšava prijenos dokumenta na drugi poslužitelj, jer ako su svi ostali URL -ovi u dokumentu relativni, tada se tijekom prijenosa mora promijeniti samo naziv poslužitelja u osnovnom URL -u.

Tijelo dokumenta sadrži sav tekst koji sadrži informacije i sve HTML oznake korištene za oblikovanje teksta. Tijelo dokumenta počinje odmah nakon naslova i omeđeno je oznakama< BODY >i.

Primjer HTML dokumenta:

< TITLE >Naziv dokumenta

< BASE HREF = “базовый_URL” >

Oznake korištene u tijelu dokumenta omogućuju vam da navedete sljedeće elemente označavanja teksta:

Početak odlomka i kraj retka

Stilovi naslova

Fizički stilovi -Logički stilovi

Posebni simboli.

Hipertekstualne veze sastoji se od dva dijela: pokazivača i URL -a. Pokazivač je tekst na koji korisnik mora kliknuti kako bi se negdje premjestio. URL određuje adresu s koje će preglednik preuzeti dokument kada korisnik klikne na pokazivač.

Pokazivači teksta u grafičkim preglednicima obično su podcrtani i istaknuti u boji. U preglednicima čistog teksta oni su podebljani.

Svaki se tekst može koristiti kao indeks, bez obzira na njegovu veličinu i značajke oblikovanja. Indeks se može sastojati od više slova, riječi ili čak redaka teksta.

Format pokazivača:

< A HREF = “ URL ”>indeksni tekst ,

gdje je slovo A u oznaci< A HREF >označava sidro, a HREF kratica za Hypertext REFerence. Sve između oznaka< A HREF = “ URL ”>ije indeksni tekst koji se prikazuje podcrtano ili podebljano.

Drugi kodovi za oblikovanje mogu se koristiti zajedno s hipertekstualnim pokazivačima. Na primjer:

< A HREF = “ URL ”> < I > ili

< I > < A HREF = “ URL ”>Idite na detaljniju prezentaciju

Html je jezik za opisivanje strukture web stranica. Stranice izrađene s njim mogu se pregledavati samo uz pomoć posebnih programa (preglednika) instaliranih na računalima korisnika.

• Kratica HTML označava H da T lok M arkup L anguage (jezik za označavanje hiperteksta).
• Upamtite, to nije programski jezik, to je jezik za označavanje.
• HTML koristi oznake označavanje za opis strukture web stranice.

Oznake:

HTML oznake su ključne riječi ili znakovi zatvoreni u uglatim zagradama, na primjer ,

,

itd. Postoje dvije vrste oznaka: uparen i singl(nazivaju se i praznima). Uparene oznake sastoje se od početne i završne oznake, na primjer :. Znak "/" iza kutne zagrade označava da se oznaka zatvara. Pojedinačne oznake sastoje se samo od početne oznake, na primjer:
... Oznake ne razlikuju velika i mala slova pa se mogu pisati i velikim i malim slovima:

Znači isto kao

Oznake definiraju gdje HTML element počinje i završava.

Pomoću oznaka preglednik prepoznaje strukturu i značenje vašeg teksta, na primjer, poručuju pregledniku koji dio teksta je naslov, gdje počinje novi odlomak, što podcrtati i gdje postaviti sliku (slika ). Nakon što primi te podatke, preglednik koristi ugrađena zadana pravila o načinu prikaza svakog od ovih elemenata.

Napomena: U našoj HTML referenci možete vidjeti zadane stilove za bilo koju oznaku koja vas zanima.

Bez upotrebe HTML oznaka, preglednik će prikazati samo solidan tok teksta, bez uvlaka, naslova, odlomaka itd. Da bi bilo jasnije, razmotrimo to detaljnije s primjerima.

Ovako stranica izgleda pomoću oznaka za označavanje:

Piće u našem kafiću

Višestruko voće - 100 rub.

Voćni napitak koji sadrži sokove od naranče i ananasa.

Mliječni koktel - 150r.

Kremasti sladoled pomiješan s voćnom pulpom.

Isto, ali bez upotrebe oznaka:

Pića u našem kafiću Multifruit - 100 rubalja. Voćni napitak koji sadrži sokove od naranče i ananasa. Mliječni koktel - 150r. Kremasti sladoled pomiješan s voćnom pulpom.

Nastavljamo seriju članaka o osnovama web jezika i razvoju na ovom području. Ranije smo obradili osnove HTML -a jezika hiperteksta, njegove značajke i metode označavanja teksta (oznake).

Također smo saznali da HTML jezik blisko komunicira s takvim softverskim razvojem kao što su CSS i Javascript stilovi te zašto je takva suradnja jezika neophodna. Danas ćemo detaljno razmotriti strukturu izrade HTML5 dokumenata. Blok struktura dokumenta, njegova struktura tema je današnjeg članka. Ali prvo morate razumjeti što je HTML5.

Programski jezik HTML5 (s engleskog HyperText Markup Language) peta je verzija jezika. Kao i sve prethodne verzije, dizajniran je za izgradnju strukture dokumenata i njihovo predstavljanje na mreži. Trenutno je HTML5 verzija u razvoju. Cilj stvaranja pete verzije HTML -a je poboljšati jezik u području svog rada s multimedijskim dokumentima (audio i video aplikacije).

Dodavanjem nekih sintaksičkih inovacija poput npr

,

,