Bylo vynalezeno mnoho jazyků, ale HTMLpatří k těm nejzvláštnějším a nejvyhledávanějším. S tím je spojeno mnoho dalších klíčových začátků v programování. Hodně bude k dispozici, když vývojář ovládá značkovací jazyk - HyperText Markup Language (HTML).
V zásadě není v HTML nic složitéhoza pár minut každý, kdo má k programování a internetu nejdál, vytvoří HTML stránku v poznámkovém bloku. Příklad, který si zaslouží pozornost, jednoduchost a je k dispozici každému.
Obecný popis
Soubor HTML je jedna stránka na webu, i když s tím můžete polemizovat, ale skutečnost, že jeden soubor je jedna stránka, je pro začátek pochopitelné.
Soubor HTML začíná záhlavím DOCTYPE vcož naznačuje, že typem daného souboru je HTML. Všechny prvky stránky (tagy) jsou uvedeny v hranatých závorkách. Každý pár („<“ a „>“) obsahuje jednu značku HTML. Značky HTML jsou obvykle spárovány, to znamená, že pro každou „značku“ existuje „/ tag“. Oba jsou uzavřeny v hranatých závorkách. Existují jednotlivé značky, z nichž nejoblíbenější je „br /“ - přechod na další řádek.
Největší značkou v souboru je samotný HTML vkterý obsahuje pouze dva tagy: HEAD a BODY. V první jsou provedeny různé popisy, jsou uvedeny odkazy na jiné soubory nezbytné pro stránku, mohou být přítomny skripty PHP a JavaScript. Druhý zaznamenává obsah stránky. Také ve formě tagů a skriptů.
Jednoduchá stránka HTML
Příklad vytvoření takové stránky je uveden níže v článku. Zvažme to pečlivě.
HLAVNÍ sekce
Hlavním účelem značky HEAD je obecně popsat stránku a běžné skripty, i když je to poměrně relativní koncept. Zde jsou obvykle důležité pouze dvě věci:
- klíčová slova a popis stránky;
- odkazy na jiné soubory ( * .css a * .js).
Pro zobrazení obsahu stránky má obsah této části pouze nepřímý význam, protože naznačuje, že někde v jiných souborech existují pravidla CSS pro značky a skripty jiných jazyků.
Stránka HTML má název (TITLE), kterýzobrazí se, když návštěvník přesune myš nad záložku, kde je stránka otevřená. To je důležitý bod, protože díky tomu je stránka mnohem prezentovatelnější, snadněji řečeno podepsaná čitelným textem.
Značky META jsou v internetovém programování obecně důležité, ale když potřebujete vytvořit stránku HTML v poznámkovém bloku, je nežádoucí zaplnit příklad zbytečnými konstrukcemi.
Odkazy LINK a SCRIPT by měly být speciálněPozornost. První ukazuje na umístění šablony stylů CSS, druhý ukazuje na umístění souboru kódu JavaScript. Takových odkazů může být mnoho.
Pokud by se ke skriptům mělo přistupovat při znalostiPokud je HTML zpevněný, pak by měly být okamžitě řešeny kaskádové šablony stylů. Soubory CSS poskytují zejména pravidla pro formátování značek HTML.
Sekce TĚLO
Ve skutečnosti je ukázková stránka HTMLsekce TĚLO. Zde jsou obsaženy všechny informace, veškerý obsah stránky. Všechny informace jsou prezentovány ve formě značek a skriptů, jako je vkládání kódu JavaScript nebo kousků programů PHP.
Je důležité pochopit, že ukázková webová stránka HTML vprohlížeč a stejný příklad v textovém editoru, zejména v poznámkovém bloku, to zdaleka není totéž. V prvním případě máme připravený text HTML, ve kterém jsou spuštěny všechny skripty. PHP například vypracovalo svou část a místo kódu vytvořilo potřebné značky na správných místech. JavaScript také splnil své poslání, i když o tom stále existuje samostatná diskuse.
HTML jsou značky, nikoli skripty. Prohlížeč nakonec zobrazuje pouze obsah stránky, pouze její značky. Neexistuje tam žádný kód PHP.
JavaScript je ve zvláštní pozici, jeho starostí je sloužit stránce nejen v okamžiku načtení (opětovného načtení), ale také ve chvílích, kdy je stránka v prohlížeči návštěvníka a on ji studuje.
Níže je uveden jednoduchý příklad kódu stránky HTML (pouze část TĚLO).
A v prohlížeči návštěvníka to vypadá následovně.
Kód nespecifikoval, jak by měl vypadatprvky vykreslené prohlížečem. Všechny viditelné styly jsou v pravidlech CSS. V tomto případě odkazovaný soubor Mcss / scPhpWordRW.css (viz úplně první ukázková stránka HTML).
Na rozdíl od HTML je téma CSS jednoduššívelmi přístupná pravidla a jejich počet je malý, když příklad vytvoření HTML stránky nevyžaduje nic jiného než poznámkový blok. Vše je velmi dostupné pro okamžité zvládnutí:
Popis značky je jednoduchýscLogo_vDoc a tento popis je takový, že v normálním stavu značka zobrazuje obrázek vDoc-logo.png, a když je myš nad ním, zobrazí se vDoc-logo-h.png.
Struktura popisů HTML
Jazyk neznamená žádnou strukturu apojem syntaxe je zde velmi relativní. Nejsou zde žádné proměnné, ale existuje spousta možností. Základem hypertextu je, že existuje prvek (tag), který nutně má jméno.
Název v případě spárované značky se skládá ze skutečného názvu (tagName) a hranatých závorek ("<" + tagName + ">"), pokud je začátkem značky, a "</" + tagName + ">", pokud je napsán jeho konec.
Příklad stránky HTML popisující atributy je umístěn níže v textu.
Značka může mít atributy, poté jsou umístěnymezera za názvem značky před uzavírací závorkou ">". Atributy, pokud je tag má, se zapisují pouze na začátek tagu. Obsah značky je to, co je mezi začátkem značky a jejím koncem.
Obecný obsah popisů HTML
HTML vám umožňuje popsat blokové a vloženéPrvky. První zabírají určitou část v okně prohlížeče, mohou být umístěny absolutně, tj. Na správném místě v oblasti zobrazení stránky HTML a mají určitou velikost.
Obecně se zobrazují vložené prvkyjeden proud, to znamená, jak byly stránky specifikovány v souboru, a jsou zobrazeny na obrazovce. Zobrazení celkového toku lze ovlivnit při načítání stránky. Umístění, viditelnost a další vlastnosti blokových prvků lze kdykoli ovlivnit pomocí kódu JavaScript.
Kromě jednoduchých prvků nabízí HTML popis tabulek a formulářů. Tyto prvky jsou velmi žádané v „každodenní stavbě stránek“.
Popis tabulky: tagy TABLE, TR, TD
Pomocí značky TABLE můžete vytvořit tabulku,označují určitý počet řádků TR a v každém řádku určitý počet buněk TD. Na rozdíl od obvyklé tabulkové organizace je tabulová organizace kvůli zvláštnostem HTML značení omezena na toto prohlášení, takže pokud chce mít vývojář obdélníkovou tabulku, ve které je počet sloupců ve všech řádcích stejný, musí sledovat toto nezávisle.
Zásadní pozice HTML:dělat vše, co je uvedeno, ale nic, co není pochopeno. V některých případech není počet sloupců v každém řádku tabulky tak důležitý, ale pokud potřebujete sloučit buňky svisle nebo vodorovně, budete muset vše velmi pečlivě počítat.
Článek ukazuje příklad HTML stránky popisující jednoduchou tabulku.
Zde je zobrazena tabulka tří řad po třechsloupců a v prvním řádku byl místo tagu TD použit tag TH - záhlaví sloupce. Tyto dva tagy nemají velký rozdíl, ale první můžete použít k rozlišení prvního řádku tabulky a v CSS můžete k TH připojit svůj vlastní styl, který jej příznivě odlišuje od ostatních TD.
Popis formuláře: značky FORM, INPUT
Formuláře jsou nejžádanější částí značek HTML. Pomocí formulářů můžete přenášet informace. Stránka je ve skutečnosti výstupem informací, ale forma je jejím vstupem.
Příklad stránky HTML popisující jednoduchý formulář:
Existuje mnoho dalších způsobů, jak používat formuláře, alehlavní možnosti jsou následující. Můžete zadat vstupní pole, přiřadit jim vzhled a obslužné rutiny pro analýzu vstupu uživatele. Ze stránky můžete určit skrytá pole a předávat informace o pozadí. Můžete určit tlačítka pro přenos informací, kliknutím na ně zahájíte proces přenosu informací.
Pomocí HTML
Znalost jazyka hypertextu je podmínkoupracovat v jakékoli specializaci v oblasti internetového programování, ale pokud potřebujete psát programy v PHP nebo JavaScriptu, pak musíte dokonale znát HTML + CSS.
V předchozím příkladu byl označen jazyk PHP.PHP běží na serveru, takže stránka s tímto formulářem letěla ze serveru do prohlížeče s vyplněnými poli. Zejména funkce TestOnBlur uvedená ve značce INPUT (obsluha události onblur) přijala všechny parametry jako textová pole.
V prohlížeči běží JavaScript atlačítko pro odeslání dat zpět na server fungovalo správně, tj. konstrukce: onclick = jQuery ("# to"). val ("cart"), musíte mít představu nejen o tom, co jQuery je, ale také co #to, val je, vozík. Přesněji řečeno, potřebujete znát základní značky HTML a obecná pravidla pro použití stylů CSS na ně.
To stačí k rychlému zvýšení kvalifikace v jakékoli specializaci v oblasti internetového programování.
