Čo je to webové stránky? Zoznam hlavné prvky webovej-stránky

Prevažná časť obsahu prezentované na internete - webové stránky. Ide o historicky vôbec prvý typ dokumentov určených pre umiestnenie do virtuálnej siete priestoru, ale stále relevantné a prakticky nemá žiadne konkurenčné formáty. Aká je štruktúra webových stránok? S pomocou niektorých nástrojov Zásuvné moduly sú vytvárané?

Čo je to webové stránky?

"Zoznam hlavné prvky webovej-stránky" - hovorí nám skúšajúceho v učebni výpočtovej techniky. Čo môžeme povedať v odpovedi? Po prvé, rozprávanie o tom, čo webové stránky v princípe.

Podľa všeobecne prijímanej medzi definíciou IT špecialisti, dokumentu, ktorý je navrhnutý tak, aby otvoriť vo špeciálnym programom - prehliadača a obsahuje dáta na zobrazenie na obrazovke počítača pomocou vhodného typu pre rôzne užitočný obsah - text, odkazy, grafika, video, hudba, a .. atď. Internetové stránky - textový dokument. Podklady pre prehliadače sú písmená, číslice a špeciálne znaky, ktoré sú použité ako prvky značkovací jazyk - HTML. Je to s pomocou svojho stvoriteľa "vysvetľuje ďalej len" webové stránky v prehliadači, ako zobraziť na obrazovke alebo iný obsah.

Miesto a úloha webových stránok v štruktúre webu

Môžeme povedať, že webové stránky - to je hlavnou zložkou webové stránky? To je čiastočne pravda. Avšak, ako bolo uvedené vyššie, webové stránky - je to len textový dokument. Stránky, ako pravidlo, sú tiež umiestnené fotografie, videá a ďalšie multimediálne prvky. Webové stránky, miesto plechovky, ale v jej štruktúre, to môže obsahovať odkazy na ne. Tak, webové stránky možno označiť za hlavnú súčasť webových stránok v aspekte dominantnú úlohu v mapovaní virtuálneho obsahu k používateľom.

V zriedkavých prípadoch, samozrejme, že predmetný dokument je jedinou zložkou lokality - ak je to z nejakého dôvodu neposkytuje zobrazenie grafiky, videá a ďalšie multimediálne prvky. Najmä úplne prvé stránky - keď bude Webové stránky značkovací jazyk sa objaví iba - nezahŕňal relevantný obsah. Len text a odkazy bolo pred očami používateľa.

Princíp zapojenia hypertextu

Tak, webové stránky s názvom dokument zostavený na jazyku HTML, cez ktorý hypertextového značkovacieho jazyka. Čo je však tento jav? Čo je to hypertext? Bez toho aby sme sa púšťali ďaleko do teórie, berieme na vedomie, že tento text, ktorý nejakým spôsobom umožňuje rýchly prístup k druhej strane - vo forme odkazu. V typickom knihe to nie je možné - je "obyčajný text". Pre prístup k požadovanej stránky, čitateľ sa musí urobiť nejaké obracející, pred čítaním obsahu alebo poznámky pod čiarou. V časti "hypertextový" režime, väčšina práce sa vykonáva na počítači - na úkor informácií odráža v stránky HTML prvkov.

Ak nám počítačová veda učiteľ povie: "Zoznam hlavné prvky webovej-stránky", môžeme celkom správne možno spustiť príbeh o zložiek príslušného dokladu, ktoré sú vytvorené pomocou značkovacieho jazyka HTML. Preto sa najprv zvážiť niektoré teoretické body týkajúce HTML.

Štruktúra HTML: Značky

Ako funguje prehliadač načíta potrebné údaje na webovej stránke dokumentu, vypracované v jazyku HTML? Veľmi jednoduché.

Základné prvky jazyka - to tagy. Sú to vo väčšine prípadov muži - majú otváranie a zatváranie tam. Prvé sú označené iba lomené zátvorky. Druhá - rovnaká, ale lomítko je umiestnený v prednej časti druhého držiaka - symbol /. Prehliadač je schopný rozpoznať, a preto nie je problém prezerať webové stránky v súlade s algoritmami vytvorené developera dokumentu.

Otváracie tag je zvyčajne napísané veľkými písmenami krytina - malé. To je - štandardná dobre zavedené v prostredí IT špecialistov. Browser iste uznávajú HTML na ikonu nejaké listy, ale weboví vývojári mali stále sledovať vyznačených obvodových písania tagy. To umožní, napríklad revíziu webových stránok zo strany iných špecialistov.

atribúty

Medzi ďalšie kľúčové prvky HTML jazyka - atribúty. S ich pomocou, tvorca obsahu webovej stránky je možné nastaviť vlastnosti - ako je výška písma, jeho farba, poloha vzhľadom ku stránke. To isté platí aj pre obrázky, video a ďalších multimediálnych prvkov. Atribúty sú písané v otváracím tagu.

obsah

Medzi otváracie a zatváracie tag má nasledujúce kľúčové prvky webovej stránky - obsah. To je v skutočnosti rovnaký obsah, ktorý sa zobrazí používateľovi na obrazovke. To môže byť text, odkazy, obrázky, videá alebo ďalšie multimediálne prvky.

Prvky webovej stránky

"Takže, vymenovať základné prvky webových stránok, konečne!" - opakuje učiteľa. "S radosťou," - sme sa na ňu odpovedať. Aká časť štruktúry tohto typu dokumentov? Zhodli sme sa, že budeme uvažovať o tento aspekt v rámci púhych prvky stránky HTML webovým. To znamená, že sa zobrazí v prehliadači - to, čo používateľ vidí na obrazovke - máme záujem o menšej miere. Skutočnosť, že príslušné HTML algoritmy, na ktorom sa program zobrazuje rovnaký obsah môže byť odlišný. A táto funkcia HTML: Môžete zobraziť želaný obrázok na webovej stránke rôznymi spôsobmi. Tak oni môžu byť ako rovnocenný, pokiaľ ide o webové stránky tvorca znamená prácu, a predpokladajú rôzne množstvo času a úsilia, aby ich vykonanie.

Prvky webovej stránky: názov

Štandardné prvky webových stránok, ako keby to môže znieť prekvapujúce, vzhľadom k tomu vo veľmi malých množstvách. V skutočnosti, tam sú len dva - názov a hlavná časť dokumentu. Avšak, každý z nich môže mať pomerne zložitú štruktúru.

Aký je špecifickosť titulu? Nachádza sa na samom vrchole časti webovej stránky. V HTML kódu, ktorý generuje hlavičku, spravidla očakáva, že "šifrovanie" len text, ale môžete tiež umiestniť malý grafický vložku, ak je to potrebné, v zodpovedajúcom prvku. A to je v skutočnosti všetko, čo možno povedať o titule. Mohlo by sa zdať, že jeho úloha v štruktúre príslušného dokumentu je zanedbateľný. Ale to nie je tento prípad. tituly webové stránky sú veľmi významné z hľadiska miesta indexovanie vo vyhľadávačoch - Yandex, Google. Tento prvok musí byť plne relevantné k obsahu webovej stránky, rovnako ako špecializované stránky špecifiká.

Ako názov webovej stránky je zaznamenaný pomocou jazyka HTML? Veľmi jednoduché. Prvá písomná otváracia tag, ktorý vždy zobrazí ako hlava s uholníkov, a potom - obsah hlavičky, po - uzatváracie tag. Sú písané, samozrejme, na samom vrchole webového dokumentu.

Hlavička internetového dokumentu môžu obsahovať množstvo ďalších prvkov. Niekedy formát webové stránky môžu vyžadovať zobrazovanie textu v určitom kódovania. Ako zabezpečiť, aby webový dokument, ktorý kritériom? Veľmi jednoduché. V štruktúre hlavičky dokumentu by mal byť umiestnený HTML algoritmy predpisovať prehliadač používať zvláštne kódovací jazyk - napríklad cyrilika. Príslušné príkazy sú umiestnené v meta tag, ktorý, rovnako ako ostatné, je otváranie a zatváranie.

Hlavná časť webovej stránky

Hlavná časť webovej dokumentu sa otvorí telo značky, uzatvára s pomocou príslušného prvku, ktorý obsahuje lomítko. Zároveň sa medzi otváracou a uzatváracou tagy môžu byť obrovské množstvo ďalších jazykových príkazov Hypertext Markup. To je spôsobené tým, že hlavná časť umiestnenú užitočný obsah webových stránok - text, odkazy, grafika, video, rôzne formy vypĺňať.

Každá z jednotlivých typov obsahu má svoju vlastnú značku. V štruktúre hlavnej časti webovej dokumente môžu byť prítomné HTML príkaz, s ktorým formátovanie textu sa tiež vykonáva - napríklad dávať konkrétnu farbu písma, veľkosť a ďalšie vlastnosti.

Zvážiť potom, čo je špecifickosť niektorých bežne používané HTML tagy. V skutočnosti, oni tiež tvoria základné prvky webovej stránky.

Základné HTML tagy

Takže účel podrobnú štúdiu o tom, čo sú prvky webových stránok, detailne študoval podstatu základných HTML tagy. Niektoré z nich sme už vyššie citovanej - najmä tie, s ktorými prehliadač prečíta záhlavie stránky webu a určuje, ktorý je hlavná časť dokumentu.

Celkom obyčajný tag P. On, rovnako ako iné podobné prvky, jazyk HTML, je možné otvárať a zatvárať. Táto značka umožňuje formátovať odsek dokumentu schváleného samostatne. Môžete napríklad nastaviť špecifický typ písma a farbu pre neho. Avšak, toto je vykonané pomocou voliteľného značku - písmo. V tomto prípade bude možné umiestniť do odseku, ktorý sa týka obmedzenia - to nebude distribuovať HTML príkaz zobrazí typ preferovaného písma pre ďalšie prvky webovej stránky.

S TABLE značky vytvorené tabuľky. Prostredníctvom svojich zodpovedajúcich atribútov môže stanoviť potrebný počet riadkov a stĺpcov, ktoré definujú ich šírka špecifickosť hraníc, veľkosť a farbu textu v tabuľke s písmom.

IMG tag je zodpovedný za manipuláciu s obrázkami prehliadača. Je tiež možné umiestniť rôzne atribúty upravujúce veľkosť obrazu, jeho pozícia na stránke.

Odkazy na iné webové dokumenty alebo súbory sú špecifikované pomocou tagu A. Spravidla sú umiestnené vo vnútri atribútov, ktoré predstavujú skutočnosť, že štruktúra webových stránok - hypertextový odkaz. Takisto berie na vedomie dokument, súbor alebo webovú stránku, na ktorú vedie.

Obiehal značku ako rámcov. S ním si môžete rozdeliť na webovú stránku priestor do niekoľkých oblastí - rámy. V každej z nich si môžete post odkazy na jednotlivé webové dokumenty. To znamená, že rámy umožňujú správne umiestnený na jednej obrazovke súčasne dve alebo viac strán.

Príbeh o kľúčových prvkov webových stránok a následné príbehu prostriedkov formátovanie pomocou jazyka HTML - zhruba algoritmus bude naša odpoveď na otázku sme sa opýtali skúšajúceho. Keby s nami hovoril povediac: "vymenovat hlavné prvky webovej-stránky", potom sme pomocou vhodnej metodiky, musíme každú príležitosť rozvíjať tému. To znamená, že termín "elementy" môžeme pochopiť kľúčové komponenty webový dokument konštrukcií alebo typov obsahu - text, obrázky, tabuľky, rámy, spája, že webmaster vytvára pomocou nástroja, ako je jazyka HTML.

Špecifickosť pre vývoj webových nástrojov

Okrem vyššie uvedeného môžeme objasniť, aké značky a atribúty poskytované HTML štandardov - obrovské množstvo. Okrem HTML dodatočných prostriedkov formátovanie hypertextových dokumentov možno použiť vývojári. Napríklad pomocou skriptovacieho jazyka JavaScript, môžete vytvoriť dynamické webovej stránke - teda tých, v ktorých je obsah priebežne aktualizované (ako z dôvodu akcie používateľa, a v súlade s vopred predpísané algoritmov skriptov).

Bude užitočné dodať, že webový vývojár môže používať vo svojich pracovných plnohodnotné programovacie jazyky, ako je napríklad Perl, PHP, Java, Python, čím sa ešte širšie možnosti pre prácu s hypertextovými dokumentmi. Potreba, môže to byť spôsobené tým, že aplikácia webové technológie dnes - veľmi odlišné. Úlohy, ktorým čelia moderné vývojári, môže byť celkom zložité. Napríklad, niekedy je nutné vykonať internetových stránok preklad, napísaný v ruštine, angličtine. V tomto prípade budú vývojárske nástroje sa najviac rôznorodé.