Čo je to HTML? Čo to robí? A na čo sa používa? (Vysvetlenie videa)

Pochopenie HTML otvára web. Akonáhle budete vedieť, čo to je a ako to funguje, čoskoro uvidíte, ako základy väčšiny všetkých internetových funkcií – a čo je dôležitejšie: ako sa vytvárajú základné webové stránky a ako ich upravovať. A čo viac, HTML sa na prvý pohľad skľučuje, je to skutočne veľmi jednoduchý jazyk, ktorý sa môžete naučiť! Ste pripravení zistiť všetko o HTML?


Pozrime sa…

Čo je to HTML a čo robí ?:

– (poznámka: video kredity pre Topher DeRosia – tvorcu HeroPress

Prepis videa:

Ahoj! Toto je Topher s WinningWP. V tomto videu odpovieme na otázky: Čo je to HTML? Čo robí a na čo sa používa? Začnem tým, že ti poviem, čo to znamená a potom ti ukážem, čo to znamená a na čo sa používa. HTML je skratka pre značkovací jazyk hypertextu a hypertext odkazuje na skutočnosť, že HTML to robí tak, že môžete kliknúť na odkazy na webových stránkach. To je hypertext. Značkovací jazyk slov znamená, že je to niečo, čo používate na označenie normálnej angličtiny na označenie vecí. Lemme ti ukážem, čo tým myslím: Toto je normálna webová stránka. Je v programe WordPress a celá stránka používa HTML, aby prehliadaču oznámila, čo s týmto textom robiť. Niektoré z nich sú dôležitejšie ako iné, niektoré z nich sú v tabuľkách, niektoré z nich sú obrázky a na ľubovoľnej webovej stránke, v ľubovoľnom prehľadávači môžete kliknúť pravým tlačidlom myši a zobraziť zdroj stránky a zobraziť všetko HTML. Našťastie nemusíte vedieť všetko HTML. Ukážem vám, čo potrebujete vedieť v kontexte WordPress. Toto je ten istý príspevok, ale v oblasti správcov. Ak ste na WordPress zvyknutí, malo by to vyzerať dobre. Toto je normálna oblasť obsahu. Tento typ editora sa nazýva wysiwyg, pretože to znamená, čo vidíte, je to, čo získate. Toto slovo je najprv trochu tmavšie ako všetky ostatné, pretože som ho zvýraznil a klikol na tučné tlačidlo, takže teraz to vyzerá tučne. Toto slovo, štatistika, je v skutočnosti nadpis, veľkosť tri, a rozmanitosť je tiež nadpis, veľkosť štyri, ale tento normálny text je iba odsek. Úhľadná vec tohto editora je, že práve tu v pravom hornom rohu je tlačidlo, ktoré hovorí text. A teraz hľadáme rovnaké informácie, ale môžeme vidieť surový kód HTML. Práve tu je slovo ako prvé. Pamätáte si, ako som to zvýraznil a odvážne? To, čo sa v skutočnosti stalo, je zabalené do niektorých značiek HTML, ktoré sa nazývajú silné. HTML sa zvyčajne dodáva v dvoch značkách: otvorenie a zatvorenie a zatváranie je iné, pretože tu má túto malú lomku. Takže niečo skutočne dôležité vedieť o HTML je to, že popisuje text, ktorý označuje. Naozaj nechcem, aby to bolo odvážne. Chcem, aby to bolo silné. V čítačke obrazovky nezáleží na tom, či je tučný alebo nie, ale silná značka hovorí čitateľovi, aby to vyslovil mimoriadne dôrazne. Moje záhlavia, tri a štyri, naznačujú hierarchiu tohto textu. Môže to byť užitočné pre ľudí, ktorí čítajú, ale pre spoločnosť Google je skutočne užitočné porozumieť tomu, čo sa deje s vaším textom, a je to užitočné aj pre čítačky obrazovky. Je dôležité poznamenať, že nie všetky prehliadače vykresľujú HTML rovnakým spôsobom. Aj tu v tomto prehliadači, ktorým je prehliadač Chrome, je to veľkosť hlavičky štyri a vyzerá rovnako ako text odseku. Ak sa však vrátime k aktuálnemu príspevku, všimnete si, že je oveľa väčší ako text v odseku. Nezabudnite tiež na to, že nie všetky prehliadače zobrazujú veci rovnakým spôsobom. Takže sa nemôžete spoliehať na HTML, aby sa toto zväčšilo a odvážne. Používate HTML iba na to, aby ste ho opísali ako hlavičku veľkosti tri, a potom sa prehliadač stará o to, čo s tým urobiť. V niektorých prípadoch je zväčšený a výrazný, ale v iných prípadoch nie. V rámci tohto príspevku máme tabuľku práve tu, a ak prejdeme do textového režimu, môžete vidieť, že je tu: tabuľka, telo tabuľky, riadok tabuľky, atď. A pod tabuľkou máme obrázok. A v html obrázok vyzerá takto: začína na img, potom je tu trieda, o ktorej budeme hovoriť v ďalšom videu, a potom je tu zdrojová značka, ktorá nám hovorí, kde je obrázok na internete. Máme čítačku alt pre čítačky obrazovky a máme značku šírky a výšky, aby prehliadač vopred vedel, aký veľký bude tento obrázok. Pravdepodobne nebudete musieť túto textovú kartu používať veľmi často, ale naučenie sa trochu toho, ako funguje HTML, vám môže v budúcnosti ušetriť veľa času. Keď sa editor wysiwyg nebude správať tak, ako by mal, môžete kliknúť na kartu textu a zistiť, čo sa deje. Možno naozaj chcete, aby bolo toto hrubé črevo umiestnené v silných značkách, ale vaša myš ho nechcela zvýrazniť správne. Ale tu ste, teraz je to vnútri. Teraz sa môžeme aktualizovať a vyjdeme sem, a ešte som sa nenačítala, takže hrubé črevo je stále mimo silného, ​​ale ak sa teraz načíta, uvidíte, že je to trochu odvážnejšie. Pozrime sa, čo sme sa doteraz naučili: HTML je skratka pre značkovací jazyk pre hypertext, čo znamená, že ide o jazyk určený na označenie normálnej angličtiny do hypertextu a pôvodne hypertext jednoducho znamenal, že naň môžete kliknúť, ale teraz to znamená všetky druhy vecí, ako napríklad deklarovanie hlavičiek a tabuliek a obrázkov. HTML popisuje účel textu. Potom je na webovom prehliadači, aby vedel, čo s týmto textom robiť. Ak sa chcete dozvedieť viac o WordPress, pozrite si stránku WinningWP.com.

Zobraziť viac videí …

Čokoľvek pridať?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map