Od té doby Na začátku internet HTML byl rozhodující k tomu, že world wide web práce a objevují se na způsob, jakým ji chcete. Pojďme se podívat na to, co HTML a jak to dopadá do stránek, které vidíte každý den.
Páteř Internetu
HTML je zkratka pro „hypertext značkovacího jazyka.“ Je to kódovací jazyk používaný k vytváření stránek, které webový prohlížeč může zobrazovat. Většina webových stránek, které najdete na internetu, včetně té, kterou právě čtete tento článek právě teď, jsou uloženy jako soubor HTML. Webové stránky jsou banda souvisejících HTML stránky uložené na serveru někde. To je důvod, proč se jazyk je často nazýván „ Páteř internetu . "
Kdykoliv jdete na stránku na internetu, jste v podstatě požaduje soubor HTML uložené na serveru. Potom, prohlížeč, který používáte, jako je Chrome nebo Firefox, bude analyzovat HTML a zobrazí vám to tím způsobem, že je to určeno.
HTML je univerzálnost a všestrannost z něj činí jeden z nejdůležitějších populární značkovací jazyk ve světě. Většina webových vývojářů front-end začít naučit se kódu v HTML. K drag-and-drop nástroje a editory WYSIWYG jsou nakonec přeloženy do HTML, takže prohlížeče je možné analyzovat.
PŘÍBUZNÝ: Co je to značkovací jazyk?
Jak HTML Works
Stejně jako každý programovací jazyk, HTML vypadá jako banda příkazů a textových bloků, než se to změnilo na přední straně Na vizuální. Pokud jste zvědaví, co to HTML na tuto konkrétní stránku vypadá a co jste na počítači nebo notebooku, zkuste klepnutím pravým tlačítkem myši kdekoliv na této stránce a vyberte „Zobrazit zdrojový kód stránky“ (volba se může lišit v závislosti na vašem prohlížeči ). To by vám mělo trvat do obří zeď kódu.
Most HTML je vyrobena s použitím „prvek bloků“, které jsou úryvky kódu HTML dané oddělených různých prvků na stránce. Například body pro tento článek je prvek bloku, jako je tomu v menu, tato doporučení, a zápatí stránky. Tyto prvky jsou kódovány v jejich vlastním způsobem, jak se může chovat odlišně.
Klíčovou součástí budování z HTML stránek je použití kaskádových stylů (CSS). Jedná se o dokumenty, které definují, co jednotlivé prvky stránky by měl vypadat. Například, jak velké obrazy by mělo být, jaká písma by se měl objevit na stránce, a Jak webová stránka by měla odpovídat když je zvětšena nebo natažené. To vše jsou velmi důležité pro vytváření atraktivních, soudržné a stylové webové stránky. Pokud jste si všimli, webové stránky začíná lépe vypadat v posledním desetiletí, zvyšující se využití CSS je největší důvod. Můžete si přečíst více o CSS tady .
Jedna z nejlepších věcí, o HTML je jeho schopnost spouštět skripty dynamické prostřednictvím JavaScript, nebo JS. Tyto skripty mohou vytvořit dynamické prvky. Například na některých webových stránkách, vznášející se na obrázek vám umožní přiblížit se do něj. Můžete provést tento efekt kódováním do prvku JavaScript.
PŘÍBUZNÝ: Jak zakázat (a zapnout) JavaScript v prohlížeči Google Chrome
Základy HTML
I když HTML je poměrně složitý jazyk s hromadou různých značek a bloků, existuje několik HTML kódy, které by mohly přijít vhod, jak jste procházení webu. Zde je několik základních HTML tagů, které se mohou vyskytnout.
lt; a href = "https://www.howtogeek.com" & gt; postupy Geek & lt; / a kyseliny a
Jak-k geek
Používáte
& Lt; a & gt;
příkaz k vytvoření propojení. Adresa URL je místo, kde se odkaz na něj poukazují na, a text, který zní: „Jak na to Geek“ je, jak to bude vypadat, že koncovému uživateli.
& lt; b & gt; tučně & lt; / b & gt; & Lt; i & gt; kurzíva & lt; / i & gt; & Lt; u & gt; podtržení & lt; / u kyseliny a
tučně italský zdůraznit
Můžete použít
& Lt; b & gt;
,
& Lt; i & gt;
, a
& Lt; u & gt;
aplikovat standardní text možnosti formátování tučné, kurzíva a podtržený text.
& lt; img src = "picture.jpg" kyseliny a
. \ T
& Lt; img & gt;
Tag slouží k vložení obrazu na stránku. To buď vytáhne obraz ze stejné domény, nebo jej můžete ukázat do externí domény. Můžete jej také přizpůsobit s některými dalšími atributy, jako je například změna velikosti a alt text.
, H1 & gt; okruh 1 & lt; / h1 & gt; & lt; p & gt; odstavec & lt; / p & gt;
Výše uvedené číslo jsou nadpisy a odstavec značky. Podobně jako jak Microsoft Word umožňuje třídit text do záhlaví a textového textu, HTML může také formátovat text na základě výchozí záhlaví a odstavec možností. Tyto formáty jsou definovány pomocí SSS Stylesheet.
& lt; p style = "barva: edr;" & gt; červený odstavec & lt; / p & gt;
Můžete také použít
"styl"
Atribut přizpůsobit text s různými nastaveními stylu, například barvy textu, barvy pozadí a velikost písma.
Máte-li zájem o učení více možností formátování HTML, podívejte se na ZDARMA W3SCHOOLS . Úplný seznam značek HTML najdete, abyste mohli začít vytvářet vaše webové stránky.
