Interneti-tehnoloogia töörühm) avaldas HTML-standardi ettepaneku eelnõu

HTML-dokumendi struktuur

HTML 4 dokument koosneb kolmest osast:

• string, mis sisaldab teavet HTML-i versiooni kohta,
• päise sektsiooni deklareerimine (piiratud elemendiga HEAD),
• dokumenti ennast sisaldav keha.

Keha võib sisalduda elementides BODY või FRAMESET. Tühikumärgid(tühikud, uued read, tabeldusmärgid ja kommentaarid) võivad ilmuda enne või pärast seda jaotist.

Tere, Maailm!

Dokument algab elemendiga tüüp dokument või doktüüp. See kirjeldab, millist tüüpi HTML-i kasutatakse, et kasutaja klientrakendus saaks määrata, kuidas dokumenti tõlgendada ja otsustada, kas see järgib reegleid, mida ta väidetavalt järgib.

Pärast seda näete html-elemendi avamärgendit. See on ümbris kogu dokumendi ümber. Suletav html-märgend on mis tahes HTML-dokumendi viimane objekt.

Html-elemendi sees on peaelement. See sisaldab teavet dokumendi kohta (metaandmed). Pea sees on pealkirja element, mis määratleb menüüribal pealkirja "Lihtne leht".

Peaelemendi järel tuleb kehaelement, mis on ümbris, mis sisaldab lehe tegelikku sisu – antud juhul lihtsalt esimese taseme päiseelement (h1), mis sisaldab teksti "Tere maailm!" .

Elemendid sisaldavad sageli muid elemente. Dokumendi põhi sisaldab alati palju pesastatud elemente.

Lehe sektsioonid loovad dokumendi üldise struktuuri ja võivad sisaldada alajaotisi. Need võivad sisaldada ka pealkirju, lõike, loendeid jne. Lõigud võivad sisaldada elemente, mis loovad linke teistele elementidele, tsitaate, esiletõsteid jne.

HTML-i elemendi süntaks

HTML-i põhielement koosneb kahest tekstiplokki ümbritsevast sildist. On elemente, mis ei murra teksti ja peaaegu igal juhul võivad elemendid sisaldada alamelemente (nagu html sisaldab ülaltoodud näites head ja body).

Asjadel võib olla ka atribuudid, mis võib muuta elemendi käitumist ja lisada lisaväärtust.

Selles näites on div-elemendile (lehe jaotis, viis, kuidas dokumendid loogilisteks plokkideks jaotatakse) lisatud atribuut id, mille väärtus on mastipea. Div-element sisaldab elementi h1 (esimene ehk kõige olulisem tasemepealkiri), mis omakorda sisaldab teksti. Osa sellest tekstist on mähitud elemendi sisse lühend(mida kasutatakse lühendi laiendi määratlemiseks), millel on pealkirja atribuut, mille väärtuseks on määratud Hüperteksti märgistuskeel.

Paljud HTML-i atribuudid on ühised kõikidele elementidele, kuid mõned on konkreetse elemendi või elementide spetsiifilised. Neil kõigil on vorm:

märksõna="väärtus"

Väärtus tuleb panna ühe- või topeltjutumärkidesse (mõnes olukorras võivad jutumärgid puududa, kuid see pole eriti hea etteaimatavuse, mõistmise mõttes).

Atribuudid ja nende võimalikud väärtused on defineeritud peamiselt HTML-i spetsifikatsioonidega (http://www.w3.org/TR/html401/index/attributes.html), seega ei saa te oma atribuute luua. Ainsad tõelised erandid on id ja klassi atribuudid, mille kogu väärtused on mõeldud dokumentidele oma tähenduse ja semantika lisamiseks.

Teise elemendi sees olevat elementi nimetatakse "järglane" see element. Ülaltoodud näites lühend on h1 alam, mis omakorda on kahe alam. Ja vastupidi, div on h1 elemendi "esivanem".

Plokitaseme elemendid ja tekstisisesed elemendid

HTML-is on kaks peamist elementide kategooriat, mis vastavad sisu tüüpidele ja struktuurile, mida need elemendid esindavad – plokitaseme elemendid ja tekstisisesed elemendid.

Bloki tase tähendab kõrgema taseme elementi, mis tavaliselt teavitab dokumendi ülesehitusest. Plokitaseme elemente võib käsitleda kui elemente, mis algavad uuelt realt, lahkudes sellest, mis oli enne. Levinud ploki elemendid on lõigud, punktid, pealkirjad ja tabelid.

Stringi elemendid sisalduvad plokitasandi struktuurielementides ja hõlmavad ainult osa dokumendi tekstist, mitte terveid alasid. Tekstisisene element ei too kaasa uue rea ilmumist dokumenti, sest need on elemendid, mis esinevad teksti lõigus. Levinud stringi elemendid on hüperteksti lingid, esiletõstetud sõnad või fraasid ja lühikesed tsitaadid.

Pealkiri

HTML-dokumendi pea on valikuline märgistuselement. Esialgu määras tiitli olemasolu vajadus brauseriakna nimetamine. See saavutati läbi märgistuselement TITLE:

... ...

HTML-dokumendi päise teine ​​funktsioon on HTTP-liikluse juhtimine märgistuselement META. Praeguse praktika kohaselt hostivad ettevõtte veebisaite pakkuja serverites, ei pruugi nende saitide administraatorid serveriprogrammi hallata. Sel juhul jääb vahetust juhtida vaid üks võimalus – HTML-dokumendi päise kaudu.

HTML-dokumendi päis on mõeldud kirjeldama ka dokumendi otsingupilti, mis on vajalik dokumendi indekseerimiseks otsingumootori robotite poolt. META element võimaldab salvestada märksõnaloendeid ja dokumentide kirjeldusi, mida kasutatakse otsingumootori indeksi koostamiseks ja mis kuvatakse dokumendi kirjeldusena, kui märksõnaotsingus tagastatakse sellele link.

Põhilised päisesildid on HTML-i märgistuselemendid, mida leidub kõige sagedamini HTML-dokumendi peas, st. sees märgistuselement PEA:

• PEALKIRI (dokumendi pealkiri);
• BASE (URL-i alus);
• ISINDEX (otsingu muster);
• META (metainfo);
• LINK (üldised lingid);
• STIIL (stiilikirjeldused);
• SCRIPT (skriptid).

Kõige sagedamini kasutatavad elemendid on TITLE, SCRIPT, STYLE. META elemendi kasutamine näitab autori teadlikkust dokumentide indekseerimise reeglitest otsingumootorites ja HTTP andmevahetuse haldamise oskust. BASE ja ISINDEX on viimasel ajal vähe kasutatud. LINK määratakse ainult siis, kui kasutatakse dokumendiväliseid laadilehe kirjeldusi.

Märgistuselement HEAD sisaldab HTML-dokumendi päist. The märgistuselement on valikuline. Kui on algussilt märgistuselement Soovitatav on kasutada ka lõpumärgendit märgistuselement. Vaikimisi suletakse element HEAD, kui leitakse konteineri BODY algusmärgend või FRAMESET konteineri algusmärgend.

Päisekonteinerit kasutatakse dokumendi kui tervikuga seotud teabe sisaldamiseks.

Märgistuselement TITLE kasutatakse ülemaailmses veebis oleva dokumendi nimetamiseks. Kui valite konteineri TITLE sisu jaoks teksti, pidage meeles, et see kuvatakse süsteemi font, kuna see on brauseriakna pealkiri.

Konteineri TITLE üldine süntaks on järgmine:

Päis ei ole nõutav dokumendikonteiner. Seda saab alla lasta. Paljude otsingumootorite robotid kasutavad dokumendist otsingupildi loomiseks elemendi TITLE sisu. Otsingumootori registrisse on lisatud sõnad jaotisest TITLE. Nendel põhjustel on alati soovitatav veebisaitide lehtedel kasutada elementi TITLE.

Märgistuselement BASE kasutatakse mittetäielikul (osalisel) kujul määratud dokumendi hüperteksti linkide baas-URL-i määramiseks. Lisaks võimaldab BASE teil määrata vaikimisi dokumendi laadimise sihtakna, kui valite praeguse dokumendi hüpertekstilingi. BASE leidub kõige sagedamini saitide lehtedel, millel on "peeglid". Mõnda dokumenti põhiserverist ei edastata erinevatel põhjustel peegelserverisse. Sel juhul lingib sunnitud baas-URL-iga dokument alati põhiserveriga.

Konteineri algusmärgend sisaldab ühte nõutavat HREF-atribuuti ja võib sisaldada ühte valikulist atribuuti TARGET. BASE-konteineri üldine süntaks on järgmine:

Märgistuselement ISINDEXit kasutatakse otsingumustri määramiseks ja see on päritud HTML-i varasematest versioonidest. HTML 4.0-s pole see konteiner määratletud.

META märgistuse element

META sisaldab juhtinfot, mida brauser kasutab dokumendi keha sisu korrektseks kuvamiseks ja töötlemiseks, näiteks atribuudi Content-type abil saab kliendi poolel määrata dokumendi ümberkodeerimise.

META abil saate määrata ka teisi operaatoreid. Näiteks keelake dokumendi vahemällu salvestamine. Vahemällu salvestamise keelamiseks sisestage META päisesse selline silt:

HTTP-protokolli uues versioonis (HTTP 1.1) juhitakse vahemällu salvestamist vahemälukontrolli avalduse kaudu. Et saada sama tulemus kui puhul Pragma, HTML-dokumendi päises piisab, kui märkida:

Saate keelata dokumendi säilitamise pärast edastamist.

SGML(inglise: Standard Generalized Markup Language – standardne üldistatud märgistuskeel; hääldatakse [s-ji-em-el]) – metakeel, milles saab määratleda dokumentide märgistuskeele. SGML on 1969. aastal IBMis välja töötatud GML-i (Generalized Markup Language) järeltulija, mida ei tohiks segi ajada Open GIS-i konsortsiumi väljatöötatud geograafia märgistuskeelega.

SGML töötati algselt välja masinloetavate dokumentide jagamiseks suurtes valitsus- ja kosmoseprojektides. Seda kasutati laialdaselt trüki- ja kirjastustööstuses, kuid selle keerukus muutis selle igapäevaseks laialdaseks kasutuselevõtu keeruliseks.

SGML-dokumendi põhiosad:

SGML-deklaratsioon – määrab, millised märgid ja eraldajad võivad rakenduses esineda;

Document Type Definition – määrab märgistuskonstruktsioonide süntaksi. DTD võib sisaldada täiendavaid määratlusi, näiteks sümboolseid viiteid;

Semantika spetsifikatsioon, mis viitab märgistusele, annab ka süntaksipiiranguid, mida ei saa DTD-s väljendada;

SGML-dokumendi sisu – vähemalt juurelement peab olema.

SGML pakub mitmesuguseid süntaktilisi märgistusvalikuid, mida saab kasutada mitmesugustes rakendustes. SGML-deklaratsiooni muutmisega saate isegi nurksulgude kasutamisest loobuda, kuigi seda süntaksit peetakse standardseks, nn konkreetseks viitesüntaksiks.

SGML-i süntaksi näide:

tavaliselt midagi sellist see

SGML on standarditud ISO poolt: “ISO 8879:1986 Infotöötlus-Teksti- ja kontorisüsteemid-Standard Generalized Markup Language (SGML)”

HTML ja XML on tuletatud SGML-ist. HTML on SGML-i rakendus ja XML on SGML-i alamhulk, mis on loodud dokumendi masinparsimise protsessi lihtsustamiseks. Teised SGML-rakendused on SGML Docbook (dokumentatsioon) ja "Z Format" (tüpograafia ja dokumentatsioon).

XML- Extensible Markup Language ehk laiendatav märgistuskeel tekkis HTML-keele (HyperText Markup Language, hüperteksti märgistuskeel) arendamise tulemusena. Siiski oleks tõsine viga tajuda seda ainult mõne HTML-keele täiustatud versioonina. Sisuliselt on XML märgistuskeelte uus põlvkond. Siin peaksite meeles pidama 3 punkti, mis eristavad XML-i põhimõtteliselt HTML-ist ja selle eelkäijatest (GML – Generalized Markup Language, SGML – Standard General Markup Language):

XML-il, erinevalt HTML-ist, EI OLE EELDEFINITEERITUD MILTE – täpsemalt saab iga arendaja luua OMA XML-märgendeid – nii palju kui vaja. Selliste siltide arv on praktiliselt piiramatu. Seega on XML metakeel, mis võimaldab luua muid märgistuskeeli, näiteks HTML-i.

HTML-keele arenedes kasvas siltide arv kiiresti. Lõpuks saavutas nende arv “kriitilise väärtuse” – veebidokumentide arendajatel muutus üha uusi märgendeid meelde jätmine, kuid brauserite arendajad leidsid end veelgi hullemas olukorras – nad pidid looma uusi brauserite versioone, mis “aru saaksid” uued sildid. Nutikamad brauserid muutuvad ka suuremaks ja seavad arvutitele, milles neid kasutatakse, üha suuremaid nõudmisi. Asja teeb raskemaks tõsiasi, et viimasel ajal on üha populaarsemaks muutunud (eelkõige e-kaubanduses kasutatavad) pihuseadmed, millel on piiratud mälu ja “nõrgad” ekraanid ning seetõttu on neil kasutatavate brauserite võimalused väga piiratud. . XML, millel puudub eelmääratletud sildisüsteem, lahendab selle probleemi. "Maks" mitmekülgsuse eest on suurem rangus veebidokumentide kujundamisel. XML-dokumentide vormindamise reeglid on lihtsad:

Sulgemata sildikonteinerid ei ole lubatud (kuid saate ühendada avamise ja sulgemise sildid ühes, näiteks:
)

"pesastatud" konteinerid ei saa "kattuda"

väike- ja suurtähti käsitletakse erinevate märkidena

Märksõnu ei saa kasutada sildinimedena

Siltide nimedes ei saa kasutada tühikuid, kirjavahemärke, ümmargusi, ruudukujulisi ega lokkis sulgusid

Alakriips (_) ja numbrid võivad esineda sildinimedes, kuid arv ei saa olla sildinime esimene märk

(Kui peate sildi nimena kasutama mitut sõna, tuleks need kirjutada koos, alustades iga sõna suure tähega.)

Nendele reeglitele vastavaid dokumente nimetatakse hästi vormistatud dokumentideks.

XML-i kasutatakse ANDMESTRUKTUURIDE, peamiselt HIERARHIALISTE STRUKTUURIDE KIRJELDAMISEKS.

Veebitehnoloogiate arengu üks peamisi suundi on ANDMETE ERALDAMINE, DOKUMENTIDE STRUKTUUR JA SELLE STIILNE DISAIN. Nagu teate, on üks viise andmete eraldamiseks dokumendistruktuurist DBMS-i dünaamiline linkimine veebidokumentidega ODBC (Open DataBase Connectivity) liidese kaudu. Stiilide eraldamine saavutatakse kaskaadlaadilehtede kasutamisega. XML võimaldab kirjeldada mitterelatsioonilisi andmebaase. Kuna silte saab luua arendaja, kirjeldavad nende nimed tavaliselt andmete tähendust.

XML kui andmestruktuuri kirjeldamise vahend pakub ANDMEVAHETUST erinevate rakenduste vahel, toimides seega omamoodi “liimina”.

Selle XML-i "liimi" funktsiooni tähtsust ei saa ülehinnata. Tänu võimalusele vahetada andmeid erinevate rakenduste vahel, jõuavad veebitehnoloogiad täiesti uuele tasemele.

Hüperteksti märgistuskeel (HTML) on lihtne süsteem hüpertekstidokumentide loomiseks, mis on teisaldatavad ühelt platvormilt teisele. Sisuliselt on HTML-dokumendid ühise semantikaga SGML-dokumendid, mis sobivad teabe esitamiseks väga paljudes rakendustes. HTML-i saab kasutada esindama:

· Hüpertekstiuudised, post, dokumentatsioon ja hüpermeedia

Suvandite menüü

· Andmebaasi päringu tulemused

· Manustatud graafikaga lihtsad dokumendid

· Ja ka olemasolevate infomassiivide hüperteksti vaatamiseks

World Wide Web (WWW) projekt koondab üle maailma laiali paisatud teabe. Selleks kasutab WWW Interneti hüperteksti edastusprotokolli (HTTP) – hüperteksti edastusprotokolli, mis võimaldab kliendi ja serveri vahelisel suhtlusel sõlmida kokkuleppeid andmete esitamise meetodite kohta.

Andmed edastatakse sõnumi põhiosas vastavalt MIME standardile. HTML on üks teabe esitusviisidest WWW-s. Eeldatakse, et HTML vastab ühele MIME-tüübile, nimelt text/html. Lisaks on HTML välja töötatud vastavalt rahvusvahelisele standardile ISO 8879 – Standard Generalized Markup Language (SGML), mis on struktureeritud dokumenditüüpide määratlemise süsteem.

HTML dokument

HTML-dokument sarnaneb tekstifailiga, välja arvatud see, et mõned märgid (read) on juhtmärgid. Neid sümboleid nimetatakse siltideks ja need määravad dokumendi struktuuri.

HTML-dokumendid peavad algama sildiga , mis asub faili alguses ja lõpeb sildiga. Nende siltide vahel korraldatakse HTML-dokument HEAD- ja BODY-dokumendina sarnaselt meilisõnumile. Osa HEAD sees on märgitud PEALKIRI ja muu teave dokumendi kui terviku kohta. BODY osa sees struktureeritakse tekst HTML-i siltide abil lõikudeks, loenditeks jne, kus on võimalik üksikuid sõnu ja terveid lauseid stiiliga esile tõsta ning luua linke selle osadele ja välistele dokumentidele. Tehniliselt ei pea HTML-i, HEAD- ja BODY-elementide avamis- ja sulgemärgendid kasutama. See pole aga soovitatav, kuna HEAD/BODY struktuur võimaldab rakendustel määrata dokumendi funktsioone (nt päist) ilma kogu dokumenti skannimata.

HTML-i elementide struktuur

HTML-dokumendis määravad sildid pealkirjade, lõikude, loendite, märkide esiletõstmise ja linkide alguse ja lõpu. Enamik dokumendi HTML-i elemente on määratletud avamärgendina, mis määrab elemendi nime ja atribuudid, seejärel elemendi keha, millele järgneb sulgev silt. Avamärgendi eraldusmärgid on "<" и ">"; sulgemiseks - "". Näiteks:

See on pealkiri

See on lõik.

Mõned elemendid kuvatakse ainult avamärgendina. Näiteks eraldusrea loomiseks kasutage silti
. Lisaks võib mõne elemendi (P, LI, DT, DD) sulgemissildid ära jätta. Elemendi keha on märkide jada ja pesastatud elementide jada. Mõnda elementi, näiteks linke määratlevaid elemente, ei saa pesastada. Sel juhul saab linke ja märgivalikuid määratlevad elemendid paigutada teistesse struktuuridesse.

Dokumendi kuvamine

Dokumendi konkreetne kuvamine võib klienditi erineda. HTML-sildid määravad ainult dokumendi üldise kuvamisstiili. Mis tähendab näiteks seda, et HTML käsitleb esimese taseme pealkirja vaid esimese taseme pealkirjana, kuid ei määra, et esimese taseme pealkiri peaks ilmuma 24-suuruses Timesi fondis, lehe ülaosas keskel. Selle lähenemisviisi eeliseks on see, et kui kasutaja otsustab muuta esimese taseme pealkirja Helvetica suuruseks 20 vasakule joondatud fondi vastu, ei pea ta tegema muud, kui muutma oma WWW-vaaturi esimese taseme pealkirja definitsiooni. Seega määrab dokumendi konkreetse esituse monitori ekraanil konkreetse kliendi kasutaja.

HTML-i peamiseks tugevuseks on võime linkida tekstialasid (ja ka pilte) teiste dokumentidega. Vaatajad tõstavad need alad esile (tavaliselt värvi ja/või allajoonimisega), et näidata, et tegemist on hüperteksti linkidega. Ankur on tekstiosa, mis tähistab hüperteksti lingi algust ja/või lõppu. Ava- ja sulgemärgendi vaheline tekst on hüpertekstilingi alguspunkt või sihtkoht. Selle sildi atribuudid on järgmised: HREF

Valikuline. Kui atribuut HREF on olemas, on Ankur tundlik tekst: lingi alguspunkt. Kui lugeja valib selle teksti, esitatakse talle teine ​​dokument, mille võrguaadress oli määratud atribuudi HREF väärtuses. Võrguaadressi vorming sarnaneb URL-iga. See võimaldab struktuuril HREF="#identifier" viidata teisele ankrule praeguses dokumendis või kaugdokumendis, määrates selle aadressi enne märki "#".

Valikuline. Kui see on olemas, võimaldab ankrut kasutada lingi sihtkohana. Atribuudi väärtus on ankruidentifikaator. Identifikaatori väärtusena võib kasutada tavalist tekstistringi, välja arvatud see, et ühes dokumendis peavad kõik sellised identifikaatorid olema kordumatud.

Valikuline. Võimaldab määrata seose dokumendi vahel, millest link tehti, ja dokumendi vahel, millele link tehti.

Hüperteksti märgistuskeel (HTML) on keel, mis on loodud spetsiaalselt veebidokumentide loomiseks. See määratleb erijuhiste (siltide) süntaksi ja paigutuse, mida ei prindita ekraanile, kuid mis annavad brauserile teada, kuidas dokumendi sisu kuvada. Seda kasutatakse ka linkide loomiseks teistele kohalikele või võrgus olevatele dokumentidele, näiteks Internetis leiduvatele dokumentidele.

HTML-standard ja muud veebistandardid töötati välja W3C (World Wide Web Consortium) juhendamisel. Standardid, spetsifikatsioonid ja uute ettepanekute kavandid leiate aadressilt http://www.3w.org/. HTML 4.0 spetsifikatsioon on praegu jõus ja seda toetavad suuremad brauserid.

Praktikas mõjutab HTML-standardit suuresti kuulsamate brauserite, näiteks Microsoft Internet Exploreri ja Netscape Navigatori pakutud ja toetatud siltide olemasolu. Need sildid võivad, kuid ei pruugi praegu olla osa praegusest HTML-i spetsifikatsioonist.

Teave HTML-i siltide kohta Ron Woodalli loodud kogumik (HTML-i kiirjuhend). Kogumik sisaldab siltide ja nende atribuutide loendit tähestikulises järjekorras, samuti värskendatud teavet iga brauseri toe kohta.

HTML-dokumendid on tavalised ASCII-tekstifailid. See tähendab, et saate nende loomiseks kasutada mis tahes tekstiredaktorit, isegi minimaalsete võimalustega. HTML-i kirjutamiseks on spetsiaalselt loodud redigeerimistööriistad. Need säästavad aega, pakkudes kiirklahve korduvate toimingute tegemiseks, nagu dokumentide, tabelite lähtestamine või lihtsalt tekstile stiilide rakendamine. HTML-i redigeerijad erinevad WYSIWYG-i autoritööriistadest (seda käsitletakse allpool) selle poolest, et need nõuavad HTML-i käsitsi koostamise reeglite tundmist; redaktorid ainult lihtsustavad ja kiirendavad seda protsessi.

Windowsi kasutajad peaksid kindlasti tutvuma HomeSite'iga, mis on Allaire Corporationi võimas ja odav HTML-i redaktor. See sisaldab HTML-i süntaksi esiletõstmist, FTP-d, süntaksi- ja õigekirjakontrolli ning mitme faili otsimist ja asendamist. Lisaks sisaldab see spetsiaalseid käske ja malle keerukamate elementide (raamid, JavaScript ja DHTML skriptid) loomiseks.

Macintoshi arvutitega töötades pöörake tähelepanu ettevõtte Bare Bones Software, Inc. kaubanduslikule HTML-i redaktorile BBEdit. Tal on Macintoshi veebiarendajate seas tõesti kaalu. See sisaldab mugavaid ja kiireid HTML-tööriistu, mitme faili otsimist ja asendamist, sisseehitatud FTP-funktsiooni, 13 programmeerimiskeele tuge, tabelikoostajat, HTML-i süntaksi juhtimist ja palju muid funktsioone.

Viimaseid aastaid on iseloomustanud originaalinstrumentide turu järsk kasv. WYSIWYG (What You See Is What You Get) HTML-i redigeerijatel on graafilised liidesed, mis muudavad HTML-i kirjutamise rohkem tekstitöötlus- või lehepaigutusprogrammiks. Nende programmide algne eesmärk oli vabastada kasutajad HTML-märgenditest, sarnaselt lehe märgistusprogrammidega, mis kaitsevad arendajat PostScripti käsukomplekti eest. Tänapäeval on nende tähtsus suurenenud, kuna need suurendavad dokumentide tootmise efektiivsust ja automatiseerimise taset, võimaldades samal ajal juurdepääsu HTML-i lähtetekstile.

Kõige populaarsemad WYSIWYG-redaktorid on praegu: Macromedia DreamWeaver, Golive CyberStudio (ainult Macintoshi arvutitele), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill.

HTML-dokument sisaldab teksti (lehe sisu) ja tekstisiseseid silte – juhiseid sisu struktuuri, välimuse ja funktsioonide kohta. HTML-dokument on jagatud kaheks põhiosaks: pea ja keha. Päis sisaldab teavet dokumendi kohta, näiteks selle pealkirja ja sisu kirjeldavat metoodilist teavet. Keha sisaldab dokumendi enda sisu (mis kuvatakse brauseriaknas).

Iga silt koosneb nimest, millele võib järgneda valikuliste atribuutide loend, mis kõik sisalduvad nurksulgudes< >. Sulgude sisu ei kuvata kunagi brauseriaknas. Sildi nimi on tavaliselt selle funktsiooni lühend, mis muudab selle meeldejätmise lihtsamaks. Atribuudid on omadused, mis laiendavad või täpsustavad sildi funktsiooni. Tavaliselt ei ole märgendi nimi ja atribuudid tõstutundlikud. Tag töötab samamoodi nagu . Teatud atribuutide väärtused võivad aga olla tõstutundlikud. See kehtib eriti failinimede ja URL-ide kohta.

Enamik silte on konteinerid. See tähendab, et neil on algus- (avamis- või algus-) ja lõpu- (sulgemis-) silt. Siltide vaheline tekst täidab neis sisalduvaid juhiseid.

Lõpusildil on sama nimi, mis algussildil, kuid selle ees on kaldkriips (/). Seda võib pidada sildi "lülitiks". Lõpumärgend ei sisalda kunagi atribuute.

Mõnel juhul on lõpumärgend valikuline ja brauser määrab sildi lõpu konteksti põhjal. Kõige tavalisem viis lõpumärgendi väljajätmiseks on<р>(lõik). Brauserid toetasid seda silti ilma vastava lõputa, nii et paljud veebikirjutajad on harjunud kasutama lühivormi. Kõik sildid seda ei võimalda ja mitte kõik brauserid ei andesta nende puudumist. Nii et kui kahtlete, lisage oma tekstile lõpumärgend. See on eriti oluline, kui kasutate dokumendis kaskaadlaadilehti.

Mõnel märgendil pole lõpumärgendeid, kuna neid kasutatakse lehel üksikute (eraldi) elementide paigutamiseks. Üks neist on pildisilt , asetab see graafika lihtsalt lehevoogu. Muud eraldiseisvad sildid on reavahetused (
), horisontaaljoon (

---

) ja sildid, mis sisaldavad teavet dokumendi kohta ega mõjuta ekraanil kuvatavat sisu, nt Ja .

Märgendile lisatakse atribuudid selle toimingute laiendamiseks või muutmiseks. Ühele sildile saate lisada mitu atribuuti. Kui sildi nimele järgnevad sildi atribuudid, eraldatakse need ühe või mitme tühikuga. Järjekord pole oluline. Enamikul atribuutidel on väärtused, mis järgivad atribuudi nime järel võrdusmärki (=). Väärtused on piiratud 1024 tähemärgiga. Väärtused võivad olla tõstutundlikud. Mõnikord peavad väärtused olema jutumärkides (kahe- või ühekordne). Väärtuste kirjutamise reeglid on järgmised:

• - kui väärtus on üks sõna või number ja koosneb ainult tähtedest (a-z), numbritest (0-9) ja erimärkidest (punkt<.>
• - kui väärtus sisaldab mitut sõna, mis on eraldatud koma või tühikutega, või sisaldab muid erimärke peale punkti või sidekriipsu, tuleb see panna jutumärkidesse. Näiteks nõuavad URL-id jutumärke, kuna need sisaldavad märke „://”. Jutumärgid on vajalikud ka värviväärtuste määramisel vormingus "#rrggbb".

Kui te pole kindel jutumärkide kasutamises, kasutage neid alati kõigi väärtuste jaoks.

HTML-märgendid võivad sisaldada muid HTML-märgendeid, et võimaldada mitmel sildisel mõjutada ühte elementi. Seda nimetatakse pesastamiseks ja selleks, et seda õigesti teha, peavad pesastatud sildi algus- ja lõpumärgendid olema välimise sildi algus- ja lõpumärgendi vahel.

Levinud viga on siltide kattumine. Kuigi mõned brauserid kuvavad sel viisil märgitud sisu, ei luba paljud teil reeglit rikkuda, mistõttu on oluline sildid õigesti paigutada. Järgmine näide näitab vale sildi pesastamist (pange tähele, et silt<В>sulgub enne sulgemist ):

Ilm on uhke täna – seda teavet eiravad brauserid.

Brauserite poolt ignoreeritud teave. Allpool on HTML-dokumendis sisalduv teave, sealhulgas teatud sildid, mida brauserite vaatamisel eiratakse. See sisaldab:

• - reavahed. HTML-dokumendi realõpumärke ignoreeritakse. Tekst ja elemendid murtakse, kuni dokumendi teksti voos märgendit kohtatakse
• - tabeldusmärgid ja mitu tühikut. Kui brauser kohtab HTML-dokumendis tabeldusmärki ja mitut järjestikust tühikut, väljastab see ainult ühe tühiku. Seega, kui dokument sisaldab: "kaugel, kaugel", väljastab brauser "kaugel, kaugel". Tekstivoogu saab lisada täiendavaid tühikuid, kasutades katkematut tühikut (Snbsp;). Lisaks väljastatakse kõik tühikud, kui tekst on vormindatud (asub siltides
• - mitu
• - tundmatud sildid. Kui brauser ei saa märgendist aru või see on valesti seadistatud, ignoreerib brauser seda lihtsalt. Olenevalt märgendist ja brauserist võib see anda erinevaid tulemusi. Kas brauser ei väljasta midagi või kuvab sildi sisu lihttekstina;
• - tekst kommentaaridesse. Brauserid ei kuva teksti erielementide vahel

I. Põhiteave selle kohtaHTML.

Viimastel aastatel on Interneti arendused arenenud staatilistest lehtedest dünaamilisteks infosüsteemideks. Mõni aeg tagasi nõudis kaasaegsete veebilehtede loomine vaid täiuslikku hüperteksti märgistuskeele (HTML) valdamist.

HTMLon lihtne tekstitöötluskeel; selles keeles, kasutades märgendite komplekti (sildid) luuakse dokument, mida saab vaadata spetsiaalse vaatajagavõrk (brauser).

HTML ei ole programmeerimiskeel samas tähenduses nagu C++ või Visual Basic; see on rohkem nagu dokumendi vormindaja, mis kasutab põgenemisjärjestusi. HTML-kodeerimist võrreldakse sageli Microsoft Wordi dokumendi loomisega, tippides vormingukoodid otse Notepadi. Ilmselgelt on sellel väga vähe funktsioone.

Under hüperteksti dokument mõista dokumenti, mis sisaldab linke teisele dokumendile. Kõik see viidi läbi Hüperteksti edastusprotokoll HTTP(Hüperteksti edastusprotokoll).

Veebidokumentides sisalduvat teavet leiate märksõnade abil. See tähendab, et iga veebibrauser sisaldab konkreetseid linke, mis loovad hüperlinke, mis võimaldavad miljonitel Interneti-kasutajatel kogu maailmas teavet otsida.

Hüpertekstdokumendid luuakse selle põhjal HTML (hüperteksti märgistuskeel). See keel on väga lihtne, selle juhtkoodid, mille brauser tegelikult ekraanil kuvamiseks kompileerib, koosnevad ASCII tekstist. Nimetatakse linke, loendeid, pealkirju, pilte ja vorme HTML-keele elemente.

Praegu on palju veebilehtede redigeerijaid, mis ei nõua HTML-i põhitõdede tundmist. Kuid selleks, et hüpertekstdokumente professionaalselt ette valmistada, peate teadma nende sisemist struktuuri ehk HTML-dokumendi koodi.

HTML võimaldab genereerida erinevat hüperteksti teavet struktureeritud dokumentide põhjal.

Brauser tuvastab loodud lingid ja teeb HyperText Transfer Protocol (HTTP) kaudu teie dokumendi teistele Interneti-kasutajatele kättesaadavaks. Loomulikult on kõige selle edukaks rakendamiseks vaja tarkvara, mis ühildub täielikult WWW-ga ja toetab HTML-i.

II. HTML-i kirjeldus

HTML dokument - see on tavaline tekstifail. Mis tahes veebibrauseriga saate oma töö tulemusi vaadata, laadides sinna lihtsalt HTML-i süntaksi abil loodud tekstifaili.

Hüperteksti keel pakub kirjutuskaitstud teavet. See tähendab, et veebilehti saab redigeerida ainult nende looja, mitte tavaline Interneti-kasutaja.

Enamik hüperteksti keele põhielement- See lingid. Veebis klõpsate lihtsalt lingil ja leiate end koheselt valitud lehel teisest maakera punktist.

Sildid.

Tag- vormindatud HTML-koodi ühik.

Tag HTML koosneb järgmistest elementidest teatud järjekorras:

• vasak nurgaklamber< (такого же, как "меньше чем" символа)
• valikuline kaldkriips /, mis tähendab, et silt on lõpumärgend, mis sulgeb mingi struktuuri. Nii et selles kontekstis saate sümbolit / lugeda kui lõpp...
• sildi nimi, nt TITLE või PRE
• valikuline, isegi kui sildil võivad need olla, atribuudid. Silt võib olla ilma atribuutideta või koos ühe või mitme atribuudiga, näiteks: ALIGN=CENTER
• täisnurksulg > (sama mis sümbolist suurem).

Enamikul siltidel on avanemiselement<> Ja sulgemine. Nende vahel on koodid mille veebibrauser ära tunneb

Sellistel juhtudel moodustavad kaks silti ja nendega eraldatud dokumendiosa ploki nimega HTML element. Mõned sildid nt.

---

, on iseenesest HTML-elemendid ja nende jaoks on vastav lõpumärgend vale.

Iga sildi jaoks komplekt võimalikke atribuudid. Enamik silte lubab ühte või mitut atribuuti, kuid atribuute ei pruugi üldse olla. Atribuudi spetsifikatsioon koosneb järgmisest:

• atribuudi nimi, nt WIDTH
• võrdusmärk (=)
• atribuudi väärtus, mis määratakse märgistringiga, näiteks "80".

Alati kasulik lisage atribuudi väärtus jutumärkidesse, kasutades kas jutumärke ("80") või topeltjutumärke ("80"). Jutumärgiga string ei tohi sisaldada enda sees jutumärke. Seega, kui kuupäev on jutumärkides, kasutage selle pärast jutumärkidesse lisamiseks üksikuid jutumärke ja vastupidi. Saate ära jätta ka jutumärgid atribuutide väärtuste puhul, mis koosnevad ainult järgmistest märkidest:

• Inglise tähestiku tähed (A–Z, a–z)
• numbrid (0-9)
• ajaperioodid
• sidekriipsud (-)

Hüperteksti märgistuskeelt (HTML) kasutatakse kõige sagedamini elektrooniliste koolitusprogrammide koostamiseks.

See valik tuleneb asjaolust, et koos seda tüüpi dokumentide loomise lihtsusega on hüperteksti märgistuskeelel tohutult palju võimalusi, näiteks vormindatud teksti väljastamiseks, peaaegu kõigi tuntud vormingutega graafiliste objektide kasutamiseks, taustapildi kasutamiseks, selliste objektide sisestamiseks nagu taustahelina, videona jne.

Lisaks võimaldab HTML hõlpsasti korraldada linke dokumendis endas teistele objektidele või tekstifragmentidele.

HTML-i suureks eeliseks on see, et enamik kaasaegseid tööriistu (näiteks teksti- ja graafilised redaktorid, visuaalsed programmeerimiskeeled, Internet Explorer...) toetavad dokumentide töötamist ja salvestamist HTML-vormingus.

Seetõttu kasutatakse selliste tarkvaratoodete loomiseks sageli HTML-i. Erinevat tüüpi demode, testimisprotseduuride ja küsitluste loomine on minu meelest aga siiski tehtud visuaalsete programmeerimiskeelte abil lihtsamaks.

Seetõttu käsitletakse käesolevas lõputöös erinevate koolitus-, testimisprogrammide ja elektrooniliste õpikute loomise tööriistade integreerimist.

HTML-dokumentide kasutamine hõlbustab aga oluliselt programmi teoreetilise osa kirjutamist ja muudab selle elavamaks. Vaatame mõningaid HTML-dokumentide loomisega seotud probleeme. Veebis saate töötada HTML-i keelt teadmata, kuna HTML-tekste saab luua erinevate spetsiaalsete redaktorite ja konverteritega.

Siiski on parem kirjutada otse HTML-is või vähemalt aeg-ajalt jälgida ja muuta HTML-koodi. Otse HTML-is kirjutamine pole keeruline. See võib olla isegi lihtsam kui HTML-i redigeerija või konverteri õppimine, mille võimalused on sageli piiratud, lollakad või toodavad halba HTML-i, mis erinevatel platvormidel ei tööta.

HTML-i esimese versiooni töötas 90ndate alguses välja Tim Beners-Lee varem populaarse Mosaici brauseri jaoks. Kuid neil päevil polnud ei brauser ega keel ise veel väärilist kasutust leidnud. HTML+ ilmus 1993. aastal ja ka see versioon jäi praktiliselt märkamatuks. Hüperteksti laialdane kasutamine sai alguse versioonist 2.0, mis ilmus 1994. aasta juunis.

See oli hetk, mil WWW populaarsus kogu maailmas kasvama hakkas. Versioonis 2 sisalduvad elemendid on enamasti kasutusel ka tänapäeval.

Aasta hiljem ilmunud HTML-i versioon 3.0 võttis kasutusele võimaluse joonistada keeleelemente kasutades matemaatilisi sümboleid (integraalmärke, lõpmatusmärke, murde, sulgusid jne). Selle versiooni jaoks töötati välja ka brauserid (Arena). Kuid see projekt osutus ummikteeks ega saanud edasist levitamist.

1996. aastal ilmus HTML-i versioon 3.2. Tegemist oli uuendusliku lahendusega, piisab, kui mainida, et keelespetsifikatsiooni viidi sisse raamid, mis on nüüdseks veebilehtede arendajate seas väga populaarseks saanud.

Juba praegu saab selle spetsifikatsiooni põhjal ellu viia väga häid disainilahendusi. Peaaegu kõik kaasaegsed brauserid toetavad täielikult versiooni 3.2, nii et autorid ei kahtle deklareeritud elementide funktsionaalsuses.

Lisaks ametlikele keelespetsifikatsioonidele, mille töötas välja W3C organisatsioon (W3 Consortium), lõid brauserit tootvad ettevõtted oma elemendid (laiendused).

Seejärel lisati mõned neist elementidest pärast üldise heakskiidu saamist keele järgmise versiooni spetsifikatsiooni. Huvitav on näiteks see, et 3.2 spetsifikatsioonis ei olnud uudset lahendust – raamid –, mida paljud arendajad armastasid.

Kuid brauserid toetasid raame ja paljud HTML-i raamatud sisaldasid raamide kirjeldusi, mainimata, et need olid mittestandardsed elemendid. Ja see oli õige, sest raamidest sai de facto standard. Need lisati mõjuval põhjusel juba 4. keeleversiooni.

Seevastu APPLET- ja SCRIPT-elemendid, mis on vajalikud HTML-i laiendamiseks muu koodiga, ei mänginud versioonis 3.2 seda rolli, mida nad pidid täitma.

Seda seletati asjaoluga, et erinevate versioonide brauserid tõlgendasid Java, JavaScripti ja Visual Basic VBScripti programme erinevalt. Selle tulemusena ei olnud võimalik hankida piisavalt usaldusväärselt töötavat koodi ja HTML-i entusiastid kasutasid neid keeli peamiselt katseteks.

Ametlik HTML 4 (dünaamiline HTML) spetsifikatsioon ilmus 1997. aastal. Sel ajal oli juba ilmne, et hüperteksti edasiarendamine toimub skriptiprogrammeerimise kaudu. See osutus palju tõhusamaks kui uute elementide keelde sissetoomine.

Sel ajal ilmunud brauserid (Netscape Navigator 4, Microsoft Internet Explorer 4 jne) tõlgendasid programmi koodi juba üsna usaldusväärselt (teatud standardiseerituse tase saavutati). Kuid arendajatel on endiselt probleeme. Näitena võib märkida, et paljud skriptid algavad brauseri versiooni määramisega, et seejärel seda või teist koodijuppi kasutada.

Ilmselgelt vastutab programmeerija lehtede testimise eest kõigis praegu populaarsetes brauserites. Lisaks jääb aktuaalseks vanade või mitte eriti populaarsete programmide kasutamise probleem. Microsofti ja Netscape'i peetakse õigustatult brauseri arendamise liidriteks, kuid on ka teisi ettevõtteid.

Selle tulemusena on dünaamilise HTML-i kõigi võimaluste kasutamine muutunud programmeerijate kohustuseks üsna suurtes organisatsioonides, kus on olemas tingimused keerukate programmide arendamiseks ja nende igakülgseks testimiseks. Isiklike veebilehtede loojad peavad mõnikord tegema kompromisse usaldusväärsuse ja uuenduslikkuse vahel, et saada piisavalt pädevat HTML-koodi.

Veebilehe anatoomia

Allpool on tüüpilise veebidokumendi näidis. Selles näites vaatleme HTML-lehtede struktuuri.

Veebilehe näide (mall).

<Т1Т1Е>Veebilehe struktuur

Kui vaatate erinevate veebilehtede lähtetekste, näete nende struktuuride sarnasust. Seda seletatakse asjaoluga, et dokumendid luuakse teatud reeglite järgi.

HTML-keele süntaks põhineb ISO 8879:1986 standardil "Infotöötlus. Teksti- ja kontorisüsteemid. Standardne üldistatud märgistuskeel (SGML)". Tõsi, ametliku standardi ja tegeliku standardi vahel on suur erinevus. HTML areneb pidevalt, täieneb uute elementidega ning seda tuleks uurida mitte ametlikest esmastest allikatest, vaid praktikas, pöördudes juhtivate ettevõtete ja spetsialistide viimaste arengute poole.

Veebilehe struktuuri mõistmiseks peate arvestama ülaltoodud loendis sisalduvate elementide kaaluga. Keeleelementide kaalumisel kasutame mõlemat silti: algus ja lõpp.

Näiteks: . Seda võib rõhutada, et enamikul juhtudel peaks arendaja kasutama iga elemendi jaoks kahte silti. Juhtumite arv, kus on lubatud ainult algusmärgend (mõnel elemendil pole üldse lõpumärgendit), on väike ja need on konkreetselt määratud. Siltide nimede puhul saate kasutada nii ladina tähestiku suuri kui ka väikeseid tähti.

Mõned kasutajad kirjutavad algussildid suurtähtedega ja lõpusildid väiketähtedega. See aitab teil mõista veebilehe lähteteksti.

HTML-i süntaks.

HTML-dokumendi märge. Eespool sai mainitud, et keele üheks põhimõtteks on elementide mitmetasandiline pesastamine. See element on kõige välimine element, kuna kogu veebileht peab asuma selle algus- ja lõpumärgendite vahel.

Põhimõtteliselt võib seda elementi pidada formaalsuseks. Sellel on versiooni, lang ja dir atribuudid, mida sel juhul kasutatakse harva, ning see võimaldab pesastada HEAD, BODY, FRAMESET ja muid elemente, mis määravad veebilehe üldise struktuuri. Loomulikult lõppsilt kõik sellised dokumendid hakkavad otsa saama.

Veebilehe pealkirja ala. Teisisõnu, selle esimene osa. Nagu eelmine element, on HEAD ainult dokumendi üldise struktuuri moodustamiseks. Sellel elemendil võivad olla atribuudid lang ja d i r, see peab sisaldama elementi TITLE ja võimaldab pesastada elemente BASE, META, LINK, OBJECT, SCRIPT, STYLE.

Element veebilehe pealkirja paigutamiseks. Selle elemendi sees olevat tekstirida ei kuvata dokumendis, vaid brauseriakna tiitliribal. Seda stringi kasutatakse sageli WWW-s otsingute korraldamisel. Seetõttu peavad autorid, kes loovad veebilehti Internetti postitamiseks, tagama, et see rida, ilma et see oleks liiga pikk, kajastaks täpselt dokumendi eesmärki.

Veebilehe mõne elemendi stiili kirjeldus. Fail Strukt.htm määrab fondid elementidele H2 ja CODE.

Loomulikult on iga elemendi jaoks vaikestiil, nii et elemendi STYLE kasutamine pole vajalik, kuid soovitav.

Huvitav on see, kuidas HTML-i süntaks peegeldab andmetöötluse ajalugu. Näiteks vana, nüüdseks kadunud BLINK-element tuletab meile meelde aegu, mil inimesed kasutasid ekraane, millel oli ainult tekstirežiim. Seda olukorda arvestades oli vilkuv tekst ilmselt ainus saavutatav visuaalne efekt.

Seevastu suhteliselt hiljuti kasutusele võetud element STYLE tekitab assotsiatsioone Windowsi programmidega, kuna need võtsid esmakordselt kasutusele teksti stiili, mis on nüüdseks uskumatult populaarne ja ilma selleta pole enam võimalik töötada sellistes rakendustes nagu Word või Excel.

See element sisaldab teenuseteavet, mis ei kajastu veebilehe vaatamisel. Selle sees pole tavalises tähenduses teksti, seega puudub ka lõpumärgend. Iga META element sisaldab kahte peamist atribuuti, millest esimene määrab andmetüübi ja teine ​​sisu.

Lisaks võib META element sisaldada URL-i. Vastava atribuudi mall on:

URL="http://aadress"

See element sisaldab hüperteksti, mis määratleb veebilehe enda. See on suvaline osa dokumendist, mille on välja töötanud automaatne leht ja mida brauser kuvab. Sellest lähtuvalt tuleks selle elemendi lõpumärgend leida HTML-faili lõpust. Elemendi BODY sees saab kasutada kõiki veebilehe kujundamiseks mõeldud elemente. Elemendi BODY algusmärgendisse saate paigutada mitmeid atribuute, mis pakuvad sätteid kogu lehe jaoks. Vaatame neid järjekorras.

Üks disaini jaoks kõige kasulikumaid on atribuut, mis määrab lehe tausta. Selle välimust võib võrrelda väikese revolutsiooniga WWW-s, kuna samad hallid veebilehed puhkesid äkitselt erksate värvimustritega:

background="Taustafaili tee"

Lihtsam taustakujundus taandub selle värvi määramisele:

bgcolor="#ff/?GGSS"

Taustavärvi määrab kolm kahekohalist kuueteistkümnendarvu, mis määravad vastavalt punase, rohelise ja sinise värvi intensiivsuse. Värvide seadistamist kirjeldatakse üksikasjalikumalt allpool Mõlemad ülaltoodud atribuudid ei ole alternatiivsed ja neid kasutatakse sageli koos: kui mingil põhjusel ei leita taustamustrit, kasutatakse värvi.

Kuna lehe taust võib muutuda, peate suutma teksti värvi sobitada. Selleks on olemas järgmine atribuut

text="#/?/?GGB5"

Hüperlinkide tekstivärvi määramiseks kasutage järgmist atribuuti:

Samamoodi saate määrata vaadatavate hüperlinkide värvi:

vlink="#/?/?GGflS"

Samuti saate määrata kasutaja viimati valitud hüperlingi värvimuutuse:

Elemendi BODY sees asuv hüpertekst võib olla mis tahes struktuuriga. Selle määrab ennekõike veebilehe eesmärk ja arendaja kujutlusvõime.

Päise element. Pealkirjades on kuus taset, mis on tähistatud H1...H6. 1. taseme pealkiri on suurim ja 6. tase annab väikseima pealkirja. Pealkirjade jaoks saate kasutada atribuuti, mis määrab vasakule, keskele või paremale joonduse:

Horisontaalne reegel on väga sageli kasutatav element. Esiteks sellepärast, et lehte on väga mugav osadeks jagada. Teiseks sellepärast, et lehe autoril on väga väike valik selliseid kujunduselemente. Tõepoolest, HTML-is sarnaseid konstruktsioone praktiliselt pole, ainult horisontaaljoonele tehti millegipärast erand. Tõsi, vaatamata mõningasele keelekasutusele selles vallas, saate välja mõelda palju standardseid graafilisi pilte, mis lehtede välimust mitmekesistaksid.

Elemendil ei ole lõpumärgendit, kuid see võimaldab joondada mitmeid atribuute vasakule, keskele, paremale, joondada:

Saate määrata joone paksuse:

51ge = paksus pikslites

Saate juhtida rea ​​pikkust:

fiitifn - pikkus pikslites

laius=/^twa protsentides/tunnis

Saate valida värvi:

co1og="värv"

HTML-dokument võib olla väga suur, sel juhul peaks kasutajal olema võimalik kiiresti navigeerida dokumendi soovitud jaotisesse. Selleks saate kasutada hüperlingi mehhanismi. Samuti on vaja tekstis õigetesse kohtadesse panna vastavad märgid. Siin vaatleme ainult siltide loomise malli:

<А name=" метка ">Vaba tekst

Sel juhul antakse dokumendi antud reale nimi ja seetõttu saab sellesse punkti viiva hüperlingi luua dokumendi teises osas või isegi teisele dokumendile. Näiteks saate dokumendis navigeerimiseks kasutada järgmist konstruktsiooni.

<Р>Üleminek<А href=" Пметка ">silt

Mitmed sarnased read võivad moodustada veebilehe sisukorra, mille saab paigutada dokumendi algusesse ja lõppu.

Element linkide baasaadressi (URL) määramiseks. See võimaldab teil dokumendilinkides aadressi algusosa välja jätta. Selle elemendi kasutamiseks peate kasutama järgmist konstruktsiooni:

Tee // aadressi fragment on valikuline.

Täieliku aadressi loomisel visatakse see kõrvale.

Seega, kui dokumendi tekstis on suhteline link

<А ef =" путь2/имя документа, htm" ">Nähtav lingi tekst,

siis ühtib see URL-iga

Juhul, kui peate määrama kohaliku ketta baasaadressi (näiteks.D:), tuleks kasutada järgmist konstruktsiooni:

Seejärel saate suhtelise lingi määramisel määrata mitte ainult failinime, vaid ka nende kaustade nimed, milles see asub. Teisisõnu võib tee failideni jagada kaheks osaks: absoluutseks ja suhteliseks. See on kasulik, kui dokumendis määratud failidel on ühine algustee fragment. Samuti võite absoluutse lingi avaldises juurdepääsuskeemi viite (file://) välja jätta. Sel juhul võetakse arvesse ainult absoluutse lingi vasakpoolset osa kuni esimese vasakpoolse märgini "", see tähendab kohaliku draivi nime.

Süntaksireeglid

Nüüd, kui teame, milline veebilehe kood välja näeb, saame teha HTML-i süntaksi kohta mõned üldised järeldused. Iga elemendi kasutamisel on oluline teada, millised elemendid võivad selle sees paikneda ja milliste elementide sees ta ise.

Seega peaks HTML-, HEAD-, TITLE- ja BODY-elementide suhteline asukoht olema igal lehel standardne, aga juhtudel, kui raame ei kasutata. Kui leht on raami paigutuse dokument, siis kasutatakse elementi FRAMESET elemendi BODY asemel.

On elementide rühmi, mida kasutatakse koos. Nende hulka kuuluvad elemendid tabelite, loendite ja raamide loomiseks.

Sel juhul määrab pesastavate elementide järjekorra lehel konkreetse objekti loomise loogika: siin peate meeles pidama lihtsaid kujundusreegleid.

Lehe detailide (pildid, tekst jne) kindlasse järjekorda paigutamiseks kasutatakse sageli tabeleid ja raame.

Näiteks asetades pildi tabeli lahtrisse, saate saavutada teatud positsiooni.

Sellistel juhtudel määrab elementide pesastamise veebilehe arendaja ning palju sõltub tema kujutlusvõimest ja oskustest.

Teksti vormindamiseks kasutatavate elementide suur arv võimaldab paljusid pesastusvalikuid. Ja nad ise peavad tingimata asuma teatud elementide sees.

Siin peame juhinduma tervest mõistusest: iga element täidab etteantud funktsiooni ja sellel on konkreetne ulatus.

Allolevas näites on kaks lõiku (esimene rohelises kastis) ja tabel:

<Р style="border: Зрх solid дгееп">Lõike 1 tekst

. . .

<Р>Lõike 2 tekst

Tabel on sel juhul iseseisev element. Seda saab näiteks joondada muust tekstist sõltumatult.

Võite kasutada muud koodi:

<Р style="border: Зрх solid дгееп">Lõike 1 tekst

. . .

<Р>Lõike 2 tekst

Esimese lõigu lõpumärgend on kadunud. Tabel on nüüd osa esimesest lõigust ja roheline ääris ümbritseb tabelit ja teksti. Ja vastupidi, P-element võib asuda tabelis: näiteks võib üks lahtri TD-element sisaldada mitut P-lõiku.

Pesastusreeglite rikkumine on veebilehtede loomisel üks levinumaid vigu. Selliste vigade vältimiseks peate kasutama hüpertekstiredaktoreid, mis juhivad automaatselt süntaksireeglite täitmist. Allpool on rida, mis sisaldab tüüpilist pesastatud elemendi viga:

<Н1>Pealkiri 1<Н2>2. pealkiri3. pealkiri

Tuleb märkida, et brauserid on üles ehitatud nii, et nad "püüavad" reageerida hüperteksti märgistamise vigadele. Kui lehekülge saab kuvada, kuvatakse see ilma hoiatusteadeteta.

Programm tõlgendab valesti paigutatud silte teatud viisil ja loob pildi, järgides arendajate poolt sellesse sisse ehitatud loogikat. Samal ajal ei pruugi lehe välimus vastata autori kavatsusele. Ja ainult väga tõsiste vigade või ilmsete vastuolude korral kuvab brauser teate, et lehte ei saa kuvada.

Märgistusvea kaudseks märgiks võib olla HTML-koodi fragmentide ilmumine lehele. Tõenäoliselt on selle olukorraga kokku puutunud kasutajad, kes töötavad palju Internetiga.

Süntaksireeglid kehtivad ka algus- ja lõpumärgendite, atribuutide ja elemendi sisu kasutamisel. Ärge ajage segi mõisteid "element" v. "silt". Element on konteiner, mis sisaldab algusmärgendi atribuute ning kasulikku teavet algus- ja lõpumärgendi vahel. Silt on nurksulgudesse lisatud konstruktsioon, mida kasutatakse elemendi ulatuse näitamiseks.

Mõnel elemendil puudub lõpumärgend. Ilmselt ei vaja rea ​​lõppu tähistav BR element lõpumärgendit. Mõnda elementi saab kasutada lõpusildiga või ilma. Kõige ilmekam näide on lõiguelement R.

Sellel võib olla lõpumärgend, kuid kui seda silti pole määratud, on elemendi lõpumärgend järgmine element, mis suudab loogiliselt määratleda aktiivse lõigu lõpu: teine ​​P-element, IMG-pildielement, UL-i loendi element, TABLE tabeli element jne.

Seega peab ühe elemendi kasulik koormus paiknema kas selle elemendi algus- ja lõpusildi vahel või selle elemendi algussildi ja järgmise elemendi algussildi vahel.

Brauser tõlgendab mis tahes lehele sisestatud suvalist teksti nii, et see kuvatakse ekraanil ja seepärast vormindatakse seda teksti ümbritsevate elementide järgi. See ei võta arvesse tekstiredaktoris saadud teksti jagamist ridadeks. Teoreetiliselt võib terve veebileht olla ühes pikas reas. Näiteks Notepadis sisestatud rea lõpu märgid võivad aidata HTML-koodi lugeda, kuid brauser neid ei kuva.

Viimane võib lehekülge ekraanil kuvades katkestada rea ​​vastavalt elementide Hn, P või BR paigutusele ning muul juhul vormindada lõike suvaliselt, olenevalt teksti hulgast, fondi suurusest ja hetkeseisust. akna suurus.

Seetõttu peavad veebilehed olema paigutatud nii, et nende välimus ei muutuks järsult erinevate monitori eraldusvõime režiimide, ekraani suuruse, brauseriakna suuruse ja ka täisekraan- või aknarežiimide puhul.

Väga oluline reegel, millel pole erandeid, on elemendi atribuutide paigutamine algussildi sisse.