Jako příklad HTML stránky a základní principy

Vynalezl mnoho jazyků, ale jazyk HTML je jedním z nejvíce zvláštní a vosstrebovan. Vzhledem k tomu, že zahrnuje mnoho dalších klíčových iniciativ v oblasti programování. Hodně je k dispozici, pokud v myslích vývojářské současných znalostí značkovací jazyk - HyperText Markup Language (HTML).

Ve skutečnosti, v HTML, není nic složitého, a za pár minut všechno nejvíce vzdálených od programování a internetu lidem splní vytvoření HTML stránek v notebooku. Za zmínku stojí, jednoduchost skutečně přístupné pro každého.

obecný popis

HTML soubor - jednostránkový web, i když je to diskutabilní, ale to, co je jeden soubor na stránku, pro začátek je to jasné.

HTML soubor začíná hlavičkou DOCTYPE, která určuje, že typ souboru - HTML. Všechny prvky strana (značky) jsou uvedeny v hranatých závorkách. Každá dvojice ( „<“ a „>“) obsahuje jednu značku HTML. Obvykle HTML tagy jsou spárovány, to znamená, že pro každou značku «» mít «/ den». Oba jsou uzavřeny v hranatých závorkách. K dispozici je jeden tag, z nichž nejpopulárnější «br /» - přechod na další řádek.

Největší tag v souboru - to sám HTML, která obsahuje pouze dvě značky: hlavy a těla. V prvním případě, odlišné specifikace svědčí o odkazy na další související soubory stránek mohou být přítomny PHP a skripty JavaScript. Na druhou stranu písemného obsah. Také ve formě značek a skriptů.

Jednoduché HTML stránek

Příklad vytvoření takové stránky je uvedeno v níže uvedeném článku. Vezměme si to pečlivě.

sekce HEAD

Hlavním smyslem HEAD tag - obecný popis stránky a obecné skripty, i když druhý - jen relativní pojem. Obvykle přikládá značný význam jen dvě věci:

• klíčová slova a popis stránky;
• odkazy na jiné soubory (* CSS a JS *).

Chcete-li zobrazit obsah stránek obsahu této části má pouze nepřímý význam, protože to ukazuje, kde některé další soubory mají CSS pravidla pro značky a ostatní skripty jazyků.

HTML stránek má název (titul), který se zobrazí, když návštěvník přináší myši na záložku, kde je stránka otevřen. To je důležité, protože to dělá stránky mnohem reprezentativnější, snadnější říci, podepsal čitelný text.

Meta-tagy jsou důležité pro webové programování obecně, ale pokud je to požadováno vytvoření HTML stránek v notebooku, příklad nežádoucí změti redundantních struktur.

Na odkaz a Script odkazy by měly věnovat zvláštní pozornost. První se vztahuje k místu, kde je CSS stylů souboru, druhý - umístění souboru JavaScript kódu. Tyto odkazy lze nastavit.

Používáte-li skripty by měly být považovány za znalosti HTML stane silnější, měli byste okamžitě dávat pozor na kaskádových stylů. Soubory CSS jsou zejména pravidla registrace HTML tagy.

sekce BODY

Ve skutečnosti vzorek stránky HTML - to je část těla. Je tu, která obsahuje všechny informace, veškerý obsah stránky. Veškeré informace jsou uvedeny ve formě značek a skripty, jako je například vložení JavaScriptu kód nebo kousky PHP-programu.

Je důležité si uvědomit, že příklad HTML stránky v prohlížeči a ve stejném například v textovém editoru, jako je například Poznámkový blok, to není totéž. V prvním případě jsme připraveni HTML textu, v níž všechny skripty provedeny. Například PHP splnila svou úlohu a vytvořil místo kódu na správných místech tagy. JavaScript také splnila své poslání, i když o tom ještě jednat o samostatný rozhovor.

HTML - to označí místo skriptů. Nakonec, jen obsah stránky zobrazené v prohlížeči, ale jeho značka. No PHP kód tam není.

JavaScript je ve zvláštní situaci, jeho péči - sloužit stránku, a to nejen v době spuštění (přetížení), ale ve chvílích, kdy je stránka v prohlížeče návštěvníka, a studuje.

Jednoduchý příklad z kódu HTML stránky (pouze sekce BODY) je uveden níže.

Návštěvníka prohlížeč vypadá to, jak je uvedeno níže.

nebyl zadán v kódu by měl vypadat prvků, které přinesly prohlížeč. All design je patrný na pravidla CSS. V tomto případě, MCSS / soubor scPhpWordRW.css, který byl odkazoval se na (viz. Úplně první příklad kódu HTML stránky).

Na rozdíl od HTML, CSS téma je jednodušší, tam je velmi dobře přístupný pravidla a jejich počet je malý, když je příkladem tvorby HTML stránek není nic jiného, než požadovat poznámek. Vše je velmi dobře přístupný k okamžitému vývoji:

To ukazuje, jak snadné je popsáno tag scLogo_vDoc, a tento popis je, že v normálním stavu tag zobrazí obrázek vDoc-logo.png, i když myš je nad ním - zobrazí vDoc-logo-h.png.

Struktura popisů HTML

Jazyk nezahrnuje provádět jakoukoliv strukturu a syntaxe konceptu je zde velmi relativní. Nejsou žádné proměnné, ale existuje spousta příležitostí. Základním podkladem hypertextu je, že je prvek (tag), která je určitě mít název.

Jméno případě dvojice tag, který se skládá z vlastních jmen (tagname) a lomených závorek ( «<» + tagname + «>»), pokud se bavíme o začátku tag, a «», pokud je nahrána její konec.

Příkladem HTML stránek popisujících atributy nacházejí v níže uvedeném textu.

Značka může mít atributy, pak jsou prosadit místa, po názvu značky před závěrečnou úhelníkem „>“. Atributy, mají-li značka je zaznamenána pouze na začátku. Obsah tagu je ta, která leží mezi počáteční značkou a jejím konci.

Celkový popis obsahu HTML

HTML umožňuje popsat blokové a inline elementy. První zabírají určitý prostor v okně prohlížeče může být umístěno absolutně, že je na správném místě v oblasti zobrazení HTML stránek, a mají určitou velikost.

Inline elementy obvykle objeví jedno vlákno, které je, jak bylo uvedeno v stránkovacího souboru, a zobrazí na obrazovce. Zobrazení celkového toku může být ovlivněn, pokud dojde k načítání stránky. Pokud jde o umístění, viditelnost a jiné vlastnosti blokových elementů může být ovlivněn kdykoli pomocí JavaScriptu kódu.

Kromě jednoduchých prvků HTML nabízí popsat tabulky a formuláře. Tyto prvky jsou velmi hodně v poptávce v „běžném staveništi.“

Popis tabulky: tagy TABLE, TR, TD

Kdy lze TABLE tag slouží k vytvoření tabulky, zadat počet řádků a TR v řadě pro řadu TD buněk. Na rozdíl od obvyklé tabulky organizace, vzhledem k povaze HTML značkovacího tabulkové organizace omezen na toto prohlášení, protože v případě, že developer chce mít obdélníkový stůl, ve kterém je počet sloupců ve všech řadách stejné, pak musí následovat, že pro sebe.

Principiální pozice HTML: dělat to, co je, ale nic, co není znám. V některých případech není počet sloupců v každém řádku tabulky tak důležitá, ale pokud chcete provést sloučení buněk vodorovně nebo svisle, je nutné počítat všechno velmi pečlivě.

Příklad HTML stránky s popisem jednoduché tabulky graficky znázorněno v tomto článku.

Zde je tabulka ukazující velikost třech řadách tři sloupce, první řadě tagu TH byl použit namísto TD tagu - záhlaví sloupce. Zejména rozlišit tyto dvě značky nemají, ale je možné použít jako první rozlišovat mezi prvním řádku tabulky a CSS k TH můžete připojit svůj vlastní styl, který ji odlišuje od ostatních TD.

Popis forma: FORM tag, INPUT

Formulář - to je nejžádanější část HTML tagy. Používání formy mohou předávat informace. Ve skutečnosti je strana - tato informační displej, ale forma - vstup.

Příklad stránky HTML s popisem jednoduchého formuláře:

Použití forem mnohem víc, ale hlavní rysy jsou následující. Můžete zadat vstupní pole, je třeba přiřadit jim navrhnout a zpracování událostí pro analýzu vstupu uživatele. Můžete určit skryté pole a předávat informace z pozadí stránky. Můžete určit tlačítko přenos informací, lisování, že zahájí proces přenosu dat.

pomocí HTML

Chcete-li vědět hypertext jazyk - základní podmínkou pro jakoukoli pracovní specializaci v oblasti internetového programování, ale pokud chcete napsat program v PHP nebo JavaScriptu, pak vězte, HTML + CSS potřebují dokonale.

PHP jazyk byla identifikována v předchozím příkladu. PHP běží na serveru, protože stránky s touto formou letěl ze serveru do prohlížeče s polí obsazených. Zejména TestOnBlur funkce uvedené v tagu INPUT (onBlur obsluhy událostí), obdržel všechny parametry v podobě textových polí.

Prohlížeč běží JavaScript, a aby pracoval správně údaje tlačítko odeslat zpět na server, to znamená, že konstrukce :. onclick = jQuery ( ‚# k‘) val ( ‚vozík‘), je nutné znát nejen o tom, co jQuery, ale co #to, val, vozík. Přesněji řečeno, je nutné znát základní HTML tagy a obecná pravidla vztahující se na ně styly CSS.

To je dost rychle zvýšit kvalifikaci jakékoliv specializaci v oblasti internetového programování.