Kaj je spletna stran? Navedite glavne elemente spletne strani

Večina vsebine, predstavljene na internetu, je spletna stran. To je v preteklosti prva vrsta dokumentov, namenjenih postavitvi v navidezni mrežni prostor, vendar je še vedno ohranila svojo relevantnost in praktično ni konkurenčnih formatov. Kakšna je struktura spletnih strani? S kakšnimi sredstvi spletnega razvoja so ustvarjeni?

Kaj je spletna stran?

"Navedite glavne elemente spletne strani" - pravi izpraševalec na lekciji informatike. Kaj mu lahko rečemo v zameno? Najprej govorimo o tem, kaj je spletna stran načeloma.

V skladu s splošno sprejeto definicijo med IT strokovnjaki je dokument, ki je namenjen za odprtje v specializiranem programu - brskalnik, ki vsebuje podatke za prikaz različnih uporabnih vsebin na zaslonu računalnika - različna besedila, povezave, grafika, video, glasba in itd. Spletna stran je besedilni dokument. Ustrezni podatki za brskalnik so črke, številke in posebni znaki, ki se uporabljajo kot elementi označevalnega jezika - HTML. S pomočjo tega, da ustvarjalec spletne strani "pojasni" brskalniku, kako na zaslonu prikazati to ali drugo vsebino.

Kraj in vloga spletnih strani v strukturi mesta

Ali lahko rečete, da je spletna stran glavna sestavina spletnega mesta? To je delno res. Vendar, kot smo omenili zgoraj, je spletna stran samo besedilni dokument. Na spletnem mestu praviloma obstajajo tudi slike, video in drugi multimedijski elementi. Spletna stran jih ne more vsebovati sami po sebi, vendar lahko v svoji strukturi vsebuje povezave z njimi. Tako se lahko spletna stran imenuje kot glavna komponenta mesta v prevladujoči vlogi pri prikazovanju navidezne vsebine pred uporabniki.

V redkih primerih bo zadevni dokument edini del spletnega mesta - če iz neznanega razloga ne ponuja grafičnih, video in drugih multimedijskih elementov. Zlasti na prvih spletnih mestih - ko so se pojavili samo označevalni jeziki spletnih strani - niso vsebovali ustrezne vsebine. Pred očmi uporabnika je bilo le besedilo in povezave.

Načelo hipertekstne aktivacije

Torej, spletna stran je dokument v HTML, s katerim se izvaja hipertekstna oznaka. Toda kakšen je ta pojav? Kaj je hipertekst? Ne da bi šli globoko v teorijo, ugotavljamo, da je to besedilo, ki vam tako ali drugemu omogoča hiter dostop do drugega - preko povezav. V običajni knjigi je to nemogoče - obstaja "navadno besedilo". Če želite dostopati do želene strani, mora bralec pred branjem vsebine ali opomb narediti več osebnih podatkov. V načinu "hipertekst" glavni del dela opravi računalnik - zaradi informacij, ki se odražajo v HTML elementih strani.

Če nam učitelj informatike pove: »Navedite glavne elemente spletne strani«, lahko na popolnoma pravilen način začnemo pripoved komponent ustreznega dokumenta, ki so ustvarjeni z jezikom označevanja HTML. Torej, najprej poglejmo nekaj teoretičnih točk o HTML-ju.

Struktura jezika HTML: oznake

Kako brskalnik prebere potrebne podatke o spletni strani iz dokumenta, napisanega v HTML-ju? Zelo je preprosto.

Glavni elementi tega jezika so oznake. V večini primerov so seznanjeni - obstaja odprtina in zaprta je. Prvi so označeni samo s pomočjo kotnih oklepajev. Druga je enaka, vendar pred drugim nosilcem je poševnica znak /. Brskalnik ve, kako jih prepozna in zato prikazuje vsebino spletnih strani v skladu z algoritmi, ki jih je ustvaril razvijalec dokumenta.

Odprta oznaka je običajno napisana z velikimi črkami, zapira jo z majhnimi črkami. To je standard, ki se je rešil med IT strokovnjaki. Brskalnik seveda prepozna ukaz HTML z vsemi črkami, vendar je priporočljivo, da se spletni razvijalci držijo omenjene sheme pisnih oznak. To bo olajšalo na primer revizijo spletne strani drugih strokovnjakov.

Atributi

Drugi pomembni elementi HTML-jezika so atributi. Z njihovo pomočjo lahko ustvarjalec spletne strani nastavi lastnosti vsebine, na primer višino pisave, barvo in položaj glede na stran. Enako velja za slike, video in druge multimedijske komponente. Atributi so napisani v odpiralni oznaki.

Vsebina

Med oznako za odpiranje in zapiranje je naslednja ključna komponenta spletne strani - vsebina. To je v resnici enaka vsebina, ki jo je treba prikazati pred uporabnikom na zaslonu. To je lahko besedilo, povezava, slika, video ali drugi večpredstavnostni element.

Elementi spletnih strani

"Na koncu navedite glavne elemente spletne strani, končno!" - ponavlja učitelja. »Z veseljem,« mu odgovarjamo. Kaj je vključeno v strukturo vrste zadevnih dokumentov? Strinjamo se, da bomo ta vidik upoštevali v okviru HTML elementov spletne strani. To pomeni, da je njihov prikaz v brskalniku - kar uporabnik vidi na zaslonu - v manjšem obsegu bomo zainteresirani. Dejstvo je, da so lahko različni HTML-algoritmi, na podlagi katerih program prikazuje vsebino na enak način. In to je posebnost jezika HTML: na želeni sliki lahko na različne načine prikažete različne načine. Hkrati so lahko enakovredni glede na prizadevanja ustvarjalca spletne strani na način in prevzemajo različne količine napora in časa za njihovo izvajanje.

Elementi spletnih strani: glava

Standardni elementi spletne strani, čeprav so morda presenetljivi, so predstavljeni v zelo majhnem številu. Pravzaprav sta le dva - naslov in glavni del dokumenta. Hkrati ima lahko vsaka od njih precej zapleteno strukturo.

Kakšna je posebnost naslova? Nahaja se na samem vrhu spletne strani. V kodi HTML, ki ustvarja glavo, običajno naj bi "šifrirali" samo besedilo, po potrebi pa lahko vstavite tudi male grafične vstavke v ustrezni element. In to je v resnici vse, kar lahko rečemo o naslovu. Zdi se, da njegova vloga v strukturi ustreznega dokumenta ni pomembna. Ampak to ni tako. Naslovi spletnih strani so zelo pomembni glede indeksiranja spletnih mest v iskalnikih - Yandex, Google. Ta element mora biti v celoti povezan z vsebino spletne strani in tematsko specifičnostjo spletne strani.

Kako je glava spletne strani ujete s pomočjo HTML-ja? Zelo je preprosto. Najprej je napisana odpiralna oznaka, ki vedno izgleda kot glava s kotnimi oklepaji, nato pa vsebino glave, po - zapiralni oznaki. Seveda so napisani na samem vrhu spletnega dokumenta.

Naslov spletnega dokumenta lahko vsebuje več dodatnih elementov. Včasih lahko oblika spletne strani zahteva prikaz besedila v določenem kodiranju. Kako zagotoviti, da spletni dokument ustreza temu merilu? Zelo je preprosto. V strukturi glave dokumenta je treba postaviti algoritme HTML, ki zahtevajo, da brskalnik uporablja posebno kodiranje jezika - na primer, cirilica. Ustrezni ukazi so postavljeni v oznako META, ki se lahko, tako kot druge, odpirajo in zapirajo.

Glavni del spletne strani

Glavni del spletnega dokumenta se odpre z oznako BODY, zapre pa ga z ustreznim elementom, vključno s poševnico. V tem primeru je lahko med oznakami za odpiranje in zapiranje veliko napisanega dodatnega ukaza za jezik označevanja hiperteksta. To je posledica dejstva, da glavni del spletne strani vsebuje uporabne vsebine - besedila, povezave, grafike, video in različne obrazce za polnjenje.

Vsaka od ustreznih vrst vsebine ima svoje oznake. V strukturi glavnega dela spletnega dokumenta so lahko navzoči HTML-ukazi, s katerimi je besedilo tudi formatirano - na primer, daje pisavi določeno barvo, velikost in druge lastnosti.

Razmislite, kaj so specifike nekaterih pogosto uporabljenih oznak HTML. Pravzaprav so tudi osnovni elementi spletne strani.

Osnovne HTML oznake

Torej, za namen podrobne študije, kaj so elementi spletne strani, bomo podrobneje preučili bistvo osnovnih HTML oznak. Nekateri izmed njih smo že omenili - zlasti s pomočjo katerih brskalnik bere glave spletnih strani in določa, kje je glavni del dokumenta.

Oznaka P je precej pogosta. Kot drugi podobni elementi jezika za označevanje hiperteksta se lahko odpira in zapira. Ta oznaka vam omogoča oblikovanje enega odstavka dokumenta. Na primer, lahko nastavite določeno vrsto pisave ali barvo za to. Vendar se to naredi z uporabo dodatne oznake - FONT. Istočasno bo v notranjosti tiste, ki označuje meje odstavka - to ne bo omogočalo distribucije ukaza HTML, ki odraža vrsto prednostne pisave, na druge elemente spletne strani.

Z uporabo oznake TABLE se ustvarjajo tabele. S pomočjo ustreznih atributov lahko določite število stolpcev in vrstic, ki jih potrebujete, določite njihovo širino, specifičnost robov, velikost pisave in barvo v tabeli.

Oznaka IMG odgovoren za obdelavo slik brskalnika. Prav tako vam omogoča, da določite različne atribute, ki nadzirajo velikost slike, njen položaj na strani.

Povezave z drugimi spletnimi dokumenti ali datotekami so podane z oznako A. Praviloma obstajajo atributi, ki kažejo na dejstvo, da v strukturi spletne strani obstaja hiperpovezava. Določa dokument, datoteko ali spletno mesto, na katerem vodi.

Oznaka, kot je FRAMESET, je pogosta. Z njim lahko razdelite prostor spletne strani na več področij - okvirov. V vsakem od njih lahko poštne povezave na ločenih spletnih dokumentih. To pomeni, da okvirji omogočajo pravilno postavitev dveh ali več strani na en zaslon hkrati.

Zgodba o ključnih elementih spletnih strani in poznejše zgodbe sredstev za oblikovanje s pomočjo jezika HTML - približno bo algoritem bo naš odgovor na vprašanje, smo prosili za izpraševalca. Če je govoril z nami, rekoč, "našteje glavne elemente spletne-strani", nato pa smo se z ustrezno metodologijo, imamo vse možnosti, da se razvije temo. To pomeni, da se izraz "elementi" lahko razumemo ključne komponente spletne dokumenta objektov ali vrste vsebine - besedila, slike, tabele, okvirji, povezuje, da skrbnik ustvari z orodjem, kot je jezik HTML.

Posebnost spletnih razvojnih orodij

Poleg tega, kar je bilo rečeno, lahko pojasnimo, da so oznake in atributi, ki jih zagotavljajo standardi HTML, ogromna količina. Poleg HTML-ja lahko spletni razvijalci uporabljajo tudi dodatna orodja za oblikovanje hipertekstnih dokumentov. Na primer, z uporabo skriptni jezik jаvascript lahko ustvarite dinamične spletne strani - to je tisti, v katerih je delež se stalno posodablja (tako zaradi dejanja uporabnika, in v skladu z vnaprej predpisano algoritmov v skripte).

Koristno je dodati, da lahko spletni razvijalec pri svojem delu uporablja svoje polnopravne programske jezike, kot so Perl, PHP, Java, Python, s katerimi se možnosti za delo s hipertekstnimi dokumenti še povečajo. Potreba po tem je lahko posledica dejstva, da so področja uporabe spletnih tehnologij danes zelo različna. Naloge, s katerimi se soočajo sodobni razvijalci, so lahko precej zapletene. Včasih je včasih treba prevesti spletne strani, napisane v ruščini, v angleščino. V tem primeru bo orodje za razvijalce najbolj raznoliko.