Co je to HTML? Co to dělá? A na co se používá? (Vysvětlení videa)

Pochopení HTML otevře web. Až budete vědět, co to je a jak to funguje, brzy uvidíte, jak se základy většiny všech internetových funkcí – a co je důležitější: jak se vytvářejí základní webové stránky a jak je upravovat. A co víc, ačkoli HTML je na začátku skličující, je to opravdu velmi jednoduchý jazyk, který se můžete naučit! Jste připraveni zjistit vše o HTML?


Podívejme se na to…

Co je HTML a co dělá ?:

– (poznámka: video kredity pro Topher DeRosia – tvůrce HeroPress

Přepis videa:

Ahoj! Toto je Topher s WinningWP. V tomto videu odpovíme na otázky: Co je to HTML? Co to dělá a na co se používá? Začnu tím, že vám řeknu, co to znamená, a pak vám ukážu, co to znamená a na co se používá. HTML je zkratka pro značkovací jazyk hypertextu a hypertext odkazuje na skutečnost, že HTML to dělá, takže můžete kliknout na odkazy na webových stránkách. To je hypertext. Značkovací jazyk slov jen znamená, že je to něco, co používáte k označení normální angličtiny k označení věcí. Lemme vám ukážu, co tím myslím: Toto je normální webová stránka. Je ve WordPressu a celá stránka používá HTML k tomu, aby prohlížeči řekla, co s tímto textem dělat. Některé z nich jsou důležitější než jiné, některé z nich jsou v tabulkách, některé z nich jsou obrázky a na jakékoli webové stránce, v libovolném prohlížeči můžete kliknout pravým tlačítkem myši a zobrazit zdroj stránky a zobrazit veškerý HTML. Naštěstí nemusíte znát vše, co HTML. Ukážu vám, co potřebujete vědět v kontextu WordPress. To je stejný příspěvek, ale v oblasti administrace, a pokud jste zvyklí na WordPress, mělo by to vypadat dobře. Toto je normální oblast obsahu. Tento typ editoru se nazývá wysiwyg, protože to znamená, že to, co vidíte, je to, co dostanete. Toto slovo je nejprve trochu tmavší než všechny ostatní, protože jsem ho zvýraznil a klikl na tučné tlačítko, takže nyní to vypadá odvážně. Toto slovo, statistika, je ve skutečnosti nadpis, velikost tři a rozmanitost je také nadpis, velikost čtyři, ale tento normální text je pouze odstavec. Úhledná věc tohoto editoru je, že právě tady v pravém horním rohu je tlačítko, které říká text. A teď se díváme na stejné informace, ale můžeme vidět hrubý HTML. Tady je první slovo. Pamatujete si, jak jsem to zvýraznil a odvážně? Ve skutečnosti se stalo, že se zabalilo do některých značek HTML zvaných silný. HTML obvykle přichází ve dvou značkách: otevření a uzavření a uzavření je jiné, protože má tuto malou lomku. Takže něco opravdu důležitého vědět o HTML je, že popisuje text, který označuje. Opravdu nechci, aby to bylo odvážné. Chci, aby to bylo silné. Ve čtečce obrazovky nezáleží na tom, zda je odvážný nebo ne, ale silná značka říká čtenáři, aby to řekl mimořádně důrazně. Moje záhlaví, tři a čtyři, právě zde označují hierarchii tohoto textu. To může být užitečné pro lidi, kteří čtou, ale je to opravdu užitečné pro Google pochopit, co se děje s vaším textem, a je také užitečné pro čtečky obrazovky. Je důležité si uvědomit, že ne všechny prohlížeče vykreslují HTML stejným způsobem. I tady v tomto prohlížeči, kterým je Chrome, je to velikost záhlaví čtyři a vypadá stejně jako text odstavce. Pokud se však vrátíme ke skutečnému příspěvku, všimnete si, že je mnohem větší než text odstavce. Důležité je také zapamatovat si, že ne všechny prohlížeče ukazují věci stejným způsobem. Nemůžete tedy počítat s tím, že to HTML zvětšíte a odvážně. Jednoduše pomocí HTML jej popisujete jako velikost hlavičky tři a poté se prohlížeč postará o to, co s tím dělat. V některých případech je to větší a odvážnější, ale v jiných případech to není. V tomto příspěvku máme tabulku přímo tady, a pokud přejdeme do textového režimu, můžete vidět, že je to právě tady: tabulka, tělo tabulky, řádek tabulky, atd. A dole pod stolem máme obrázek. A v html vypadá obrázek takto: začíná img, pak je tu třída, o které budeme mluvit v jiném videu, a pak je zde zdrojová značka, která nám říká, kde je obraz na internetu. Máme čtečku alt pro čtečky obrazovky a máme značku šířky a výšky, takže prohlížeč předem ví, jak velký bude tento obrázek. Pravděpodobně nebudete muset tuto textovou kartu používat velmi často, ale seznámení se s tím, jak HTML funguje, vám může někdy v budoucnu ušetřit spoustu času. Když se editor wysiwyg nebude chovat tak, jak by měl, můžete kliknout na textovou kartu a zjistit, co se děje. Možná opravdu chcete, aby bylo toto tlusté střevo uvnitř silných značek, ale myš to nechtěla zvýraznit správně. Ale tady jsi, teď je to uvnitř. Teď můžeme aktualizovat, a my vyjdeme sem, a já se ještě nenačítám, takže tlusté střevo je stále mimo silnou stránku, ale pokud se znovu načtu, uvidíte, že to bylo trochu odvážnější. Podívejme se, co jsme se dosud naučili: HTML je zkratka pro značkovací jazyk pro hypertext, což znamená, že jde o jazyk určený k označení normální angličtiny do hypertextu, a původně hypertext jednoduše znamenal, že na něj můžete kliknout, ale teď to znamená všechny druhy věcí, jako je deklarace záhlaví a tabulek a obrázků. HTML popisuje účel textu. Poté je na webovém prohlížeči, aby věděl, co s tímto textem dělat. Pokud se chcete dozvědět více o WordPress, podívejte se na WinningWP.com.

Zobrazit další videa …

Cokoli přidat?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me