HTML - co je toto rozšíření? HTML pro začátečníky: kódy, soubory a editory. Jak vytvořit html soubor?

V současné době každý webový programátor jistě zodpoví otázku: HTML - jaký druh rozšíření? Ale ne všichni jsou weboví programátoři. Určitě existují lidé, kteří ještě nejsou připraveni na tuto otázku odpovědět správně. Proto zvážit související pojmy, abych tak řekl, od začátku.

HTML - co to je?

HTML (Hypertext Markup Language, hypertextový značkovací jazyk) je běžný jazyk pro značení internetových dokumentů (a ne programovací jazyk!). S ním se tvoří téměř všechny webové stránky. Ty se liší od běžných dokumentů obsahujících text, jiné prvky (obrázky, tabulky) v tom, že obsahují speciální deskriptory (značky), které jsou nezbytné pro to, aby byl text srozumitelný s jakýmkoli prohlížečem. Rozšíření HTML (nebo .htm) je znamením, že soubor patří do kategorie webových dokumentů.

HTML tagy jsou speciální instrukce, které obsahují informace o struktuře a formátování webové stránky. Každá značka je obsažena v textu uvnitř úhlových závorek <>. Téměř všechny štítky jsou spárovány a obsahují otvírací a zavírací části, což ovlivňuje text vložený uvnitř těchto částí.

Příklady použití deskriptorů HTML lze vidět otevřením jakékoli webové stránky v zobrazení značky. Chcete-li to provést, v nabídce prohlížeče vyberte "Zobrazit" - "Ve formátu HTML." U některých prohlížečů fungují také klávesové zkratky: Ctrl + U, které při klepnutí otevírají stejnou stránku na samostatné kartě prohlížeče v režimu, který umožňuje zobrazit kódy HTML.

Z historie standardů značkovacího jazyka

Existují různé verze HTML. Jazyk se neustále zlepšuje, takže nová verze je vydávána téměř každý rok. Různé webové prohlížeče (programy pro prohlížení stránek HTML) jsou vyvíjeny různými společnostmi a liší se ve výkladu jednotlivých značek a jejich podporou. Výsledkem je, že stejný kód HTML zobrazují různé prohlížeče svým vlastním způsobem a některé prohlížeče nerozumí jednotlivým tagům vůbec.

Až do roku 1990 by někdo na světě odpověděl na otázku správně: HTML - co to je? První dokumentace o tomto jazyce vyšla v roce 1991. Autor - fyzik Tim Berners-Lee - přišel s tím, jako nástroj pro změnu znakové sady, která se přenáší přes síť do okruhů, odkazů a odstavců. Brzy se tento jazyk stal standardem pro značkovací dokumenty na internetu.

Ve svém vývoji přešel z původního vydání na HTML 5 a nadále se zlepšuje. Tento jazyk obsahuje deskriptory pro strukturu i formátování. Později přijali standardní technologii CSS, která předpokládá, že popis formátování je zvýrazněn v samostatném souboru CSS, čímž zůstane popis struktury dokumentu pro značky HTML. V důsledku toho se některé deskriptory již nepoužívají.

Struktura dokumentu HTML

Je jasně regulována a měla by obsahovat několik povinných značek. Patří sem:

• Tag - typ dokumentu a jeho charakteristiky.
• Tagy - uveďte počáteční a konečné hranice dokumentu.
• Tagy - omezit servisní část dokumentu, která obsahuje pokyny pro prohlížeče, vyhledávací roboty a odkazy na soubory a skripty.
• Tagy - zadat pokyny pro prohlížeče a vyhledávací roboty.
• Tagy - nastavte hlavní název dokumentu, je viditelný pouze na horní záložce okna prohlížeče.
• Značky - omezí viditelnou část dokumentu.

Štítky, které jsou užitečné k poznání

Funkce společných značek by měla být jasná pro každého copywriter, mohou být přidány do textu v libovolném textovém editoru. Mohou být použity v návrhu textu, nemají po ruce speciální editor. Obvykle se používají zejména kódy HTML:

• odstavce

  - zvýraznění odstavce.
• 
  textu
  - přenést text do dalšího řádku.
• tučné - zvýrazněte tučně.
• slovy - vyberte text slovy.
• kotva - vložit libovolnou kotvu - slovo nebo objekt, který iniciuje odkaz za odkazem uvedeným ve značce. Namísto slova "kotva" napište "ZDE" nebo zadejte jiné slovo, frázi, objekt; místo slova "link" vložte adresu na internet, kde odkaz vede.

• Nadpis

  - zvýrazněte záhlaví první úrovně.

• Titulky

  - stejné pro nadpis úrovně 2 atd. až do úrovně šest.

Jak vytvořit html soubor v obvyklém editoru

Webová stránka (tj soubor HTML) může být zadána v libovolném textovém editoru (například v programu Poznámkový blok). Ale všechny značky budou muset vytočit ručně. Výhodou této metody je absolutně minimalizovaný kód. Nevýhody - vyžaduje dobrou znalost hypertextového značkovacího jazyka a neschopnost okamžitě vidět výsledky své práce. Proto je tato metoda vhodná pouze pro vytváření nejjednodušších webových stránek.

HTML editory

Téměř všichni odborníci používají speciální HTML editory. Nejpopulárnější z nich jsou Macromedia HomeSite a Dreamweaver MX. Umožňují automatické zadání mnoha značek, zvýraznění barevných textových a servisních kódů, okamžité zobrazení výsledků získaných ve zvláštním okně. Ale tyto programy jsou placeny.

Pro začátečníky je lepší nejprve zkusit ruku pomocí bezplatných editorů. Nejpopulárnější z nich jsou Notepad ++, Komodo Edit, Aptana, Alaborn iStyle a KompoZer. Každý z těchto programů má své vlastní výhody, poskytuje uživateli více či méně funkčnosti a má vlastní rozhraní. Chcete-li vybrat ten správný, měli byste se pokusit pracovat v každé z nich. Je to snadné, protože nemusíte platit za tyto pokusy.

Kromě těchto editorů existují nástroje vizuálního návrhu (například HoTMetal Pro). Při vytváření webových stránek zcela eliminují potřebu ruční zadávání deskriptorů HTML. Tyto programy však způsobují nadměrně nadbytečný kód, jehož výše výrazně překračuje požadovanou minimální velikost. Kromě toho je často nutná manuální úprava kódu, aby se dosáhlo požadované kvality.

Doufáme, že znalost materiálu tohoto článku umožní i novým uživatelům nepochybovat o odpovědi na otázku: HTML - co to je?