Menu

Cheat Sheet HTML - Stručný průvodce značkami HTML pro začátečníky

  • Hlavní
  • Jiný
  • Cheat Sheet HTML - Stručný průvodce značkami HTML pro začátečníky

html cheat sheet quick guide html tags

Vyzkoušejte Náš Nástroj Pro Odstranění Problémů

V tomto komplexním podváděcím listu HTML se dozvíte o různých běžně používaných značkách pro kódování HTML s příklady kódu:

jak přidat hodnoty do pole

Když začneme výukový program, nejprve pochopíme, co je jazyk HTML, a dále v tomto kurzu se podíváme na různé značky HTML. Zde také porozumíme některým značkám používaným v HTML5.

Pojďme tedy začít a nejprve pochopit, co je HTML.

Cheat Sheet HTML

Co se naučíte:

Co je HTML

HTML je zkratka pro Hyper Text Markup Language. Jedná se o značkovací jazyk, který vynalezl Tim Berners-Lee v roce 1991. Jednoduše řečeno, můžeme říci, že se jedná o jazyk, který popisuje, jak by se zobrazoval obsah webové stránky. Za tímto účelem používá značky, do kterých je vložen text, který se má zobrazit. Prohlížeč interpretuje tyto značky tak, aby zobrazovaly text na obrazovce.

Došlo k mnoha revizím HTML a nejnovější dostupnou verzí je HTML5, která byla vydána v roce 2014.

Co je podváděcí list HTML

Cheat Sheet HTML je rychlý referenční průvodce, který uvádí běžně používané značky HTML a jejich atributy. Značky jsou obecně seskupeny podle kategorií pro snadnou čitelnost.

Značky HTML

Níže jsme značky seskupili do různých kategorií a dozvíme se o značkách spadajících do každé kategorie spolu s příklady.

Základní značky

ZnačkyÚčel
....Předformátovaný text
(mezery, zalomení řádku a písmo jsou zachovány)		HELLO Sam HELLO Sam
...Toto je nadřazená značka (kořenový prvek) pro jakýkoli dokument HTML. Do této značky je vložen celý blok kódu HTML
...Tato značka poskytuje obecné informace o dokumentu, jako je jeho název a odkazy na šablony stylů (pokud existují). Tyto informace se na webové stránce nezobrazují.
...Moje webová stránka
...Moje první webová stránka

Úryvek kódu:

My Web Page My First Web Page

Výstup:

Moje webová stránka
(Zobrazeno v záhlaví prohlížeče)

Moje první webová stránka
(Zobrazeno jako obsah webové stránky)

nejlepší způsob, jak převést videa z YouTube na mp3

Značky metadat

ZnačkyÚčel

Používá se k určení základní adresy URL webových stránek.

Obsahuje informace jako datum zveřejnění, jméno autora atd.

Obsahuje informace týkající se vzhledu webové stránky.
Používá se k označení externích odkazů, zejména šablon stylů. Je to prázdná značka a obsahuje pouze atributy.
….Používá se pro přidání fragmentů kódu, aby se webová stránka stala dynamickou.

Úryvek kódu:

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

Výstup:

Rashmiho webová stránka

(Zobrazeno v záhlaví prohlížeče)

Toto je oblast obsahu webové stránky Rashmi

(Zobrazeno jako obsah webové stránky)

Značky pro formátování textu

ŠtítekÚčelÚryvek kóduVýstup
.... Zvýrazní text Ahoj Ahoj
.... Dělá text kurzívou Ahoj Ahoj
....Podtrhuje textAhojAhoj
....Přeškrtněte textAhojAhoj
.... Zvýrazní text
(Stejný jako .. štítek)		 Ahoj Ahoj
.... Dělá text kurzívou
(Stejný jako .. značky)		 Ahoj Ahoj
....
Značka nadpisu - # se může pohybovat od 1 do 6

Na druhou stranu, počáteční nebo koncová značka je to, co označujeme jako značka HTML.

Příklad:

nebo

nebo

nebo

každý z nich se označuje jako značky. Je však třeba poznamenat, že tyto dva výrazy se často používají zaměnitelně.

Otázka č. 7) Jaké jsou 2 typy značek v HTML?

Odpovědět: Ve značkách HTML Spárované a Nepárové nebo Singulární existují dva typy značek.

Spárované značky - Jak název napovídá, jedná se o značky obsahující 2 značky. Jeden se nazývá otevírací značka a druhý se nazývá uzavírací značka. Například: , atd.

Nepárové značky - Tyto značky jsou jednotlivé značky a mají pouze otevírací značku a žádnou uzavírací značku. Například:
, atd.

jak implementovat frontu v Javě

Otázka č. 8) Jaký je rozdíl mezi značkou kontejneru a prázdnou značkou?

Odpovědět:

Kontejnerové značky jsou značky, které mají úvodní značku, následovanou obsahem a závěrečnou značkou. Například: ,

Prázdné značky jsou značky, které nemají žádný obsah ani uzavírací značku. Například:
,

atd.

Otázka č. 9) Co je největší značka nadpisu?

Odpovědět:

je největší značka nadpisu ve značce HTML.

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

Odpovědět: Atag se používá k vytvoření rozevíracího seznamu. Nejběžněji se používá ve formulářích, kde se shromažďují vstupy uživatelů. Níže je fragment kódu spolu s výstupem značky. Zobrazuje také společné atributy této značky.

Úryvek kódu:

How do you travel to work

Private Transport Public Transport

Výstup:

vyberte výstup značky

Závěr

Doufám, že vám tento článek poskytne informace o tom, co přesně je tahák HTML. Cílem bylo podělit se s našimi čtenáři o rychlou referenční příručku různých často používaných značek HTML.

Také jsme viděli základní tagy, metaznačky, tagy pro formátování textu, formuláře, rámečky, seznamy, obrázky, odkazy, tabulky a vstupní tagy. V tomto článku jsou také zahrnuty některé značky, které se obecně používají společně se značkou FORM, jako je Select a Button. Dozvěděli jsme se také o značkách zavedených s HTML5.

U každé ze značek jsme se dozvěděli o nejběžnějších atributech použitých spolu se značkami a také jsme viděli její související kód a výstup.

Doporučené čtení

^