Napište do HTML: Základní koncepty HTML

Je to jednodušší, než si myslíte

Dobrá CMS usnadňuje publikování článků na vaše webové stránky. Ale co přesně posíláte? Několik odstavců textu. A pokud tento text není správně naformátován, váš krásný článek bude vypadat na vašich webových stránkách.

Dobrá zpráva: Pokud se naučíte psát v HTML, váš článek bude vypadat skvěle. S několika základními pojmy budete v HTML okamžitě psát.

HTML: Jazyk webového prohlížeče

"HTML" znamená "HyperText Markup Language". V podstatě je to jazyk pro označování vašeho textu , takže můžete udělat luxusní věci, jako například vypadat odvážně nebo odkazovat na některé jiné stránky.

HTML je základní jazyk vašeho prohlížeče. Používáme mnoho programovacích jazyků pro internet (PHP, Perl, Ruby a další), ale všichni nakonec vyplivnout HTML. (No, nebo JavaScript, ale pojďme to jednoduché.)

Váš prohlížeč převezme kód HTML a udělá ho do hezké webové stránky.

Naučte se psát ve formátu HTML a budete přesně vědět , co říkáte prohlížeči.

HTML označuje obyčejný text

HTML je značkovací jazyk, takže většina "HTML" je prostý text. Například to je naprosto dobrý HTML:

Ahoj. Jsem HTML. Vzrušující. Ano. Úžasný.

Ale počkej, říkáš. To nevypadá jako počítačový jazyk! Vypadá to jako angličtina!

Ano. Teď znáte velké tajemství. HTML (pokud je používán správně) je čitelný text.

Naučte se ze zkušeností s procesorem

Samozřejmě chceme víc než prostý text. Chceme, řekněme, kurzívou .

Již víte, jak získat kurzívu v programu pro textové procesory (jako je Microsoft Word nebo zdarma LibreOffice). Stisknete malé tlačítko I.

Vše, co odtud psáte, je v kurzívě. Můžete zadat stránky. Jak zastavíte tento festival důrazu? Stiskněte znovu tlačítko I. Nyní je vaše písmo normální.

Pokud se vrátíte do středu kurzívních slov a přidáte nějaký text, bude také v kurzívě. Mezi výchozím bodem, kde jste "zapnuli" kurzíva a koncovým bodem, kde jste je vypnuli, je nějaká kurzívní zóna .

Bohužel tyto koncové body jsou neviditelné.

Neviditelné koncové body mohou způsobit spoustu bolesti. Je velmi snadné vypnout kurzíva, pak uděláte nějakou chybovost s kurzorem a zjistíte, že jste stále kurzívou. Pokoušíte se je znovu vypnout, ale nějak jste se přestěhovali, a tak je vypnutí opravdu zapne ... je to nepořádek.

Používá & # 34; Tagy & # 34;

HTML také používá koncové body. Rozdíl je v tom, že v HTML můžete vidět tyto koncové body. Ty je zadáte. Jsou nazývány štítky .

Řekněme, že chcete zmírnit tento dřívější příklad. Chcete zaškrtnout slovo "Vzrušující". Zadejte Vzrušující . Takhle:

Ahoj. Jsem HTML. Vzrušující . Ano. Úžasný.

Uložte to do textového editoru a poté zkopírujte a vložte HTML do pole "nový článek" ve vašem CMS. Když prohlížeč ukázal stránku, vypadá to takto:

Ahoj. Jsem HTML. Vzrušující . Ano. Úžasný.

Na rozdíl od textového editoru neuvidíte kurzívu při psaní. Zadejte značky. Prohlížeč přečte značky, činí je neviditelnými a řídí se jejich pokyny.

Může to být nepříjemné vidět všechny ty značky, ale správný textový editor to mnohem usnadňuje.

Otevírací a uzavírací značky

Podívejte se znovu na značky a . zapne kurzíva, stejně jako první klepnutí na tlačítko I. vypíná kurzívu, jako druhé kliknutí.

Namísto klepnutí na tlačítko zapíšete malé značky. Otevírací značka pro spuštění kurzívy, závěrečný tag pro zastavení.

Všimněte si rozdílu mezi značkami. Uzávěrka má / lomítko. Všechny závěrečné značky ve formátu HTML budou mít lomítko.

Nezapomeňte zavírací značku

Uzavírací značky jsou spíše důležité. Co když zapomenete na závěr , takhle?

Ahoj. Jsem HTML. Vzrušující. Ano. Úžasný.

Je to, jako byste zapomněli znovu kliknout na I , abyste vypnuli kurzívu. Získáte toto:

Ahoj. Jsem HTML. Vzrušující. Ano. Úžasný.

Jediná zmeškaná značka může celý článek nebo dokonce zbytek stránky změnit na řeč kurzívou.

To je pravděpodobně nejjednodušší a nejnechylnější chyba pro začátečníky, kterou můžete udělat. Ale je to snadné opravit. Jen pop v závěrečném tagu.

Nyní se dozvíte některé značky

Gratulace! Chápete základní HTML!

Obvyklý text označený otvíracími a uzavíracími značkami. To je docela hodně.

Nyní se můžete dozvědět některé základní HTML značky. (Možná budete chtít nejprve získat slušný textový editor.)