HTML kalbos aprašymas. Trumpas HTML kalbos aprašymas HTML kalba ir jos naudojimas

Pagrindinės HTML kalbos struktūros.

HTML (HyperText Markup Language) – specialios instrukcijos naršyklei, su kuria kuriami tinklalapiai.

Tai yra, tinklalapiai yra HTML formato dokumentai, kuriuose yra tekstas ir specialios HTML žymos (deskriptoriai). Apskritai, HTML žymos yra būtinos norint formatuoti tekstą (t. y. suteikti jam norimą išvaizdą), kurį naršyklė „supranta“. HTML dokumentai saugomi kaip failai su plėtiniu . htm arba. html.

HTML žymos pateikia naršyklei informaciją apie tinklalapio struktūrą ir formatavimą. Kiekvienoje žymoje yra konkreti instrukcija ir ji yra kampiniuose skliaustuose. Daugumą žymų sudaro atidarymo ir uždarymo dalys ir jos turi įtakos jame esančiam tekstui.

Norėdami greičiau susipažinti su HTML kodu, jums patinkantį puslapį galite peržiūrėti režimu „Kaip HTML“. Norėdami tai padaryti, naršyklėje turite pasirinkti meniu elementą „Peržiūrėti“ - „Kaip HTML“.

Po to atsidarys naujas langas su HTML kodo šaltinio tekstu. Peržiūrėdami baigtą HTML kodą sužinosite, kaip kalbos žymas naudoja labiau patyrę programuotojai. Tai taip pat vienas iš būdų įveikti įvairias karts nuo karto iškylančias problemas.

Kaip kuriami tinklalapiai

HTML kalba apibrėžia specialių komandų, vadinamų žymomis, rinkinį, naudojamą tam tikrų tinklalapio elementų formatavimui ar paskirčiai nurodyti. Specialios žymos naudojamos grafiniams vaizdams, garso ir vaizdo klipams bei kitiems vadinamiesiems įterptiesiems objektams talpinti tinklalapiuose.

Nepaisant akivaizdaus sudėtingumo, tinklalapiai nėra sudėtingi. Tai įprasti tekstiniai failai, sukurti standartinėje Notepad arba panašioje paprastoje teksto rengyklėje. Ir juose yra tekstas, tas pats tekstas, kurį norite įdėti į puslapius, tik pažymėtas specialiu būdu...

Hiperteksto žymėjimo kalbą HTML išmokti labai lengva. Jos tyrimą galima palyginti su bet kurios kalbinės kalbos tyrimu. Jei, pavyzdžiui, pagrindiniame vienete yra žodis, tai HTML šis minimalus vienetas yra žyma. Iš esmės tai yra komandos html tinklalapio žymėjimo kalba. Bet kuris tinklalapis, bet kuri svetainė susideda iš teksto, grafikos ir tt Ir visi šie džiaugsmai valdomi mažomis ir nepastebimomis žymomis. Žymos yra tai, dėl ko tekstas ir nuotraukos vietoj beprasmės netvarkos tampa griežtos struktūros struktūra. Būtent žymų dėka svetainės tekstas džiugina lankytoją įvairiais dydžiais ir spalvomis, būtent žymės leidžia jiems skirtoje vietoje stovėti nuostabioms nuotraukoms esant bet kokiai ekrano raiškai ir naršyklės lango dydžiui. Etikečių galimybės neribotos, jų skaičius didžiulis

Griežtas apibrėžimas: žyma yra HTML elementas, sudarytas iš teksto, pateikto kampiniuose skliaustuose. Žyma yra aktyvus elementas, pakeičiantis po jos pateikiamos informacijos pateikimą. Žyma gali turėti daugybę atributų. Paprastai naudojamos dvi žymos – atidarymas ir uždarymas.

Bet koks HTML dokumentas, siunčiamas į naršyklę, turi būti sudarytas iš tam tikrų būtinų dalių:

kiekvienas dokumentas turi prasidėti eilute, kuri nurodo, kurią HTML standarto versiją dokumentas atitinka (mūsų atveju mes naudojame HTML 4.01); tada turi būti šakninė žyma, o dokumento pabaigoje ji turi būti uždaryta; Toliau turi būti žyma. Jis tarnauja kaip savotiškas tarnybų žymų, scenarijų ir kt. konteineris, apskritai jis reikalingas paslaugų informacijai saugoti; Ir paskutinė yra žyma, kurios viduje saugoma visa informacija, kuri bus rodoma tiesiai puslapyje.

Taigi paprasto HTML dokumento struktūra atrodo maždaug taip:

HTML dokumento struktūra

- Dokumento pradžia

DOKUMENTO PAVADINIMAS

DOKUMENTO KOMPONENTAS

- Dokumento pabaiga

HTML elementai

Dauguma, bet ne visos HTML žymos yra suporuotos taip, kad po pradinės žymos būtų atitinkama baigiamoji žyma su tekstu ar kitomis žymomis tarp jų, pavyzdžiui:

Pratarmė

Tokiais atvejais dvi žymos ir jomis atskirta dokumento dalis sudaro bloką, vadinamą HTML elementu. Kai kurios žymos, pvz., yra HTML elementai, o atitinkama pabaigos žyma yra neteisinga. Toliau žymės vadinsime jų pavadinimais, praleisdami reikiamus kampinius skliaustus.

Atributai

Kiekvienai žymai yra apibrėžta daug galimų atributų. Dauguma žymų leidžia naudoti vieną ar daugiau atributų, tačiau atributų gali nebūti. Atributo specifikaciją sudaro tokia tvarka:

atributo pavadinimas, pvz., WIDTH, atributo reikšmės lygybės ženklas (=), kuris nurodomas simbolių eilute, pvz., "80".

Visada naudinga atributo reikšmę įterpti į kabutes, naudojant viengubas ("80") arba dvigubas kabutes ("80"). Kabutinėje eilutėje negali būti kabučių. Taigi, jei data yra dvigubose kabutėse, naudokite viengubas kabutes, kad vėliau ją įterptumėte į kabutes ir atvirkščiai. Pirmenybė teikiama dviguboms kabutėms, nes žmogaus akiai gali būti sunku atskirti pavienes kabutes nuo simbolių, pvz., kirčio ženklų.

Taip pat galite praleisti atributų verčių kabutes, kurias sudaro tik šie simboliai (žr. techninę pavadinimo koncepciją):

Anglų kalbos simboliai (A–Z, a–z) skaičiai (0–9) laiko intervalai brūkšneliai (-)

Taigi WIDTH=80 ir ALIGN=CENTER yra teisėti WIDTH="80" ir ALIGN="CENTER" trumpiniai. Nuoroda į URL, pvz., HREF=foo. htm yra priimtinas, tačiau kai URL naudojamas su atributais, jis turi būti cituojamas, pavyzdžiui, HREF="http://www. hut. fi/". Kai kurios naršyklės leidžia praleisti kabutes arba elementus su pradžios kabutėmis ir be kabučių. Tačiau šios praktikos geriau nenaudoti.

Sukurkite pastraipą, tarpo ženklus, antraštę

Interneto naršyklės paprastai neatsižvelgia į tuos naujos eilutės simbolius, kuriuos vartotojas įveda į tekstą jo formavimo etape. Norėdami pradėti naują pastraipą, naudokite žymą (žymą)

Atidarius puslapį žiniatinklio naršyklės lange, visos jo teksto pastraipos pažymėtos žyma (žyma)

Atskirtas tuščiomis eilutėmis, todėl pagerėja jo išdėstymas ir išvaizda.

Pagal numatytuosius nustatymus naršyklė dažniausiai formatuoja pastraipas su lygiavimu į kairę. Norėdami priversti sulygiuoti, naudokite lygiavimo atributą. Su jo pagalba pastraipas galima lygiuoti į kairę, dešinę, centre ir lygiuoti.

Pavyzdys:

pastraipa sulygiuota kairėje... pastraipa lygiuojama į dešinę... pastraipa lygiuojama centre... pastraipa pagrįsta...

Naršyklės ekranas: pastraipa sulygiuota kairioji pastraipa sulygiuota kairioji pastraipa sulygiuota pastraipa sulygiuota kairioji pastraipa pastraipa sulygiuota kairėje pastraipa sulygiuota pastraipa sulygiuota kairėje pastraipa sulygiuota pastraipa sulygiuota kairioji pastraipa pastraipa sulygiuota kairioji pastraipa pastraipa lygiuojama į kairę pastraipa sulygiuota su dešine pastraipa sulygiuota su dešine pastraipa sulygiuota į dešinę pastraipą sulygiuota į dešinę pastraipą lygiuojama į dešinę pastraipą sulygiuota į dešinę pastraipą sulygiuota į dešinę pastraipą sulygiuota į dešinę pastraipą sulygiuota į dešinę pastraipa sulygiuota su viduriu pastraipa sulygiuota su vidurine pastraipa pastraipa lygiuojama su vidurine pastraipa pastraipa lygiuojama su vidurine pastraipa pastraipa lygiuojama su vidurine pastraipa pastraipa lygiuojama su vidurine pastraipa pastraipa lygiuojama su vidurine pastraipa pastraipa lygiuojama su vidurine pastraipa lygiuojama su centru pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta pastraipa pagrįsta

Žiniatinklio naršyklės automatiškai perkelia tekstą pastraipose į naują eilutę. Jei užduotis yra vienoje eilutėje sudėti bet kokį žodžių derinį, tai tam naudojama žyma (žyma).

Norėdami pereiti prie naujos eilutės, naudokite žymą (žymą)
. Jis nurodo naršyklei nebedėti teksto ir kitų puslapio elementų esamoje eilutėje ir pereiti į naują eilutę. Ši žyma (žyma) neturi pasvirojo brūkšnio atitikmens, vadinamosios uždarymo žymos (žymos).

Pagrindinis šios (-ių) žymos (-ių) naudojimas yra priversti eilutinius elementus įdėti į tam tikrą puslapio vietą. Taip pat patogu tais atvejais, kai reikia padidinti tuščias sritis tarp atskirų puslapio elementų.

Žiniatinklio naršyklės paprastai nepaiso papildomų tarpo simbolių, įvestų į puslapio tekstą. Norėdami tai padaryti, naudokite komandą  . Ši komanda sukuria nedalomą tarpą tarp puslapio elementų, nesvarbu, ar tai būtų grafika, ar tekstas. Turėtumėte atsižvelgti į tai, kad naudojant   vietoj tarpo tarp dviejų gretimų žodžių užtikrinama, kad abu žodžiai nebus dedami į skirtingas naršyklės lango eilutes – jie visada bus vienas šalia kito.

HTML yra svetainės žymėjimo kalba. Daugelis žmonių tai galvoja kaip apie programavimą, bet taip nėra. HTML nėra jokių kintamųjų, skaičiavimų, masyvų ir kitų elementų, esančių bet kurioje programavimo kalboje.

Naudodamas HTML, kūrėjas gali sukurti tik svetainės išvaizdą. Svarbu suprasti, kad nė viena svetainė neegzistuoja be žymėjimo. HTML yra tinklalapių kūrimo pagrindas. Visas kitas funkcijas papildo įvairios programavimo kalbos.

HTML dokumento kūrimas

Paprastą svetainės puslapį galite sukurti bet kuriame redaktoriuje. Net Notepad tiks. Pradedančiam kūrėjui rekomenduojama naudoti kitus redaktorius, turinčius automatinio pakeitimo funkcijas ir kitus patarimus. Dėl to galite sukurti paruoštas lenteles, nuorodas, vaizdus ir kitus elementus. Tačiau „Notepad“ kiekvieną raidę turite parašyti rankiniu būdu.

Paprastai Notepad naudojamas tik tais atvejais, kai po ranka nėra kitų įrankių. Pirmiausia sukuriamas tekstinis dokumentas, kuris išsaugomas html formatu. Visi svetainės puslapiai turi turėti html plėtinį.

HTML kalba yra hierarchinė. Tai yra, yra speciali HTML dokumento struktūra. Kas tai yra? Pažvelkime į tai žemiau, kad būtų aiškumo.

HTML dokumento struktūra. Pavyzdys

Struktūra visada ta pati. Jei norite ką nors pakeisti, naršyklė negalės to apdoroti. Dėl to jūs negausite to, ko norėjote.

Aukščiau pateiktame paveikslėlyje parodyta bet kurio html failo struktūra. Pirmasis elementas nurodo failo tipą. Ši žyma nurodoma vieną kartą. Jei naudosite specialius redaktorius, visa struktūra bus sukurta automatiškai. Turėsite pakoreguoti numatytąsias reikšmes.

HTML dokumento struktūra – pagrindinės žymės:

Visos svetainės struktūra susideda iš šių trijų žymų. Atkreipkite dėmesį į paveikslėlį. Visos šios žymos turi baigiamąją žymą su „/“ ženklu. Jei rašote ranka, įpraskite dėti abi žymas iš karto – atidarant ir uždarant.

Pirmiau buvo pasakyta, kad svetainių puslapių plėtinys yra .html. Tai yra, jei sukursite tekstinį dokumentą, bet parašysite teisingą kodą, naršyklė vis tiek rodys jums tik tekstą. Kodo konvertavimo nebus.

galvos dalis

Paveikslėlyje po 3 punktu pavaizduota galvos dalis. Šiame skyriuje pateikiama aptarnavimo informacija. Pavyzdžiui, galite nurodyti kodavimą (4 punktas) ir puslapio pavadinimą (5 punktas).

Visada turi būti pavadinimas. Be jo jokia paieškos sistema negalės nustatyti tinklalapio turinio (teksto) pavadinimo. Ir tai yra blogai reklamuojant svetainę. Be to, naršyklė nerodys puslapio pavadinimo viršuje. Tai yra nepatogumas vartotojui.

html dokumento struktūra yra tokia, kad jis nurodomas tik antraštėje. Jei žyma nurodyta korpuso skiltyje arba po jos, tvarkytojas į tai nekreips dėmesio.

Be to, antraštės skiltyje yra informacija apie scenarijų prijungimą, stiliaus failai, instrukcijos paieškos sistemoms ar kiti duomenys, kurių vartotojas neturėtų matyti, bet yra svarbus naršyklei ar programuotojams.

Stilių sujungimas

HTML dokumento struktūra leidžia įvairiais būdais sujungti stilius. Be to, kiekviename elemente jie gali būti parašyti atskirai. Tačiau šis metodas nerekomenduojamas, nes kodas tampa per didelis ir nepatogus.

Failas prijungiamas taip.

Atributas href nurodo kelią į failą. Jei kelyje yra klaida, stiliai nebus įkeliami. Taip pat būtinas tipo atributas, kuris rodo, kad tai css failas.

Kita galimybė yra apibrėžti stilius tiesiai antraštės skiltyje.

Tačiau ši parinktis taip pat nėra labai rekomenduojama. Šie metodai labai skiriasi tuo, kad css failas gali būti vienas visai svetainei, o visi jo pakeitimai bus akimirksniu pritaikyti visuose puslapiuose. Ir jei naudosite aukščiau esančiame paveikslėlyje parodytą metodą, turėsite pakeisti visus esamus svetainės puslapius.

Jei jūsų kuriama klasė bus naudojama tik viename puslapyje, tada ši parinktis jums tinka.

Scenarijų sujungimas

Scenarijai sujungiami taip.

Čia reikalingi du atributai: type ir src. Pirmajame nurodome, kad tai yra „Javascript“ failas, o antrajame – kur yra failas. Jei padarysite rašybos klaidą, niekas neveiks.

kūno dalis

html dokumento struktūra tokia, kad turinį, kuris bus matomas vartotojui, reikia patalpinti tik korpuso skiltyje. Žymės pavadinimas kalba pats už save.

Čia nurodomas visas pagrindinis puslapio kodas, kuriame gali būti neribotas skaičius elementų. Tačiau kuo ilgesnis kodas, tuo ilgiau užtruks jo apdorojimas.

Pažvelkime į pagrindines žymes, kurias galima naudoti kūno srityje. Pagrindinių nėra daug. Visa kita išmoksite, kai jūsų žinios ir praktika augs.

Pagrindinės žymės

HTML dokumento struktūra reikalauja privalomos rašymo elementų tvarkos. Žymos visada turi būti apsuptos skliaustuose kraštuose. Be to naršyklė nesupras, kad tai yra žyma. Po pradinio skliausto visada nurodomas elemento pavadinimas (žyma). Jei leisite tarpą tarp< и именем, то браузер посчитает это текстом.

Pažvelkime į vaizdo žymos pavyzdį. Atminkite, kad ši žyma nėra baigiamoji žyma, kitaip nei nuorodos, pastraipos ir daugelis kitų.

Atributų tvarka neturi reikšmės. Tačiau jų rašymas (dizainas) yra labai svarbus. Atributo pavadinimas visada yra pirmas, tada lygybės ženklas, tada atributo reikšmė rašoma kabutėse. Reikšmė gali būti skirtinga – skaitmeninė arba tekstinė.

Visose žymose esantis atributas src nurodo failo, kurį reikia įkelti, kelią. Visų elementų atributas alt nurodo trumpą aprašymą. Tokiu atveju į nuotrauką paukštis.jpg įkeliamas aprašymas – paukščio nuotrauka.

Be to, galite nurodyti matmenis, tik plotį arba aukštį, pavadinimą, lygiavimą, stiliaus klasę arba kraštinę.

Pažvelkime į kitas pagrindines žymas, nurodytas pagrindiniame skyriuje.

	Tikslas
	Vaizdai
	Perkelkite tekstą į naują eilutę
…	Miniatiūra
	Perbrauktas tekstas
	Pabrauktas tekstas

Kaip galite visa tai įsivaizduoti savo galvoje?

Pradedantieji kūrėjai ne visada gali iš karto visa tai įsivaizduoti. Pažvelkite į kelis tinklalapio struktūros pavyzdžius ir tada tikrai suprasite.

Terminas HTML (HyperText Markup Language) reiškia „hiperteksto žymėjimo kalbą“. Pirmąją HTML versiją sukūrė Timas Bernersas-Lee, Europos dalelių fizikos laboratorijos bendradarbis.

Nuo pirmosios versijos sukūrimo HTML buvo šiek tiek pakeistas. Kaip ir daugelis dalykų kompiuterių pasaulyje, HTML versijos ar specifikacijos pasirodė sunumeruotos. 2.0, 3.0 ir 3.2 specifikacijos žinomos. Dabartinę HTML specifikaciją visada galima rasti W3C serveryje.

Hiperteksto žymėjimo kalba (HTML) yra standartinė kalba, skirta kurti hiperteksto dokumentus WEB aplinkoje. HTML dokumentus galima peržiūrėti įvairių tipų WEB naršyklėse. Kai dokumentas sukuriamas naudojant HTML, žiniatinklio naršyklė gali interpretuoti HTML, kad paryškintų įvairius dokumento elementus ir pirmiausia juos apdorotų. Naudojant HTML, dokumentus galima suformatuoti taip, kad juos būtų galima pateikti naudojant šriftus, linijas ir kitus grafinius elementus bet kurioje juos peržiūrinčioje sistemoje.

Dauguma dokumentų turi standartinius elementus, tokius kaip antraštė, pastraipos arba sąrašai. Naudodami HTML žymas galite priskirti šiuos elementus, suteikdami žiniatinklio naršyklėms mažiausią informaciją šiems elementams rodyti, kartu išlaikant bendrą dokumentų struktūrą ir informacinį išsamumą. Viskas, ko reikia norint perskaityti HTML dokumentą, yra žiniatinklio naršyklė, kuri interpretuoja HTML žymas ir pateikia dokumentą ekrane tokia forma, kokią jam suteikia autorius.

Daugeliu atvejų dokumento autorius griežtai nustato dokumento išvaizdą. HTML atveju skaitytuvas (remdamasis WEB naršyklės galimybėmis tam tikru mastu gali valdyti dokumento išvaizdą (bet ne jo turinį). HTML leidžia pažymėti, kur turi būti antraštė ar pastraipa). dokumentą naudodami HTML žymą, o tada pateikia WEB – naršyklę šioms žymoms interpretuoti.

Pavyzdžiui, viena žiniatinklio naršyklė gali atpažinti pastraipos žymos pradžią ir pateikti dokumentą norima forma, o kita šios galimybės neturi ir dokumentą pateikia vienoje eilutėje. Kai kurių WEB naršyklių vartotojai taip pat turi galimybę tinkinti šrifto dydį ir tipą, spalvą ir kitus parametrus, turinčius įtakos dokumento rodymui.

HTML dokumentus galima kurti naudojant bet kurį teksto rengyklę arba specializuotus HTML redaktorius ir keitiklius. Redagavimo priemonės, kuri bus naudojama kuriant HTML dokumentus, pasirinkimas priklauso tik nuo kiekvieno autoriaus patogumo ir asmeninių pageidavimų. Pavyzdžiui, HTML redaktoriai, tokie kaip Netscape Navigator Gold iš Netscape leidžia kurti dokumentus grafiškai naudojant WYSIWYG (What You See Is What You Get) technologiją. Kita vertus, dauguma tradicinių dokumentų kūrimo įrankių turi keitiklius, kurie leidžia konvertuoti dokumentus į HTML formatą.

Visos HTML žymos prasideda raide "" (stačiakampis skliaustas). Paprastai yra pradžios ir pabaigos žymos. Pavyzdžiui, čia yra pavadinimo žymos, apibrėžiančios tekstą pradžios ir pabaigos žymėse, apibūdinančiose dokumento pavadinimą: Dokumento pavadinimas

HTML neskiria didžiųjų ir mažųjų raidžių, todėl anksčiau pateiktas pavyzdys gali atrodyti taip:

Dokumento pavadinimas

Pabaigos žyma atrodo taip pat kaip pradžios žyma ir skiriasi nuo jos pasviruoju brūkšniu prieš tekstą kampiniuose skliaustuose. Šiame pavyzdyje žyma nurodo žiniatinklio naršyklei naudoti pavadinimo formatą, o žyma nurodo antraštės tekstui baigti.

Kai kurios žymos, pvz

(žyma, apibrėžianti pastraipą) nereikalauja pabaigos žymos, tačiau jos naudojimas suteikia dokumento šaltinio tekstui geresnį skaitomumą ir struktūrą.

Kai žiniatinklio naršyklė gauna dokumentą, ji nustato, kaip dokumentas turi būti interpretuojamas. Pati pirmoji žyma, kuri atsiranda dokumente, turi būti . Ši žyma nurodo žiniatinklio naršyklei, kad jūsų dokumentas parašytas naudojant HTML. Minimalus HTML dokumentas atrodytų taip:

...dokumento turinys...

Dokumento antraštė

Dokumento galvutės žyma turėtų būti naudojama iškart po žymos ir niekur kitur dokumento tekste. Ši žyma yra bendras dokumento aprašymas. Nedėkite jokio teksto į . Pradžios žyma dedama prieš pat žymą ir kitas dokumentą apibūdinančias žymas, o pabaigos žyma dedama iškart po dokumento aprašymo pabaigos. Pavyzdžiui:

Darbuotojų sąrašas Dokumento pavadinimas

Dauguma žiniatinklio naršyklių žymos turinį rodo lango, kuriame yra dokumentas, pavadinimo juostoje ir žymių faile, jei tai palaiko žiniatinklio naršyklė. Pavadinimas, atskirtas žymomis ir, įdedamas į - žymas, kaip parodyta aukščiau esančiame pavyzdyje. Dokumento pavadinimas nerodomas, kai lange rodomas pats dokumentas.

Komentarai

Kaip ir bet kuri kalba, HTML leidžia į dokumento turinį įterpti komentarus, kurie išsaugomi, kai dokumentas perkeliamas per tinklą, tačiau naršyklė jų nerodo. Komentarų sintaksė:

Komentarai gali būti rodomi bet kurioje dokumento vietoje ir bet kokiu kiekiu.

Dokumento turinio žymos identifikuoja lange rodomo HTML dokumento komponentus. Dokumento turinyje gali būti nuorodų į kitus dokumentus, teksto ir kitos suformatuotos informacijos.

Dokumento korpusas

Dokumento turinys turi būti tarp ir žymų. Tai dokumento dalis, kuri rodoma kaip tekstinė ir grafinė (semantinė) jūsų dokumento informacija.

Pastraipos žyma

Skirtingai nuo daugelio teksto rengyklės, HTML dokumente vežimo grąžinimai paprastai nepaisomi. Fizinis pastraipos lūžis gali būti bet kurioje šaltinio dokumento teksto vietoje (kad būtų lengviau skaityti). Tačiau naršyklė pastraipas atskiria tik tada, kai yra žyma

Jei pastraipų neatskirsite žyma

Jūsų dokumentas bus rodomas kaip viena didelė pastraipa.

Hipertekstinės nuorodos yra pagrindinis komponentas, kuris daro WEB patrauklų vartotojams. Pridėdami hipertekstines nuorodas (toliau – nuorodos), sudarote susietą ir struktūrizuotą dokumentų rinkinį, kuris leidžia vartotojui kuo greičiau ir patogiau gauti jam reikalingą informaciją.

Nuorodos turi standartinį formatą, leidžiantį naršyklei jas interpretuoti ir atlikti reikiamas funkcijas (skambinimo būdus), priklausomai nuo nuorodos tipo. Nuorodos gali nukreipti į kitą dokumentą, tam tikrą vietą tame dokumente arba atlikti kitas funkcijas, pvz., prašyti failo per FTP, kad naršyklė būtų rodoma. URL gali nukreipti į konkrečią vietą absoliučiame kelyje arba į dokumentą dabartiniame kelyje, kuris dažnai naudojamas organizuojant dideles struktūrines žiniatinklio svetaines. Grįžti į ankstesnę nuorodą, jei judėjimas įvyko dokumente. Jei dokumente naudojate nuorodas ir paspausite mygtuką Atgal, prie ankstesnės nuorodos nepateksite, o grįšite į tą dokumento dalį, kurią žiūrėjote anksčiau.

Viena patraukliausių žiniatinklio savybių yra galimybė į HTML dokumentą įtraukti nuorodas į grafiką ir kitų tipų duomenis. Tai atliekama naudojant žymą . Naudojant šią žymą galima žymiai pagerinti dokumentų išvaizdą ir funkcionalumą.

Yra du būdai, kaip naudoti grafiką HTML dokumentuose. Pirmasis yra grafinių vaizdų įterpimas į dokumentą, kuris leidžia vartotojui matyti vaizdus tiesiogiai kitų dokumento elementų kontekste.

Tai dažniausiai naudojama dokumentų projektavimo technika, kartais vadinama „įdėtu vaizdu“.

Kai kurios WWW naršyklės leidžia vartotojui, užpildžius specialią formą, kuri grąžina gautą reikšmę, atlikti tam tikrus veiksmus WWW serveryje. Kai formą interpretuoja WEB naršyklė, sukuriami specialūs GUI ekrano elementai, tokie kaip įvesties laukai, žymės langeliai, radijo mygtukai, išskleidžiamieji meniu, slenkami sąrašai, mygtukai ir kt. Vartotojui užpildžius formą ir paspaudus mygtuką „Pateikti“ (PASIteikti yra specialus mygtuko tipas, kuris nurodomas aprašant dokumentą), vartotojo į formą įvesta informacija siunčiama į HTTP serverį apdoroti ir perduoti. į kitas programas, veikiančias pagal serverį, pagal CGI (Common Gateway Interface) sąsają.

Kai aprašote formą, kiekvienas duomenų įvedimo elementas turi žymą. Kai vartotojas įdeda duomenis į formos elementą, informacija įdedama į to elemento skiltį VALUE. Viena patraukliausių žiniatinklio savybių yra galimybė į HTML dokumentą įtraukti nuorodas į grafiką ir kitų tipų duomenis.

Nors jūsų kompiuterio ekrane tinklalapiai atrodo suformatuoti, HTML nėra skirtas dokumentams formatuoti, nes dėl griežto dizaino ir tikslios teksto elementų padėties puslapyje sukuriami apribojimai, kurie internete nepriimtini.

Taigi, pavyzdžiui, formatuodami tekstą naudodami tekstų rengyklę „Word“, vienareikšmiškai nustatome, kaip šis tekstas turėtų atrodyti spausdinant ant labai specifinio spausdintuvo ir tam tikro dydžio popieriaus. Kai dokumentas yra paskelbtas internete, neįmanoma nuspėti, kuris kompiuteris bus naudojamas jį peržiūrėti, ar tas kompiuteris net turės monitorių.

Dokumento aprašymo naudojant HTML kalbą ypatumas yra susijęs su esminiu nesugebėjimu pasiekti visiško tikslumo atkuriant pirminį dokumentą. Numatoma, kad dokumentas bus plačiai prieinamas internete, todėl nežinoma, kaip bus organizuojamas jo atgaminimas. Dokumentas gali būti pateiktas grafiniame ekrane, išvestas gryno teksto forma arba tiesiog „perskaitytas“ kalbos sintezės programa. Visais šiais atvejais reikia atsižvelgti į HTML žymėjimą. Štai kodėl ! HTML skirtas ne dokumentui formatuoti, o jo funkciniam žymėjimui. Žymėjimas reiškia specialių kodų, kurie lengvai atskiriami nuo semantinio dokumento turinio ir naudojami hipertekstui įgyvendinti, naudojimą. Šių kodų naudojimui taikomos griežtos taisyklės, apibrėžtos HTML kalbos specifikacijoje. Pavyzdžiui, dokumentai paprastai prasideda antraštėmis. Dokumento dalies savybė „būti antrašte“ yra ne dokumento formatavimo ypatybė, o jo turinio savybė. Konkreti dokumento atvaizdavimo priemonė (naršyklė) pasirenka savo būdą pateikti dokumento dalį, apibūdinamą kaip antraštė.

HTML žymės

! HTML kalbos kodai, naudojami šaltinio tekstui pažymėti, vadinami žymomis ir įterpiami tiesiai į dokumento tekstą.

Žyma yra simbolių rinkinys. Visos žymos prasideda simboliu mažesnis nei (). Šių simbolių pora kartais vadinama kampiniais skliaustais. Po atidarymo kampinio skliausto pateikiamas raktinis žodis, apibrėžiantis žymą.

Kiekviena HTML žyma turi ypatingą paskirtį. Raidžių didžiosios ir mažosios raidės žymų pavadinimuose neturi reikšmės – gali būti naudojamos tiek mažosios, tiek didžiosios raidės, nors įprasta naudoti didžiąsias raides, kad būtų atskirtos žymės nuo įprasto dokumento teksto.

Žymes galima suskirstyti į dvi dideles grupes.

Tos pačios grupės žymos, vadinamos konteineriais, veikia tarp jų esančią dokumento dalį. Jie turi du komponentus: atidarymą (pradinį) ir uždarymą (galutinį). Uždarymo žyma turi tokį patį pavadinimą kaip ir pradžios žyma, bet prieš ją yra pasvirasis brūkšnys (/ (pasvirasis brūkšnys)). Tekstas ar kitos žymos gali būti dedamos tarp pradžios ir uždarymo žymų.

Atskiros (vienos) žymos neturi galinio komponento. Jie sukelia vienkartinį veiksmą arba, interpretuojant, objektas įterpiamas į rodomą dokumentą. Pavyzdžiui, žymėti sukelia paveikslėlio įterpimą iš pict.gif failo.

Paprastai viena HTML žyma veikia tik dalį dokumento, pvz., pastraipą. Tokiais atvejais naudojamos suporuotos žymos: atidarymas ir uždarymas. Pradinė žyma sukuria efektą, o uždarymo žyma užbaigia efektą. Uždarymo žymos prasideda pasviruoju brūkšniu (/).

Kai kurios žymos suteikia vienkartinį efektą ten, kur jos rodomos. Šiuo atveju uždarymo žymos nereikia ir ji nenaudojama.

Jei per klaidą žymoje yra raktinis žodis, kurio HTML nėra, žyma visiškai nepaisoma.

Kai dokumentas rodomas naršyklėje, pačios žymos nerodomos, tačiau jos turi įtakos dokumento rodymo būdui.

Žymos yra susietos su konkrečiu dokumento fragmentu ir nurodo, kaip šių fragmentų turinį išoriškai atvaizduoja ir interpretuoja žiniatinklio klientas.

Funkciniu požiūriu HTML žymas galima suskirstyti į šias kategorijas:

Žymos, apibūdinančios dokumento struktūrą ir informaciją apie ją, pavyzdžiui, anotacijos, raktinių žodžių sąrašas ir pan.;

Žymos, naudojamos logiškai struktūrizuoti dokumento tekstą, pavyzdžiui, paryškinti antraštes, skaidyti pastraipas, paryškinti citatas, kurti sąrašus, lenteles ir pan.;

Teksto formatavimo žymės, apibūdinančios šriftų, spalvų ir kt. parametrus;

Žymos hipersaitų tvarkymui;

Žymos, užmezgančios ryšį tarp HTML failo ir išorinių objektų, pavyzdžiui, grafinių, garso failų ir pan.;

Formų kūrimo žymės, leidžiančios vartotojui įvesti informaciją ir pateikti ją žiniatinklio serveriui;

Pagrindinė HTML versija turi keletą trūkumų:

Trūksta įrankių, leidžiančių dinamiškai valdyti dokumento išvaizdą;

Trūksta įrankių, leidžiančių lengvai pakeisti išorinį žiniatinklio dokumentų dizainą nekeičiant paties dokumento, pavyzdžiui, stiliaus lapų;

Trūksta įrankių, leidžiančių kažkaip struktūrizuoti turinį pagal prasmę, pavyzdžiui, klasifikuoti tekste randamas sąvokas.

Šiuo metu yra daugybė HTML plėtinių, taip pat įvairių technologijų, kurios gali įveikti pagrindinės kalbos versijos trūkumus.

Žymų atributai

Žymos poveikį galima keisti pridedant atributų. Suporuotose žymose atributai pridedami tik prie pradinės žymos.

! Atributai yra papildomi raktiniai žodžiai, atskirti nuo žymą apibrėžiančio raktinio žodžio ir kitų atributų tarpais ir dedami prieš žymą baigiantį simbolį ">". Tam, kad kai kurie atributai būtų taikomi, reikia nurodyti atributo reikšmę. Atributo reikšmė nuo atributo raktinio žodžio atskiriama simboliu „=“ (lygybės ženklas) ir pateikiama kabutėse.

Elemento atributai apibrėžia jo savybes.

Žymų su atributais pavyzdžiai:

– nustato šviesiai mėlyną dokumento foną,

tekstas – suporuota žyma, nurodo naršyklei rodyti tekstą, esantį „konteineryje“ su simboliais, padidintais, palyginti su pagrindiniu dydžiu (SIZE="+2") ir raudona spalva (COLOR="RED").

Atributo reikšmė turi būti įterpta į kabutes, tačiau daugeliu atvejų kabutes galima praleisti be jokios žalos.

HTML, kaip žymėjimo kalbos, apibrėžimas grindžiamas tuo, kad iš dokumento pašalinus visas žymas, gaunamas tekstinis dokumentas, kuris savo turiniu yra visiškai lygiavertis originaliam hiperteksto dokumentui. Taigi, kai pateikiamas HTML dokumentas, pačios žymos nėra pateikiamos, tačiau jos turi įtakos likusios dokumento dalies atvaizdavimui.

HTML pagrinduose yra pagrindinės HTML kalbos taisyklės, HTML puslapio struktūros aprašymas ir HTML dokumento struktūros santykiai tarp HTML elementų.

HTML dokumentas yra įprastas tekstinis dokumentas, kurį galima sukurti naudojant įprastą teksto rengyklę (Notepad) arba specializuotą su kodų paryškinimu (Notepad++, Visual Studio Code ir kt.). HTML dokumentas turi .html plėtinį.

HTML dokumentą sudaro HTML elementų ir teksto medis. Kiekvienas elementas pirminiame dokumente identifikuojamas pradžios (pradžios) ir pabaigos (uždarymo) žyma (su retomis išimtimis).

Pradžios žyma rodo, kur elementas prasideda, pabaigos žyma rodo, kur jis baigiasi. Baigiamoji žyma sudaroma pridedant pasvirąjį brūkšnį / prieš žymos pavadinimą: .... Tarp pradžios ir pabaigos žymų yra žymos turinys – turinys.

Vienos žymės negali saugoti turinio tiesiogiai, jis parašytas kaip atributo reikšmė, pavyzdžiui, žyma sukurs mygtuką su tekstu Mygtukas.

Žymos gali būti įdėtos viena į kitą, pavyzdžiui,

Tekstas

. Investuodami turėtumėte vadovautis jų uždarymo tvarka („matryoshka“ principas), pavyzdžiui, toks įrašas bus neteisingas:

Tekstas

.

HTML elementai gali turėti atributus (visuotinius, taikomus visiems HTML elementams ir savo). Atributai rašomi pradinėje elemento žymoje ir turi pavadinimą bei reikšmę, nurodytą formatu atributas name="value" . Atributai leidžia keisti elemento, kuriam jie nustatyti, savybes ir elgesį.

Kiekvienam elementui gali būti priskirtos kelios klasės vertės ir tik viena ID reikšmė. Kelių klasių reikšmės rašomos atskirtos tarpu, . Klasės ir ID reikšmės turi būti sudarytos tik iš raidžių, skaičių, brūkšnelių ir apatinių brūkšnių ir prasidėti tik raidėmis arba skaičiais.

Naršyklė peržiūri (interpretuoja) HTML dokumentą, kurdama jo struktūrą (DOM) ir rodydama pagal instrukcijas, pateiktas šiame faile (stilių lapai, scenarijai). Jei žymėjimas teisingas, naršyklės lange bus rodomas HTML puslapis su HTML elementais – antraštėmis, lentelėmis, vaizdais ir kt.

Aiškinimo procesas (analizavimas) prasideda prieš tai, kai tinklalapis visiškai įkeliamas į naršyklę. Naršyklės apdoroja HTML dokumentus nuosekliai nuo pat pradžių, apdorodamos CSS ir susiejant stiliaus lapus su puslapio elementais.

HTML dokumentas susideda iš dviejų skyrių - antraštės - tarp žymų ... ir turinio dalies - tarp žymų ....

Tinklalapio struktūra 1. HTML dokumento struktūra

HTML laikosi taisyklių, esančių dokumento tipo deklaracijos faile (Dokumento tipo apibrėžimas arba DTD). DTD yra XML dokumentas, apibrėžiantis, kurios žymos, atributai ir jų reikšmės galioja tam tikram HTML tipui. Kiekviena HTML versija turi savo DTD.

DOCTYPE yra atsakingas už tai, kad naršyklė tinkamai parodytų tinklalapį. DOCTYPE nurodo ne tik HTML versiją (pvz., html), bet ir atitinkamą DTD failą internete.

...

Žymos viduje esantys elementai sudaro dokumentų medį, vadinamąjį dokumento objekto modelį, DOM (dokumento objekto modelį). Šiuo atveju elementas yra šakninis elementas.

Ryžiai. 1. Paprasčiausia tinklalapio struktūra

Norint suprasti tinklalapio elementų sąveiką, būtina atsižvelgti į vadinamuosius „šeimos santykius“ tarp elementų. Kelių įdėtųjų elementų ryšiai klasifikuojami kaip tėvas, vaikas ir sesuo.

Protėvis yra elementas, kuriame yra kitų elementų. 1 paveiksle visų elementų protėvis yra . Tuo pačiu metu elementas yra visų jame esančių žymų protėvis: ,

, ir kt.

Palikuonis yra elementas, esantis viename ar keliuose elementų tipuose. Pavyzdžiui, yra , ir elemento palikuonis

Yra abiejų ir palikuonis.

Pirminis elementas yra elementas, kuris yra susijęs su kitais elementais žemesniame lygyje ir yra virš jų medyje. 1 paveiksle ir . Žyma

Ar tėvai tik .

Antrasis elementas yra elementas, kuris yra tiesiogiai pavaldus kitam aukštesnio lygio elementui. 1 paveiksle yra tik elementai , ,

Ir yra vaikai iš.

Seserinis elementas yra elementas, turintis bendrą pirminį elementą su nagrinėjamuoju, vadinamuosius to paties lygio elementus. 1 paveiksle ir yra to paties lygio elementai, taip pat elementai , ir

Jos viena kitai yra seserys.

1.1. 1.2 elementas. Elementas

Skyriuje ... yra techninė informacija apie puslapį: pavadinimas, aprašymas, raktiniai žodžiai paieškos sistemoms, kodavimas ir kt. Ten įvesta informacija nerodoma naršyklės lange, tačiau joje yra informacijos, nurodančios naršyklei, kaip apdoroti puslapį.

1.2.1. Elementas

Reikalinga skyriaus žyma yra . Šios žymos viduje esantis tekstas rodomas žiniatinklio naršyklės pavadinimo juostoje. Pavadinimas turi būti ne ilgesnis nei 60 simbolių, kad visiškai tilptų į pavadinimą. Pavadinimo tekste turi būti išsamiausias tinklalapio turinio aprašymas.

1.2.2. Elementas

Pasirenkama skilties žyma yra viena žyma. Su jo pagalba galite nustatyti puslapio turinio aprašymą ir raktinius žodžius paieškos sistemoms, HTML dokumento autorių ir kitas metaduomenų savybes. Elemente gali būti keli elementai, nes jie turi skirtingą informaciją, priklausomai nuo naudojamų atributų.

Puslapio turinio aprašymas ir raktiniai žodžiai gali būti vienu metu nurodyti keliomis kalbomis, pavyzdžiui, rusų ir anglų kalbomis:

Naudodami žymą galite blokuoti arba leisti paieškos sistemoms indeksuoti tinklalapį:

Norėdami automatiškai iš naujo įkelti puslapį po nurodyto laiko, turite naudoti atnaujinimo reikšmę:

Puslapis bus įkeltas iš naujo po 30 sekundžių. Norėdami nukreipti lankytoją į kitą puslapį, url parametre turite nurodyti URL: