Kas yra tinklalapis? Nurodykite pagrindinius interneto puslapio elementus

Didžioji dalis turinio, pateiktoInternetas yra tinklalapis. Tai istoriškai yra pirmasis dokumentų tipas, kuris turi būti dedamas į virtualią tinklo erdvę, bet kuris vis dar išlieka aktualus ir praktiškai neturi jokių konkuruojančių formatų. Kokia yra tinklalapių struktūra? Kokiomis žiniatinklio kūrimo priemonėmis jie sukurti?

Kas yra tinklalapis?

"Nurodykite pagrindinius interneto puslapio elementus" -sako ekspertas kompiuterių mokslo klasėje. Ką mes galime pasakyti jam už tai? Pirmiausia mes kalbame apie tai, kas iš esmės yra tinklalapis.

Remiantis visuotinai pripažintais IT specialistaisapibrėžimas yra dokumentas, kuris suprojektuotas atidaryti specializuotoje programoje - naršyklėje, kurioje yra duomenys, parodantys įvairius naudingus turinius - tekstus, nuorodas, grafiką, vaizdo įrašus, muziką ir tt kompiuterio ekrane. Ar tekstinis dokumentas. Atitinkami naršyklės duomenys yra raidės, skaičiai ir specialieji simboliai, naudojami kaip žymėjimo kalbos elementai - HTML. Tai padedant, interneto puslapio kūrėjas "paaiškina" naršyklę, kaip ekrane rodyti tą ar kitą turinį.

Tinklalapių vieta ir vaidmuo svetainės struktūroje

Ar galima pasakyti, kad tinklalapis yra pagrindinissvetainės komponentas? Tai iš dalies tiesa. Tačiau, kaip minėjome aukščiau, tinklalapis yra tik tekstinis dokumentas. Svetainėje, kaip taisyklė, taip pat yra nuotraukų, vaizdo įrašų ir kitų daugialypės terpės elementų. Tinklalapyje jie negali būti patys, tačiau jų struktūroje gali būti nuorodų į juos. Taigi, tinklalapis gali būti vadinamas pagrindiniu svetainės komponentu dominuojančiame vaidmenyje rodant virtualų turinį priešais vartotojus.

Retais atvejais, žinoma,dokumentas bus vienintelis svetainės komponentas - jei dėl kokių nors priežasčių ji nepateikia grafikos, vaizdo ir kitų daugialypės terpės elementų. Visų pirma, pirmosios svetainės - kai pasirodė tik tinklalapių žymėjimo kalbos - nepateko atitinkamo turinio. Prieš vartotojo akimis buvo tik tekstas ir nuorodos.

Hiperteksto aktyvinimo principas

Taigi, tinklalapis yra dokumentas,kompiliuojama HTML, su kuria įgyvendinamas hiperteksto žymėjimas. Bet kas yra šis reiškinys? Kas yra hipertekstas? Neįsiliejus į teoriją, mes pastebime, kad tai yra tekstas, kuris vienaip ar kitaip leidžia greitai pasiekti kitą - per nuorodas. Paprastoje knygoje tai neįmanoma - yra "paprasto teksto". Norint pasiekti pageidaujamą puslapį, prieš skaitydami turinį ar išnašas, skaitytojas turi atlikti keletą ieškos. "Hiperteksto" režimu pagrindinė darbo dalis atliekama kompiuteryje - dėl informacijos, atspindinčios puslapio HTML elementuose.

Jei informatikos mokytoja mums sako: "Nurodykite pagrindinius interneto puslapio elementus", tuomet galime pradėti visiškai aprašytą atitinkamo dokumento sudedamųjų dalių aprašymą, sukurtą naudojant HTML žymėjimo kalbą. Taigi pirmiausia pažvelkime į kai kuriuos teorinius HTML taškus.

HTML kalbos struktūra: žymos

Kaip naršyklė HTML dokumente parašytą dokumentą skaito reikiamus duomenis apie tinklalapį? Tai labai paprasta.

Pagrindiniai šios kalbos elementai yra žymos. Daugeliu atvejų jie suporuojami - yra anga, ir yra uždaroma. Pirmieji nurodyti tik su kampo skliausteliuose. Antrasis - tas pats, bet velniop dedamas priešais antrojo laikiklio - simbolis /. Naršyklė žino, kaip jas atpažinti, ir todėl rodo tinklalapių turinį pagal algoritmus, kuriuos sukūrė dokumento kūrėjas.

Atidarymo žyma paprastai parašyta didžiosiomis raidėmis,uždarymas - mažas. Tai yra standartas, kuris įsitvirtino tarp IT specialistų. Žinoma, naršyklė atpažįsta HTML komandą su bet kokiais raidėmis, tačiau internetinių kūrėjų rekomenduojama laikytis žymios žymių rašymo schemos. Tai padės, pavyzdžiui, peržiūrėti kitus tinklalapius kitų specialistų.

Atributai

Kiti svarbūs HTML kalbos elementai yra atributai. Su jų pagalba svetainės kūrėjas gali nustatyti turinio savybes, pavyzdžiui, šrifto aukštį, spalvą, padėtį, palyginti su puslapiu. Tas pats pasakytina apie nuotraukas, vaizdo įrašus ir kitus multimedijos komponentus. Atributai parašyti pradinėje žymėje.

Turinys

Tarp atidarymo ir uždarymo žymakita svarbi svetainės sudedamoji dalis yra turinys. Iš tiesų tai yra tas pats turinys, kuris turėtų būti rodomas ekrane prieš vartotoją. Tai gali būti tekstas, nuoroda, paveikslėlis, vaizdo įrašas ar kitas multimedijos elementas.

Elementai tinklalapių

"Taigi nurodykite pagrindinius interneto puslapio elementus,pagaliau! "- pakartoja mokytoją. "Su džiaugsmu," mes atsakome jam. Kokia dalis šio dokumentų rūšies struktūros? Mes sutinkame, kad mes apsvarstyti šį aspektą į vos HTML tinklalapį elementų kontekste. Tai yra, jie rodomi naršyklėje - ką vartotojas mato ekrane - mes esame suinteresuoti mažesniu laipsniu. Tai, kad atitinkami HTML algoritmai, dėl kurių programa rodo tą patį turinį, gali būti skirtingi. Ir tai HTML funkcija: galite rodyti norimą vaizdą Interneto puslapis skirtingais būdais. Tuo pačiu metu, jie gali būti vienodai tinkami puslapio kūrėjo pastangomis ir prisiimti įvairius pastangų ir laiko juos įgyvendinti.

Tinklalapių elementai: antraštė

Standartiniai tinklalapio elementai, tokie kaipstebėtinai skambėjo, pateiktas labai nedideliu kiekiu. Iš tikrųjų iš jų yra tik du - pavadinimas ir pagrindinė dokumento dalis. Tuo pačiu metu kiekvienas iš jų gali turėti gana sudėtingą struktūrą.

Koks yra pavadinimo specifiškumas? Jis yra pačioje interneto puslapio viršuje. HTML-kodą, kurį generuoja galva, kaip taisyklė, tikimasi, kad "šifravimo" tik tekstas, bet taip pat galite įdėti mažą grafinę įterpti, jei reikia, atitinkamu elementu. Ir tai iš tikrųjų yra visa tai, ką galima pasakyti apie pavadinimą. Atrodytų, kad jo vaidmuo atitinkamo dokumento struktūroje yra nereikšmingas. Bet tai ne taip. Svetainių antraštės yra labai reikšmingos indeksavimo svetainėse paieškos sistemose - "Yandex", "Google". Šis elementas turėtų visiškai atitikti svetainės turinį, taip pat teminę svetainės specifiškumą.

Kaip nustatomas tinklalapio pavadinimasnaudojant HTML? Tai labai paprasta. Pirmasis rašytinis atidarymo tegus, kad visada atrodo kaip galvą laužtiniuose skliaustuose, o tada - į antraštę turinį po - uždarymo žyma. Žinoma, jie yra parašyti pačioje žiniatinklio dokumento viršuje.

Interneto dokumento pavadinimas gali apimti keletąpapildomi elementai. Kartais tinklalapio formatas gali reikalauti, kad tekstas būtų rodomas konkrečioje koduotėje. Kaip užtikrinti, kad žiniatinklio dokumentas atitiktų šį kriterijų? Tai labai paprasta. Dokumento antraštės struktūroje turi būti dedami HTML algoritmai, kuriems naršyklėje reikalaujama naudoti konkrečią kalbų kodavimą - pavyzdžiui, kirilicą. Atitinkamos komandos priskiriamos META žymelę, kuri, kaip ir kiti, gali būti atidaryta ir uždaryta.

Pagrindinė svetainės dalis

Pagrindinė dalis žiniatinklio dokumento atsidaro žymelęBODY yra uždarytas tuo pačiu elementu, įskaitant brūkšnį. Šiuo atveju tarp atidarymo ir uždarymo žymų gali būti daugybė papildomų komandų hiperteksto žymėjimo kalba. Taip yra dėl to, kad pagrindinėje interneto puslapio dalyje yra naudingo turinio - tekstai, nuorodos, grafika, vaizdo įrašas, įvairios pildymo formos.

Kiekvienas atitinkamas turinio tipas turisavo žymes. Pagrindinės žiniatinklio dokumento dalies struktūroje gali būti HTML komandų, su kuriomis tekstas taip pat yra suformatuotas, pvz., Suteikiant šriftą tam tikrą spalvą, dydį ir kitas savybes.

Apsvarstykite, kokia dažniausiai naudojamų HTML žymų ypatybė. Tiesą sakant, jie taip pat sudaro pagrindinius interneto puslapio elementus.

Pagrindiniai HTML žymes

Taigi, norint išsamiai ištirti, kasyra svetainės elementai, mes sužinome daugiau apie pagrindinių HTML žymių esmę. Kai kurie iš jų jau minėjome pirmiau, visų pirma, kurio pagalba naršyklė nuskaito tinklalapių antraštes ir nustato, kur yra pagrindinė dokumento dalis.

P žymė yra gana dažna. Tai, kaip ir kiti panašūs hiperteksto žymėjimo kalbos elementai, gali būti atidarymas ir uždarymas. Ši žyma leidžia jums formatuoti vieną dokumento dalį. Pavyzdžiui, galite nustatyti tam tikrą šriftą arba spalvą. Tačiau tai daroma naudojant papildomą žymę FONT. Tuo pačiu metu jis bus įsikūręs viduje, kuriame nurodomos pastraipos ribos - tai leis neplatinti HTML komandų, atspindinčių pageidaujamo šrifto tipą, kitiems tinklalapio elementams.

Naudojant lentelę "TABLE" sukurtos lentelės. Naudodami atitinkamus atributus, galite nustatyti reikalingų stulpelių ir eilučių skaičių, nurodyti lentelės plotį, sienų ypatybes, šrifto dydį ir spalvą.

IMG žyma yra atsakinga už naršyklės apdorojimą vaizdus. Tai taip pat leidžia jums įdėti įvairias atributus, kurie kontroliuoja nuotraukos dydį, jo poziciją puslapyje.

Nuorodos į kitus žiniatinklio dokumentus ar failusyra nurodyti naudojant "A" žymą. Paprastai ten yra atributai, kurie rodo, kad tinklalapio struktūroje yra hipersaitas. Tai nurodo dokumentą, failą ar svetainę, kurioje jis veda.

Žyma, pvz., FRAMESET, yra įprasta. Su juo galite padalinti svetainės erdvę į keletą sričių - rėmelių. Kiekvienoje iš jų galite įdėti nuorodas į atskirus žiniatinklio dokumentus. Tai reiškia, kad rėmeliai leidžia vienu metu vienu metu tinkamai pateikti du ar daugiau puslapių viename ekrane.

Istorija apie pagrindinius interneto puslapius irvėlesnis pasakojimas apie formatavimą naudojant kalbos HTML priemonėmis - maždaug algoritmas bus mūsų atsakymas į klausimą mes paprašėme egzaminuotojas. Jei jis kalbėjo mums, sakydamas: "sąrašą pagrindinius elementus Interneto puslapis", tada mes naudojame atitinkamą metodiką, mes turime visas galimybes plėtoti temą. Tai reiškia, kad terminas "elementai", mes galime suprasti pagrindinius komponentus interneto dokumentų struktūrų arba turinio tipų - tekstą, paveikslėlius, lenteles, rėmelius, nuorodos, kad svetainės sukuria naudojant įrankį, pvz kaip HTML kalba.

Svetainių kūrimo priemonių ypatumai

Be to, kas jau buvo pasakyta, mes tai galime paaiškintiŽymos ir atributai, pateikti HTML standartais - didžiulis kiekis. Be HTML, žiniatinklio kūrėjai gali naudoti papildomus hiperteksto dokumentų formatavimo įrankius. Pavyzdžiui, naudojant "JavaScript" skriptų kalba, galite sukurti dinamišką Interneto puslapis - tai yra tie, kurių turinys yra nuolat atnaujinamas (tiek dėl naudotojo veiksmus ir pagal iš anksto nustatytas algoritmus scenarijus).

Būtų naudinga pridėti, kad žiniatinklio kūrėjas galiužsiimti savo darbu pilna programavimo kalbų, tokių kaip, pavyzdžiui, Perl, PHP, Java, Python, su kuria dirbti su hiperteksto dokumentų gali būti pagerinta net platesnis. Tai gali būti dėl to, kad šiandienos interneto technologijų taikymo sritis yra labai skirtingos. Užduotys, su kuriomis susiduria šiuolaikiniai kūrėjai, gali būti gana sudėtingos. Pavyzdžiui, kartais reikia išversti rusų kalbos tinklalapius į anglų kalbą. Šiuo atveju kūrėjų įrankių rinkinys bus pats įvairesnis.