Co je to webová stránka? Seznam hlavních prvků webové stránky

Převážná část obsahu prezentovaného na internetu je webová stránka. Toto je historicky první typ dokumentů určených k umístění do virtuálního síťového prostoru, který však stále zachovává svou relevanci a prakticky nemá konkurenční formáty. Jaká je struktura webových stránek? Jakými způsoby vývoje webu vzniká?

Co je to webová stránka?

"Seznam hlavních prvků webové stránky" - říká examinátor na lekci informatiky. Co mu můžeme říci na oplátku? Nejdříve mluvíme o tom, co je v zásadě webová stránka.

Podle obecně uznávané definice mezi odborníky na informační technologie je to dokument, který je navržen tak, aby byl otevřen ve specializovaném programu - prohlížeč a který obsahuje data pro zobrazování různých užitečných informací na obrazovce počítače - různé texty, odkazy, grafiku, video, hudbu a atd. Webová stránka je textový dokument. Příslušné údaje pro prohlížeč jsou písmena, čísla a speciální znaky používané jako prvky značkovacího jazyka - HTML. Je to s pomocí toho, že tvůrce webové stránky "vysvětluje" prohlížeči, jak zobrazovat na obrazovce tento nebo ten obsah.

Místo a role webových stránek ve struktuře webu

Můžete říci, že webová stránka je hlavní součástí webové stránky? To je částečně pravda. Nicméně, jak jsme poznamenali výše, webová stránka je jen textový dokument. Na webu se zpravidla nacházejí také obrazy, video a další multimediální prvky. Webová stránka je nemůže obsahovat sama, ale ve struktuře může obsahovat odkazy na ně. Webová stránka tak může být nazývána hlavní součástí webu v dominantní roli při zobrazování virtuálního obsahu před uživateli.

Ve vzácných případech bude samozřejmě tento dokument jedinou součástí webu - pokud z nějakého důvodu neposkytuje grafiku, video a další multimediální prvky. Zejména první stránky - když se značkovací jazyky webových stránek objevily pouze - nezahrnovaly relevantní obsah. Před očima uživatele bylo pouze text a odkazy.

Princip hypertextové aktivace

Takže webová stránka je dokument vytvořený v HTML, s kterým je implementována hypertextová značka. Co je však tento jev? Co je to hypertext? Bez toho, abychom se dostali hluboko do teorie, poznamenáváme, že se jedná o text, který tak či onak umožňuje rychlejší přístup k jiným - prostřednictvím odkazů. V normální knize je to nemožné - existuje "prostý text". Chcete-li získat přístup k požadované stránce, čtečka musí před několika čtením obsahu nebo poznámky pod čarou provést několik stránkování. V režimu "hypertext" je hlavní část práce provedena počítačem - kvůli informacím odrážejícím prvky HTML stránky.

Pokud nám učitel informatiky řekne: "Seznam hlavních prvků webové stránky", pak můžeme spustit vyprávění komponent příslušného dokumentu, které jsou vytvořeny pomocí jazyka značek HTML, a to zcela správným způsobem. Nejprve se podívejme na některé teoretické body týkající se HTML.

Struktura jazyka HTML: značky

Jak prohlížeč přečte potřebná data o webové stránce z dokumentu napsaného ve formátu HTML? Je to velmi jednoduché.

Hlavními prvky tohoto jazyka jsou značky. Jsou ve většině případů spárovány - je zde otvor a je zavírací. První jsou označeny pouze pomocí úhlových závor. Druhá je stejná, ale před druhým úhlem je lomítko znak /. Prohlížeč ví, jak je rozpoznat, a proto zobrazuje obsah webových stránek v souladu s algoritmy vytvořenými vývojářem dokumentu.

Otevírací značka je obvykle psána velkými písmeny a zavírá ji malými písmeny. To je standard, který se usadil mezi odborníky v oblasti IT. Prohlížeč samozřejmě rozpozná příkaz HTML s libovolnými písmeny, ale doporučuje se, aby weboví vývojáři dodržovali uvedenou schému zápisu značek. To usnadní například revizi webové stránky jinými odborníky.

Atributy

Dalšími důležitými prvky jazyka HTML jsou atributy. S jejich pomocí může tvůrce webové stránky nastavit vlastnosti obsahu - například výšku písma, barvu, polohu vzhledem ke stránce. Totéž platí pro obrázky, video a další multimediální komponenty. Atributy jsou zapsány v otevřené značce.

Obsah

Mezi značkou otevírání a zavírání je následující klíčová součást webové stránky - obsah. Ve skutečnosti je to stejný obsah, který by měl být zobrazen před uživatelem na obrazovce. Může to být text, odkaz, obrázek, video nebo jiný multimediální prvek.

Prvky webových stránek

"Takže seznam hlavních prvků webové stránky, konečně!" - opakuje učitel. "S radostí," odpovídáme mu. Co je součástí struktury daného druhu dokumentů? Souhlasíme, že tento aspekt budeme zvažovat v kontextu prvků HTML webové stránky. To znamená, že jejich zobrazení v prohlížeči - co uživatel vidí na obrazovce - budeme mít menší zájem. Faktem je, že odpovídající HTML algoritmy, na jejichž základě program zobrazuje obsah stejným způsobem, mohou být různé. A to je zvláštní vlastnost jazyka HTML: požadovaný obrázek můžete zobrazit na webové stránce různými způsoby. Současně mohou být stejně ekvivalentní z hlediska úsilí tvůrce webové stránky způsoby a předpokládají různé úsilí a čas na jejich realizaci.

Prvky webových stránek: záhlaví

Standardní prvky webové stránky, i když překvapivé, že to může znít, jsou prezentovány ve velmi malých počtech. Ve skutečnosti jsou pouze dva - název a hlavní část dokumentu. Současně může mít každá z nich poměrně složitou strukturu.

Jaká je specificita titulu? Je umístěn v horní části webové stránky. V kódu HTML, který generuje hlavičku, se obvykle předpokládá, že bude "zašifrovat" pouze text, ale v případě potřeby můžete do odpovídajícího prvku umístit také malé grafické vložky. A to je ve skutečnosti vše, co lze o titulu říci. Zdá se, že jeho role ve struktuře příslušného dokumentu je nevýznamná. Ale není tomu tak. Nadpisy webových stránek jsou velmi významné z hlediska indexování stránek ve vyhledávačích - Yandex, Google. Tento prvek by měl být plně relevantní pro obsah webové stránky, stejně jako pro tematickou specifičnost stránky.

Jak je hlavička webové stránky zachycena pomocí HTML? Je to velmi jednoduché. Nejprve je napsána úvodní značka, která vždy vypadá jako HEAD s úhlovými závorkami, pak - obsah záhlaví, po - závěrečné značce. Samozřejmě jsou napsány na samém vrcholu webového dokumentu.

Název webového dokumentu může obsahovat řadu dalších prvků. Někdy formát webové stránky může vyžadovat zobrazení textu v určitém kódování. Jak zajistit, aby webový dokument splňoval toto kritérium? Je to velmi jednoduché. V hlavičkové struktuře dokumentu by měly být umístěny algoritmy HTML, které vyžadují, aby prohlížeč používal kódování konkrétního jazyka - například cyrilická. Příslušné příkazy jsou umístěny v tagu META, který se stejně jako ostatní může otvírat a zavírat.

Hlavní část webové stránky

Hlavní část webového dokumentu se otevře se značkou BODY, uzavře se příslušným prvkem včetně lomítka. V tomto případě mezi počátečními a zavíracími značkami může být velký počet dalších příkazů pro hypertextový značkovací jazyk. Důvodem je skutečnost, že hlavní část webové stránky obsahuje užitečný obsah - texty, odkazy, grafiku, video, různé formy pro vyplňování.

Každý z relevantních typů obsahu má své vlastní značky. Ve struktuře hlavní části webového dokumentu se mohou nacházet příkazy HTML, se kterými je text také formátován - například písmo má určitou barvu, velikost a další vlastnosti.

Zvažte, jaké jsou specifika některých běžně používaných značek HTML. Ve skutečnosti tvoří také základní prvky webové stránky.

Základní HTML značky

Takže za účelem podrobného studia toho, co jsou prvky webové stránky, budeme podrobněji zkoumat podstatu základních HTML tagů. Některé z nich jsme již uvedli výše - zejména s pomocí kterých prohlížeč čte záhlaví webových stránek a určuje, kde je umístěna hlavní část dokumentu.

Značka P je poměrně běžná. Jako ostatní podobné prvky hypertextového značkovacího jazyka může být otevírání a zavírání. Tato značka umožňuje formátovat jeden odstavec dokumentu. Můžete například nastavit konkrétní typ písma nebo barvu. To se však provádí pomocí další značky - FONT. Současně se bude nacházet uvnitř toho, který označuje limity odstavce - to neumožní distribuovat příkaz HTML, který odráží typ upřednostňovaného písma, na jiné prvky webové stránky.

Pomocí značky TABLE jsou vytvořeny tabulky. Pomocí příslušných atributů můžete určit počet požadovaných sloupců a řádků, v tabulce určit jejich šířku, specifika hranic, velikost písma a barvu.

Značka IMG odpovědný za zpracování obrázků prohlížeče. Umožňuje také umístit různé atributy, které řídí velikost obrázku a jeho polohu na stránce.

Odkazy na jiné webové dokumenty nebo soubory jsou specifikovány pomocí značky A. Pravidelně existují atributy, které označují skutečnost, že ve struktuře webové stránky existuje hypertextový odkaz. Určuje dokument, soubor nebo web, na kterém vede.

Značka jako FRAMESET je běžná. Díky tomu můžete rozdělit prostor webové stránky na několik oblastí - rámce. V každém z nich můžete post links na samostatných webových dokumentech. To znamená, že rámečky umožňují správně umístit dvě nebo více stránek současně na jednu obrazovku.

Příběh o klíčových prvků webových stránek a následné příběhu prostředků formátování pomocí jazyka HTML - zhruba algoritmus bude naše odpověď na otázku jsme se zeptali zkoušejícího. Kdyby s námi mluvil, řka: „vyjmenovat hlavní prvky webové-stránky“, pak jsme pomocí vhodné metodiky, musíme každou příležitost rozvíjet téma. To znamená, že termín „elementy“ můžeme pochopit klíčové komponenty webový dokument konstrukcí nebo typů obsahu - text, obrázky, tabulky, rámy, spojuje, že webmaster vytváří pomocí nástroje, jako je jazyka HTML.

Specifičnost nástrojů pro vývoj webových aplikací

Kromě toho, co bylo řečeno, můžeme vysvětlit, že značky a atributy poskytované standardy HTML jsou obrovské množství. Kromě HTML mohou vývojáři webu používat další nástroje pro formátování hypertextových dokumentů. Například pomocí skriptovací jazyk jаvascript může vytvářet dynamické webové stránky - tedy ty, ve kterých je obsah neustále aktualizován (jak prostřednictvím akcí samotného uživatele, tak v souladu s algoritmy předem napsanými ve skriptech).

Bude užitečné dodat, že webový vývojář může používat ve svých pracovních plnohodnotné programovací jazyky, jako je například Perl, PHP, Java, Python, čímž se ještě širší možnosti pro práci s hypertextovými dokumenty. Potřeba této skutečnosti může být způsobena skutečností, že oblasti použití webových technologií dnes jsou velmi odlišné. Úkoly, kterým čelí moderní vývojáři, mohou být poměrně složité. Například, někdy je nutné překládat webové stránky psané v ruštině do angličtiny. V tomto případě bude vývojářská sada nástrojů nejrozmanitější.