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.
Čo sa dozviete:
otváranie súborov jar v systéme Windows 10
Č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.
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ódu | Výkon |
---|---|---|---|
.... | Text je zvýraznený tučným písmom | Ahoj | Ahoj |
.... | Text bude kurzívou | Ahoj | Ahoj |
.... | Podčiarkuje text | Ahoj | Ahoj |
.... | Prečiarknite text | Ahoj | Ahoj |
.... | 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 testovacie nástroje na generovanie údajov Otázka č. 7) Aké sú 2 typy značiek v HTML? 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: 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: 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:
Výkon: ZáverDú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
^
|