Je to jednoduchšie, ako si myslíte
Dobrá CMS uľahčuje uverejňovanie článkov na vašich webových stránkach. Ale čo presne uverejňujete? Niekoľko odsekov textu. A ak tento text nie je naformátovaný správne, váš krásny článok bude vyzerať na vašich webových stránkach.
Dobrá správa: ak sa naučíte písať v jazyku HTML, váš článok bude vyzerať skvele. S niekoľkými základnými konceptmi budete písať v HTML hneď.
HTML: Jazyk webového prehliadača
"HTML" znamená "HyperText Markup Language". V podstate je to jazyk na označenie vášho textu , takže to môže robiť fantazie veci, ako vyzerajú odvážne alebo odkaz na niektoré iné stránky.
HTML je základným jazykom vášho prehliadača. Používame veľa programovacích jazykov pre internet (PHP, Perl, Ruby a iné), ale všetci nakoniec vyplienú HTML. (No, alebo JavaScript, ale poďme to jednoduché.)
Váš prehliadač má HTML a stáva sa peknou webovou stránkou.
Naučte sa písať v jazyku HTML a budete presne vedieť , čo hovoríte prehliadaču.
HTML označuje bežný text
HTML je značkovací jazyk, takže väčšina "HTML" je len obyčajný text. Napríklad, toto je úplne dobré HTML:
Ahoj. Som HTML. Vzrušujúce. Jo. Úžasný.
Ale počkajte, hovoríte. To nevyzerá ako počítačový jazyk! Vyzerá to ako angličtina!
Áno. Teraz poznáte veľké tajomstvo. HTML (ak je použitý správne) je čitateľný text.
Naučte sa zo skúseností s textovým procesorom
Samozrejme, že chceme viac ako obyčajný text. Chceme, povedzme, kurzívou .
Už viete, ako získať kurzívu v programe Word Processor (ako je Microsoft Word alebo bezplatná LibreOffice). Stlačíte malé tlačidlo I.
Všetko, čo napíšete odteraz, je v kurzíve. Môžete písať pre stránky. Ako prestaneš tento festival dôrazu? Stlačte opäť tlačidlo I. Teraz sa vaše písmo vráti do normálu.
Ak sa vrátite späť do stredu kurzívnych slov a pridáte nejaký text, bude to tiež v kurzíve. Medzi východiskovým bodom, kde ste "zapnuli" kurzívou, a koncovým bodom, kde ste ich vypol, existuje istá kurzívna zóna .
Bohužiaľ, tieto koncové body sú neviditeľné.
Neviditeľné koncové body môžu spôsobiť veľa bolesti. Je príliš jednoduché vypnúť kurzívu, potom urobte nejaký chybový krok s kurzorom a zistíte, že ste stále v kurzíve. Pokúšate sa ich znova vypnúť, ale nejako sa znova presťahovali, takže ich vypnutie naozaj prepne na ... je to neporiadok.
HTML používa & tagy & # 34;
HTML tiež používa koncové body. Rozdiel je v tom, že v HTML môžete vidieť tieto koncové body. Zadáte ich. Označujú sa ako značky .
Povedzme, že chcete skomplikovať predchádzajúci príklad. Chcete začiarknuť slovo "Vzrušujúce". Zadali by ste Vzrušujúce . Ako toto:
Ahoj. Som HTML.
Uložili by ste to do textového editora a skopírujte a vložte HTML do poľa "nový článok" vo vašom CMS. Keď prehliadač zobrazil stránku, vyzeralo by to takto:
Ahoj. Som HTML. Vzrušujúce . Jo. Úžasný.
Na rozdiel od textového editora nevidíte kurzíva pri písaní. Zadávate značky. Prehliadač číta značky, robí ich neviditeľné a sleduje ich pokyny.
Môže to byť nepríjemné vidieť všetky tieto značky, ale správny textový editor to uľahčuje.
Otváracie a záverečné značky
Pozrite sa znova na značky a . zapne kurzíva, rovnako ako prvé kliknutie na tlačidlo I. vypína kurzíva, ako druhé kliknutie.
Namiesto toho, že kliknete na tlačidlo, zadávate malé značky. Začiatočná značka na spustenie kurzívy, záverečná značka na zastavenie.
Všimnite si rozdiel medzi značkami. Uzáver má /, lomku. Všetky záverečné značky v jazyku HTML budú mať lomku.
Nezabudnite na záverečnú značku
Uzatváracie značky sú skôr dôležité. Čo ak zabudnete na uzavretie , ako je to?
Ahoj. Som HTML.
Je to, akoby ste zabudli kliknúť znovu na I , aby ste vypálili kurzívu. Získate toto:
Ahoj. Som HTML. Vzrušujúce. Jo. Úžasný.
Jedna zmeškaná značka môže celý článok alebo dokonca zvyšok stránky zmeniť na kurzívu.
Toto je pravdepodobne najľahšia a najnezvyčajšia chyba začiatočníkov, ktorú môžete urobiť. Ale je to ľahké opraviť. Stačí sa objaviť v záverečnej značke.
Teraz zistite niektoré značky
Blahoželáme! Chápete základné HTML!
Bežný text je označený otváracími a zatváracími značkami. To je skoro všetko.
Teraz prejdite naučiť niektoré základné HTML značky. (Možno budete chcieť najprv získať slušný textový editor.)