Základní HTML FAQ, které byste měli uložit do záložek

HTML existuje už dlouhou dobu, takže je na čase naučit se základy. Co to je, jak to funguje a jak psát některé běžné prvky v HTML.

Než začnete, ujistěte se, že si přečtete našeho průvodce, jak bezplatně online editory HTML 5 nejlépe zdarma online editory HTML otestovat svůj kód 5 Nejlepší zdarma online editory HTML otestovat váš kód Pro časy, kdy si jen chcete hrát s malým útržkem HTML, takže můžete to vyladit podle svých představ, online HTML editor vám poslouží lépe. a nejlepší webové stránky pro kvalitní příklady HTML 8 Nejlepší webové stránky pro kvalitní HTML kódování Příklady 8 Nejlepší webové stránky pro kvalitní HTML kódování Příklady Existuje několik úžasných webů, které nabízejí dobře navržené a užitečné příklady HTML kódování a návody. Zde je osm z našich oblíbených. .

Co je to HTML?

HTML je jazyk používaný k vytváření webových stránek. HTML znamená Hyper Text Markup Language a je to jednoduchá sada pokynů pro váš webový prohlížeč. Prohlížeč pomocí těchto pokynů zobrazí, jak by měla vypadat webová stránka.

Je důležité pochopit, že je to označení jazyk, ne programování Jazyk. Programovací jazyky umožňují řešit problémy, jako jsou matematické rovnice, manipulace s daty nebo pohybování postavou videohry.

Nemůžete psát žádnou logiku v HTML. Jedná se pouze o rozvržení.

Jak vypadá HTML?

HTML se skládá z několika prvků známých jako “značky”. Značky jsou pokyny pro stylování konkrétní části vaší webové stránky. Vracíme se ke konstrukci, HTML jsou plány a značky jsou specifické vlastnosti, jako jsou okna nebo dveře.

Takto vypadá velmi základní webová stránka v HTML:

  Web MUO    

Značky v HTML jsou předdefinovány a určují běžné funkce, jako jsou obrázky, odkazy na jiné webové stránky, tlačítka a další.

Převážná většina značek musí být otevřeno a Zavřeno. Tím se jednoduše definuje některá funkce s textem, obrázky nebo jinými značkami uvnitř a pak se definice ukončí. Když se vrátíme k domům, otevření značky je jako říkat “spusťte okno zde”, a uzavření značky je jako říkat “tady je okno končí”.

Značky HTML se ve skutečnosti na vašem webu nezobrazí. Váš prohlížeč se řídí pokyny, ale nikdy jej nezobrazí žádným návštěvníkům. Není to však tajemství. Jakmile publikujete své webové stránky, může se kdokoli podívat na váš HTML.

I když existuje velké množství různých značek HTML, nemusíte se je učit všechny, než budete moci kódovat web. Dnes se naučíte, jak psát některé běžné značky a na co je lze použít.

Co jsou atributy HTML HTML?

Poslední věc, kterou byste měli vědět o značkách, je atributy. Atributy definují speciální vlastnosti tagů. Pokud jsou štítky okna a dveře, pak atributy určují konkrétní podrobnosti o budově. Může to být šířka a výška rámu, ať už se okno otevře, nebo pokud dveře mají zámek.

Atributy jsou součástí úvodní značky, například:

Nemůžete si jen vytvořit vlastní značky nebo atributy. Atributy a značky jsou předdefinovány World Wide Web Consortium (W3C).

Co je HTML5?

HTML5 je nejnovější verze HTML. Obsahuje několik nových značek, atributů a funkcí.

Protože HTML je sada pokynů, různé webové prohlížeče jej někdy interpretují odlišně. Jeden prohlížeč se může rozhodnout, že okna a dveře by měly být natřeny černě, pokud neřeknete jinak.

Zatímco prohlížeče se konečně začaly navzájem zcela shodovat, můžete se někdy chytit velmi novými funkcemi. Google Chrome možná implementoval novou značku, ale internetový prohlížeč společnosti Microsoft zatím ne.

Z větší části budou vaše webové stránky vypadat stejně ve všech hlavních prohlížečích, ale stále stojí za to provést rychlý test před publikováním obsahu, zejména pokud používáte novější značky, které zatím nemusí být podporovány všemi prohlížeči..

Pokud se chcete dozvědět více o HTML5, podívejte se na našeho průvodce Začínáme s HTML5 Začínáme s HTML5 Začínáme s HTML5 Slyšeli jste o HTML5. Každý to používá. Je ohlašován jako zachránce internetu a umožňuje lidem vytvářet bohaté a poutavé webové stránky bez použití Flash a Shockwave. .

Jak okomentovat HTML

Stejně jako mnoho jiných jazyků, značkování nebo programování, má HTML schopnost “komentovat” bloky označení. Komentář je něco, co prohlížeč ignoruje. Toto může být poznámka, která vám připomene, co tento konkrétní kousek vašeho webu dělá.

Tím, že okomentujete označení, přikazujete prohlížeči, aby ignoroval jednu nebo více značek. To může být užitečné k odstranění funkčnosti nebo ke skrytí části vašeho webu bez odstranění kódu.

Když webový prohlížeč uvidí komentář, chápe jej jako “tyto pokyny nepoužívejte, dokud neřeknu jinak”. Komentáře se skládají z “otevírací” komentovat a “uzavření” jako značky.

Zde je příklad:

Kódování komentářů se provádí přesně stejným způsobem:

Spíše než zpráva vložte značkování mezi značky komentářů.

Jak vkládat obrázky do HTML

Vkládání obrázků do HTML se provádí pomocí značky obrázku:

Velikost písma lze snadno změnit pomocí velikost atribut:
MUO Big Text
Pokud chcete změnit barvu písma, lze to snadno provést pomocí barva atribut:
MUO červený text
Tyto atributy jsou pro písmo štítek. Pokud chcete použít jinou značku, můžete hnízdo tagy umístěním jednoho do druhého:
MUO červený text
Jak přidat odkaz v HTML
Odkazy lze přidat pomocí A štítek:
MakeUseOf.com
 href atribut je cíl vašeho odkazu.
Jak vytvořit tabulku v HTML
HTML tabulky zahrnují vnoření několika různých značek. Budete muset začít s stůl štítek:
Nyní přidejte několik řádků pomocí tr štítek:
Nakonec použijte td tag pro vytvoření buněk tabulky, které také vytvoří sloupce:
S rozvržením stolu je možné jít přes palubu a jít docela divoce, ale obvykle je nejlepší udržet věci jednoduché, pokud je to možné. V minulosti byly tabulky použity ke strukturování webové stránky, ale tato praxe je datována a vypadá hrozně. Mějte tabulky jednoduše pro předávání dat do čtečky.
Použití CSS s HTML
Tyto příklady se týkaly základů, ale pokud chcete být opravdu kreativní, musíte použít CSS. Kaskádové šablony stylů vám umožňují mnohem větší kontrolu nad designem vašich webových stránek a umožňují vám znovu použít docela hodně kódu mezi různými částmi vašeho webu..
I když máme návody, jak se učit CSS 5 Baby Steps k učení CSS a stát se Kick-Ass CSS Sorcererem 5 Baby Steps k učení CSS a stát se Kick-Ass CSS Sorcerer CSS je jedna z nejdůležitějších změn, kterou webové stránky za poslední desetiletí zažily, a to vydláždilo cestu k oddělení stylu a obsahu. XHTML moderně definuje sémantickou strukturu… a rychlé příklady CSS 10 příkladů jednoduchých kódů CSS, které se můžete naučit za 10 minut 10 příkladů jednoduchých kódů CSS, které se můžete naučit za 10 minut Budeme se zabývat tím, jak vytvořit inline šablonu stylů, takže umí procvičit své dovednosti CSS. Poté se přesuneme na 10 základních příkladů CSS. Odtud je vaše představivost limitem! , je zde ještě nějaké nastavení, které můžete udělat v HTML.
Pokud byste chtěli psát CSS vedle HTML, můžete použít styl atribut. Tento atribut jednoduše použije CSS na značku, na které se používá:
I když tento způsob funguje dobře, bude pro vás těžké udržet se, pokud máte hodně značek, které vyžadují podobný styl.
Lepší způsob je použít styl tag, umístěný uvnitř hlava štítek. Zde můžete definovat CSS pro celou stránku:
   MNOHO PRAVIDLA CSS   
Značka stylu má atribut text / css. To je vyžadováno, aby váš prohlížeč věděl, jaký přesný styl lze ve značce očekávat.
Třetí a poslední způsob použití CSS je prostřednictvím externího souboru pomocí odkaz štítek. Toto propojí váš HTML s CSS uloženým v jeho vlastním souboru, což je skvělé, pokud jej máte velké množství:
Zde se používá několik atributů. rel atribut deklaruje váš odkaz jako šablonu stylů. Typ “text / css” je znovu definován v typ atribut a href Atribut je místo, kde najít externí soubor.
Jak si vytvořit web s HTML?
Jak jste viděli, HTML opravdu není tak špatné, že? Pomocí několika jednoduchých značek a atributů můžete webovou stránku rychle sestavit, i když jste nikdy předtím nepsali HTML!
Pokud chcete napsat kompletní web, ujistěte se, že se podíváte na našeho průvodce pro začátečníky, jak vytvořit web. Jak si vytvořit web: pro začátečníky Jak si vytvořit web: pro začátečníky dnes vás budu provázet proces vytváření úplného webu od nuly. Nebojte se, pokud to zní obtížně. Provedu vás tímto krokem na každém kroku.   .