Menu

Cheat Sheet HTML - Stručný sprievodca značkami HTML pre začiatočníkov

  • Hlavná
  • Iné
  • Cheat Sheet HTML - Stručný sprievodca značkami HTML pre začiatočníkov

html cheat sheet quick guide html tags

V tejto komplexnej príručke HTML sa dozviete o rôznych bežne používaných značkách kódovania HTML s príkladmi kódu:

Na začiatku tutoriálu najskôr pochopíme, čo je jazyk HTML, a ďalej v tomto tutoriále sa pozrieme na rôzne tagy HTML. Tu tiež porozumieme niektorým značkám použitým v HTML5.

Poďme teda do toho a najskôr pochopíme, čo je HTML.

Cheat Sheet HTML

Čo sa dozviete:

Čo je to HTML

HTML je skratka pre Hyper Text Markup Language. Jedná sa o značkovací jazyk, ktorý vymyslel Tim Berners-Lee v roku 1991. Jednoduchými slovami môžeme povedať, že ide o jazyk, ktorý popisuje, ako by sa zobrazoval obsah webovej stránky. Na tento účel používa značky, do ktorých je vložený text, ktorý sa má zobraziť. Prehliadač interpretuje tieto značky tak, aby sa text zobrazil na obrazovke.

otváranie súborov jar v systéme Windows 10

Revízie HTML prešli mnohými zmenami a najnovšou dostupnou verziou je HTML5, ktorá bola vydaná v roku 2014.

Čo je to podvodný list HTML

Cheat Sheet HTML je rýchla referenčná príručka, ktorá obsahuje zoznam bežne používaných značiek HTML a ich atribútov. Značky sú zvyčajne zoskupené podľa kategórií pre ľahšiu čitateľnosť.

Značky HTML

Ďalej sme značky zoskupili do rôznych kategórií a spolu s príkladmi sa dozvieme o značkách patriacich do jednotlivých kategórií.

Základné značky

ZnačkyÚčel
....Predformátovaný text
(medzery, zalomenie riadku a písmo sú zachované)		HELLO Sam HELLO Sam
...Toto je nadradená značka (koreňový prvok) pre akýkoľvek dokument HTML. Celý blok kódu HTML je vložený do tejto značky
...Táto značka poskytuje všeobecné informácie o dokumente, ako je jeho nadpis a odkazy na štýly (ak existujú). Táto informácia sa nezobrazuje na webovej stránke.
...Moja webová stránka
...Moja prvá webová stránka

Úryvok kódu:

My Web Page My First Web Page

Výkon:

Moja webová stránka
(Zobrazené v záhlaví prehliadača)

Moja prvá webová stránka
(Zobrazené ako obsah webovej stránky)

Značky metadát

ZnačkyÚčel

Používa sa na určenie základnej adresy URL webových stránok.

Obsahuje informácie ako dátum zverejnenia, meno autora atď.

Obsahuje informácie týkajúce sa vzhľadu webovej stránky.
Používa sa na označenie externých odkazov, hlavne šablón štýlov. Je to prázdna značka a obsahuje iba atribúty.
….Používa sa na pridanie útržkov kódu, aby sa webová stránka stala dynamickou.

Úryvok kódu:

Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area

Výkon:

Rashmiho webová stránka

(Zobrazené v záhlaví prehliadača)

Toto je oblasť obsahu webových stránok spoločnosti Rashmi

(Zobrazené ako obsah webovej stránky)

Značky na formátovanie textu

OznačiťÚčelÚryvok kóduVýkon
.... Text je zvýraznený tučným písmom Ahoj Ahoj
.... Text bude kurzívou Ahoj Ahoj
....Podčiarkuje textAhojAhoj
....Prečiarknite textAhojAhoj
.... Text je zvýraznený tučným písmom
(Rovnaké ako .. značka)		 Ahoj Ahoj
.... Text bude kurzívou
(Rovnaké ako .. značky)		 Ahoj Ahoj
....
Značka nadpisu - # sa môže pohybovať od 1 do 6

Na druhej strane začiatočná alebo koncová značka je to, čo označujeme ako značka HTML.

Príklad:

alebo

alebo

alebo

každá z nich sa označuje ako značky. Je však potrebné poznamenať, že tieto dva výrazy sa často používajú ako synonymá.

Otázka č. 7) Aké sú 2 typy značiek v HTML?

testovacie nástroje na generovanie údajov

Odpoveď: V značkách HTML Spárované a Nepárové alebo Singular sú dva typy značiek.

Spárované značky - Ako už názov napovedá, jedná sa o štítky pozostávajúce z 2 štítkov. Jeden sa nazýva otváracia značka a druhý sa nazýva zatváracia značka. Napríklad: , atď.

Nepárové značky - Tieto značky sú samostatné značky a majú iba otváraciu značku a žiadnu zatváraciu značku. Napríklad:
, atď.

Otázka 8) Aký je rozdiel medzi kontajnerovou značkou a prázdnou značkou?

Odpoveď:

Kontajnerové značky sú značky, ktoré majú úvodnú značku, za ktorou nasleduje obsah a záverečnú značku. Napríklad: ,

Prázdne značky sú značky, ktoré neobsahujú žiadny obsah a / alebo uzatváraciu značku. Napríklad:
,

atď.

Otázka č. 9) Čo je najväčšia značka nadpisu?

Odpoveď:

je najväčšia značka nadpisu v značke HTML.

Otázka č. 10) Čo je značka select v HTML?

Odpoveď: Atag sa používa na vytvorenie rozbaľovacieho zoznamu. Najčastejšie sa používa vo formách, kde sa majú zhromažďovať vstupy používateľov. Ďalej je uvedený útržok kódu spolu s výstupom značky. Zobrazuje tiež spoločné atribúty tejto značky.

Úryvok kódu:

How do you travel to work

Private Transport Public Transport

Výkon:

vyberte výstup značky

Záver

Dúfam, že vám tento článok poskytol informácie o tom, čo presne je cheat sheet HTML. Cieľom bolo podeliť sa s našimi čitateľmi o rýchlu referenčnú príručku rôznych často používaných značiek HTML.

Videli sme tiež základné značky, značky meta informácií, značky na formátovanie textu, formuláre, rámčeky, zoznamy, obrázky, odkazy, tabuľky a vstupné značky. V tomto článku sú tiež zahrnuté niektoré značky, ktoré sa zvyčajne používajú spolu so značkou FORM, ako napríklad Select a Button. Dozvedeli sme sa tiež o značkách zavedených do jazyka HTML5.

Pre každú zo značiek sme sa dozvedeli o najbežnejších atribútoch použitých spolu so značkami a tiež sme videli jej súvisiaci kód a výstup.

Odporúčané čítanie

^