Mark Lucas
11 
2202
449
Od té doby, co jsem se poprvé začal učit o HTML v 90. letech, jsem vždy zjistil, že je téměř nemožné najít dobré a solidní příklady HTML na internetu. Bylo by hezké mít několik webových stránek, které nabízejí nejnovější, nejúžasnější příklady dynamického kódování webových stránek.
Od 90. let se toho hodně změnilo a příchod dynamických webových kódovacích jazyků, jako je PHP a CSS, skutečně činí HTML starou školou. Poté musíte pochopit HTML staré školy, než porozumíte jazykům, které dynamicky vytvářejí HTML, které prohlížeče zobrazují.
Naštěstí nyní existuje několik úžasných webů, které nabízejí dobře navržené a užitečné příklady a návody pro kódování HTML. Určitě stále existuje spousta docela špatných webových stránek s HTML návody, takže jsem se rozhodl dát dohromady osm mých oblíbených webových stránek.
Měl bych zmínit, že MUO je pravděpodobně prvním místem, kde začít, s cool články o základním HTML kódu 5 kroků k pochopení základního kódu HTML 5 kroků k pochopení základního kódu HTML HTML je páteří každé webové stránky. Pokud jste začátečník, projdeme vás základními kroky k pochopení HTML. Skvělé efekty HTML, které může každý přidat na své webové stránky 7 Skvělé efekty HTML, které může každý přidat na své webové stránky Nezoufejte! Nemusíte znát CSS nebo PHP, abyste si vytvořili fantastický web. Některé dobré staré HTML a vědět, jak zkopírovat a vložit, to udělá. a HTML tipy 5 HTML tipy pro vytvoření rychlého načítání webové stránky zdarma 5 HTML tipy pro vytvoření rychlého načítání webové stránky zdarma pro usnadnění načítání vašeho webu rychleji.
Těchto osm základních webů nabízí nejen dobrý a solidní základ pro kódování HTML, ale také nabízí nejlepší prostředí pro učení. Pomocí nástrojů, které můžete použít, můžete upgradovat své dovednosti pro vývoj webových aplikací pomocí těchto 10 základních nástrojů, které upgradují své dovednosti pro vývoj webových aplikací pomocí těchto 10 základních nástrojů. Jste připraveni začít vyvíjet webové stránky? Tyto online nástroje pro nové a zkušené vývojáře webu jsou zaručeny, že zvýší vaše dovednosti! vyzkoušet, co se naučíte.
1. HTML pes
Jedním z mých oblíbených webů, které obvykle kontroluji jako první, kdykoli zapomenu základní syntaxi příkazů HTML, je HTML Dog. Tato stránka je dobře navržená, na rozdíl od 90 procent webových stránek s webovým designem, které vypadají, jako kdyby byly postaveny v 90. letech a nikdy nebyly aktualizovány. Formát je jednoduchý a rychlý - stačí kliknout na odkaz Příklady na hlavní stránce a najdete seznam prvků HTML, jako je rozvržení, zbarvení, text a další.
HTML Dog poskytuje jasné příklady v bílých kódových polích, které můžete zkopírovat a vložit do svého vlastního HTML kódu. Na podokně vpravo můžete vidět skutečný výstup HTML ukázkového kódu v reálném čase.
2. W3Schools
Nyní, zatímco HTML Dog je můj nejoblíbenější, pokud jde o kontrolu základní syntaxe, W3Schools je místo, na které obvykle chodím, když chci mít trochu fantazie s webovým kódováním. Je to jeden z nejpopulárnějších zdrojů pro všechny jednoduché a dynamické příklady kódování, od PHP přes JQuery a Javascript - ale najdete také úžasnou sekci plnou základních příkladů kódování HTML.
Skvělá věc, o W3Schools, je, že stejně jako HTML Dog mají užitečný nástroj pro rozdělení obrazovky, kde můžete vyzkoušet kód, který se naučíte v každé lekci. Stačí trochu vylepšit HTML, klikněte “Běh” a výsledky v oblasti uvidíte vpravo. Velmi užitečné!
3. Quackit
Dalším webem, který je na stejné úrovni jako W3Schools, pokud jde o užitečnost a moderní design, je Quackit. Ano, název je trochu praštěný, ale stránka obsahuje množství užitečných příkladů.
V oblasti HTML najdete mnoho příkladů kódu v textových polích, které můžete zvýraznit a zkopírovat - se skutečným efektem zobrazení zobrazeným v “Příklad” sloupec.
4. Landofcode.com
Dalším webem, který nabízí užitečný nástroj rozdělené obrazovky pro testování kódu HTML, je LandOfCode. Hlavní stránka nabízí velké množství příkladů HTML, vše od formátování textu HTML a správného propojení na formuláře HTML, šablony stylů a metaznačky. Skutečným skvostem na této webové stránce je online editor kódu PractiCode.
Toto je vlastně o něco pokročilejší než nástroj W3Schools a HTML Dog, protože má další tlačítka, která vám umožní zobrazit výsledky v novém okně, nejen v oblasti zobrazení vpravo..
5. Codecademy
Jedním z nejznámějších webových stránek pro výuku jakéhokoli jazyka je samozřejmě Codecademy. A pokud jde o učení základního HTML, Codecademy nezklame svým prvním webem pomocí kurzu HTML a CSS [Broken Link Removed].
Pracovní plocha kurzu, stejně jako zbytek kódu Codecademy, je poměrně pokročilá a poskytuje vám flexibilitu při hraní v oblasti kódu a při provádění změn uvidíte správnou webovou stránku v reálném čase. Můžete jej také přepnout na celou obrazovku a zobrazit, jak váš web vypadá v celém okně prohlížeče.
Pěkná věc na tomto kurzu je, že také zahrnuje učení o používání CSS k formátování vašich stránek. 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 vložená šablona stylů, abyste si mohli procvičit své dovednosti CSS. Poté se přesuneme na 10 základních příkladů CSS. Odtud je vaše představivost limitem! , který by se měl kdokoli, kdo se učí základnímu HTML, naučit současně s tím, jak se učí HTML.
6. EchoEcho
Několik dalších webů, na které jsem se chtěl dotknout, není nejlepší z nejlepších - ale stojí nad jinými weby HTML, protože jsou dobře napsané, dobře naformátované a téma důkladně pokrývají. Prvním z nich je EchoEcho. Tento web obsahuje sekci HTML, která je pravděpodobně jedním z nejobsáhlejších seznamů prvků HTML, které se lze naučit na jednom místě.
Každá z nich poskytuje velmi jasný příklad toho, jak by měl být kód HTML strukturován, spolu s vysvětlením všech dostupných parametrů a možností, které můžete použít.
Tato stránka je ve skutečnosti věnována nabídce mnohem více než tutoriálů - jeho online D-Zine! je v podstatě online časopis věnovaný všem věcem souvisejícím s webovým designem.
7. Java2s
Sekce HTML / CSS na webu Java2s je jako encyklopedie značek HTML pro začátečníky i odborníky. Rozložení je perfektní, zejména pro lidi, kteří již možná vědí, jaké značky HTML chtějí použít, ale nemohou si přesně pamatovat přesnou syntaxi.
Seznam značek je čistý a abecední, takže můžete rychle posunout dolů a najít ten, který chcete. Po kliknutí na značku se zobrazí seznam příkladů použití a po kliknutí na jeden z nich se zobrazí přesný fragment kódu, který je třeba použít k jeho implementaci.
Můžete kliknout na Zkuste tento příklad pro zobrazení výsledné stránky HTML v novém okně prohlížeče.
8. Ocenění
A konečně, protože je vždy dobré se naučit kódovat podle příkladů vynikajících kódů, musím dát kudos jednomu z nejužitečnějších webů na internetu, který by si měli všichni studenti, kteří jsou HTML novým, přidat do záložek. Tato stránka se nazývá Awwwards.
Ocenění uděluje ceny za stránky roku, měsíce a dne a dokonce dává několik palců nejlepším vývojářům a mobilním webům. Procházení těmito výběry vám poskytne spoustu nápadů, jaké prvky a rozvržení fungují nejlépe, když sestavujete své vlastní webové stránky..
Jděte do toho a vytvořte
Neexistuje nic tak vzrušujícího, jako jsou dny trávení nebo dokonce měsíce, kódování vašich vlastních webových stránek a konečně odhalení vašeho mistrovského díla světu. Pokud jste dobrým studentem HTML a dobrých postupů při navrhování HTML, určitě se můžete připojit k řadám vývojářů webu, kteří přispěli k tomu nejlepšímu, co může web nabídnout.
Nezapomeňte se podívat na vlastní seznam příkladů HTML stránek MakeUseOf, které vám pomohou začít.
Vyvinuli jste chuť pro kódování? Tyto problémy s kódováním vám mohou pomoci vydělat lepší plat a nezapomeňte se podívat na tyto prohlížeče IDE, o kterých by měli programátoři vědět.
Chcete ukázky kódu pro jiné programovací jazyky? Spousta z nich najdete na těchto profesionálních webových stránkách s ukázkami kódu. Top 10 profesionálních webových stránek s ukázkovým kódem pro programátory Top 10 profesionálních webových stránek s ukázkovým kódem pro programátory Chcete se naučit a vytvářet aplikace s ukázkami kódu? Zde jsou nejlepší bezplatné ukázkové weby, se kterými můžete začít. .