DOUG LLOYD: Takže jsme strávili about-- když je moje matematika je správné, A myslím, že při pohledu back-- myslím, jsme strávili asi 35 videí mluví o různých aspektech C, možná o trochu víc, možná o něco méně. A my se nevztahuje na vše v C, ale my se vztahuje velký kus z jazyk, drtivá většina z nich, jistě i pro běžné použití. Teď budeme mluvit o jiný jazyk, HTML. A jdeme na pokrytí to jen v jednom videu. 

Ale to bude v pořádku. To bude skutečně stát něco, co budete zvyknout. Nyní, když máte Základy jednoho jazyka, je to vlastně docela snadné se začít učit ostatní. Takže jdeme na začátek ke kroku trochu zpět a zakrýt základní rozdíly mezi těmito jazycích a druh nechat vás k němu. Je tu spousta opravdu skvělý zdroje na internetu, který budeme začít režii vás vůči protože internet je obrovská úložiště informací. A tak to není jako budete být přicházejí nutně tím, že není informace zahrnuty ve videu. Stále budete mít možnost získat vše, co potřebují a využívají znalosti, které jste již vybudovala pochopením C aby křivku učení pro tyto jiné jazyky vlastně hodně plošší. Slibuji. 

Ale pojďme mluvit o jednom jazyce to je opravdu zásadní pro každý web strana, která je HTML. HTML je Hyper Text Markup Language. HTML je jazyk, ale to je není programovací jazyk. 

HTML nemá proměnné. To nemá logiku ani funkce nebo něco takového. Nemůžeme dělat žádné programování sám o sobě v HTML. Občas uslyšíte lidé popisují sebe jako HTML programátory, které není úplně přesné. Nemůžeme psát HTML programy. 

HTML slouží jen označit text. Jmenuje se to značkovací jazyk. A co to does-- tuto markup-- používáme tagy v HTML a tyto tags-- tento markup-- sémanticky definuje strukturu stránky a způsobí, že prostý text, který existuje mezi značky, které mají být interpretovány by prohlížečů různými způsoby. A možná je to nejlepší vysvětlit tím, že způsob ilustrace. 

Zde je velmi jednoduchá stránka HTML, ne program HTML, opět, stránka HTML. A my víme, že je to HTML stránky, protože my máme ohraničené všechno s HTML tagy. Takže tohle je to, co značka HTML vypadá. Je to mezi lomených závorkách. A všimněte si na vrcholu máme HTML a na samém dně, poté, co jsme udělali, co je zřejmě mnoho dalších HTML, máme úhel závorka lomítko HTML. Tak, že druh je hranice mezi tím, co je HTML a co není. A samozřejmě, konvenčně, jen jak píšeš všechny vaše C programů s rozšířeními tečka C, všechny soubory HTML skončí s bodových rozšíření HTML. Ale je tu jde o víc. Nemáme prostě mít tyto HTML tagy. Máme zřejmě se to čemu se říká tag hlavy. No, OK, co je to? 

No, možná, že je to nejlepší rozlišit pomocí tělesa, Tělo je obsah webové stránky. Takže možná tag hlava definuje věci že není v okně prohlížeče správné, ale je nějak důležité pro naše webové stránky je vykreslen správně. Například, uvnitř z head tag máme název značky. 

Takže název bytí hello world, že to vlastně bude, co zobrazí v záložce v Chrome nebo v safari nebo Firefox-- bez ohledu na prohlížeč prefer--, že je to co se děje se ukázat v názvu. A než kartách by to ukázat, v celém okně prohlížeče a můžete mít pouze jednu stránku otevře v okně prohlížeče v čase. Takže, co se děje, že je Název mé stránce up v záložce nebo okno prohlížeče bar, hello world. A pak se obsah my webová stránka bude svět, ahoj. Takže pojďme se podívat na to, co někteří něco takového by mohlo vypadat. To je docela jednoduchá stránka HTML. Tak jsem tady v mém CS50 IDE a Já jsem přiblížení trochu. A já jsem prostě jít otevřít ahoj dot HTML a ukázat vám, že je to do značné míry stránky obsah, který jsme viděli dříve. Moje jednoduchých HTML, hlava značky, název značky, tělo, a tak dále. Já jsem odsazeny být čisté. 

A potom, co se dá dělat v mém IDE je jen zobrazit náhled stránky. A tam jdeme. Obsah mé stránce je svět, ahoj, a já nic nevidím Z tagů hlavy tam. Je to jen obsah těla. World, ahoj. A opět tělo jen řekl, svět, ahoj. Druhá část chybí. 

Tak to je opravdu vše, co je. Jedná se o velmi jednoduchý základní stránka HTML. Teď jsem odsazeny mého HTML kódu do být opravdu pěkné a organizované, ale nemám ve skutečnosti mít. Mohl bych, aby to vypadalo pěkně ošklivé. A to by stále fungovat. To by bylo přesně stejné webové stránky. Právě jsem zbavili všechny bílé místo. 

Jak to dopadá, bílý prostor je dat. A tak, když jsme odesílání dat z odesílatele k přijímači, ze serveru klientovi data stojí peníze. A tak, jak se zbavit mezery je vlastně dobrý nápad pokud jste někoho, kdo slouží up hodně webového obsahu. Je to špatný nápad, pokud jste někdo, kdo je učí tyhle věci a chcete mít to pěkně organizovaný. To je mnohem jednodušší, rozebrat, než tohle. Ale je to funkčně totožné. 

Odsazení a podobné věci není ve skutečnosti jedno, v HTML. Vše, na čem záleží, je otevírací tagy a uzavírací značky ve správném pořadí. Všimněte si, co se tady stalo, ačkoli. Značkovací nám dává cestu k sdělovat další informace o tom, co jsem napsal. Hello, World část byla interpretovány jako titul. A svět, ahoj část byla interpretována jako obsah nebo co by mělo být viditelný na mé webové stránce. 

Existuje více než 100 z nich odlišný tagy a mnoho skvělých zdrojů on-line je najít. Budeme mluvit o jen málo z nich v tomto videu, někteří o opravdu zásadní věci. Ale my nebudeme mluvit o tom všem, protože to by být vyčerpávající, aby tak učinily. 

Další věc, kterou můžete udělat, i když, je otevřít vývojářské nástroje. A pokud si vzpomínáte z naše video na protokolu HTTP, Vysvětlil jsem, jak otevřít up vývojářských nástrojů. V Chrome je to obvykle klávesu F12 otevřít panel nástrojů pro vývojáře. Potom místo volby Síť Karta, můžete zvolit záložku Elements. A pokud vložíte web strana, budete vlastně naleznete v HTML, který vytváří tuto webovou stránku. A tak se můžete dozvědět hodně o HTML při pohledu na své oblíbené webové stránky a když vidí, jak se budovat různé kusy z nich, které se vám líbí. Takže možná, že je to v pohodě vzor nebo něco takového. Jak to dělají to s HTML? No stačí otevřít svůj developer nástroje a vznášet se nad tento prvek a vidět přesně to, co dělá to HTML. Tak to je opravdu dobrý způsob, jak se naučit HTML, a já doporučuji, aby děláte to jak se učit HTML a také se učit trochu něco o některé z možností pro vás k dispozici v vývojářské nástroje, které jistě přijde vhod jako začnete dělat více intenzivnější web programování. 

Takže pojďme se podívat na pár společných HTML tagy. A budeme skákat a se podívat na co tyto tagy budou také k tomu, jak při pohledu na některé soubory v mé IDE. Tak tady jsou tři velmi základní tagy pro laděním vzhled textu. Je tu tagy B, tagy I a U značky. A v tomto pořadí, co dělají, je vykreslit text mezi nimi tučně, kurzíva a podtržení. Takže pojďme se podívat, co to bude vypadat jako na skutečné webové stránky v mém IDE. 

Takže tady v mém IDE Mám soubor s názvem BIU dot HTML. BIU dot HTML být jen tučné, kurzíva, podtržení. Otevřu to. 

A my budeme vidět, že tady jsem mají tento text je tagy B tučně. Tento text je značky I kurzíva. A tento text je podtržen U značky. Co se to bude vypadat? Tak znovu, všechno, co mám udělat, je jít sem do svého prohlížeče, můj prohlížeč souborů, klepněte na tlačítko Preview, a to je to, co přijde. 

Text mezi B tagy je opravdu nyní tučně. Text mezi I tagy je opravdu nyní kurzíva. A text v mezi U tagy skutečně nyní podtržena. Tak to je docela dobré. Nyní víme, jak se dělá textu vypadat trochu více fantazie nebo kreslit důraz na určité věci. Dalších pár běžných značek jsou zde odstavce tagy, tagy P, a záhlaví, který jsem zde vykreslen jako HX. 

Tyto P tagy, tyto tagy odstavec, zlomit znění až do odstavců. Nestačí jen stiskněte klávesu Enter a opustit prostory, protože počítač je teprve ve chvíli dělat to, co vám to říct dělat a ignoruje bílé prostoru z větší části. Takže nemůžeme jednoduše stisknout Enter a očekávají, že náš počítač interpretovat, že chceme, začít nový odstavec. Musíme velmi jasně říci je jeden paragraph-- je another-- uzavřením každý v souboru P značek. 

A máme také tyto možnosti pro H tagy, těchto značek záhlaví. Máme šest různých úrovních záhlaví, jedna, dva, tři, čtyři, pět, šest, které jsou postupně větší a větší záhlaví. A oni dostanou menší a menší a menší a menší. Takže máme nejvyšší úrovně hlavičku, druhá header úrovni, a tak dále, a tak dále. 

Pojďme se podívat na některé možná P značky a některé značky záhlaví v akci na webové stránce. Takže tady v mém IDE Mám soubor s názvem PH tečka HTML, pH se odstavce a tagy záhlaví. Otevřete, že až. Je tu spousta tu děje proto, že jsem dát nějaký Lorem ipsum, někteří jen náhodný text zde. Takže budu oddálit trochu protože tam je tolik děje. Ale všimněte si, že mám u velmi nahoru tady mám H1, první úrovně, záhlaví tag. Pak jsem se odstavec, který je jen banda náhodné text-- Lorem ipsum-- Jen výchozí standardní náplň v textu. Takže mám dva odstavce, které uvnitř Úroveň jedno záhlaví a pak dole I mají stejné dvě záhlaví tady na řádku 24, druhá hlavička stupeň, a další dva odstavce. Tak co to vypadá když jsem ji zobrazit ve svém náhledu? Uvidíme. 

Takže si všimnout, že První záhlaví zde hladina je vlastně docela dost větší než druhá záhlaví hladiny. Takže jsme použili H1 tagy. A všimněte si, že P značky nám umožňují rozdělit věci do odstavců. Kdybychom dostali zbavit těch P značek a vlastně jen dát Zadává nebo vrátí v mezi tím, co jsme doufali by být různé body, budou všichni jen zabouchnout dohromady a to nebude mít tento pěkný odstavec separace s prostorem nad a pod. A tak to je to, co odstavec tagy a tagy záhlaví jsou běžně používány dělat, aby kreslit Pozornost k částem naší webové stránky tím způsobem. 

Další na řadě jsou některé značky, které používáme stavět seznamy na naší webové stránce. Takže máme neuspořádaný lists-- ULs--, které jsou stejně nečíslované seznamy, které byly objednány seznam, který jsou numbered-- OLs-- a uvnitř buď jeden z těch, musíme mít sady, jak uvést seznam položek, Li. A tak máme otevřenou UL tag a klademe předměty uvnitř ní. A pak, když jsme skončili s že můžeme uzavřít značku UL. 

A podobně můžeme mít uspořádaný nebo číslovaný seznam a dát položek seznamu uvnitř toho. Takže pojďme se podívat na pár seznamů a co by vykreslení i na CS50 IDE. Takže mám tady v mé IDE A Soubor s názvem seznamy dot HTML. Pojďme se podívat. 

A Oznámení tady mám neuspořádaný List s pěti věcí v něm. A pak mám seřazený seznam a Já jsem změnil štítek trochu, v pořádku? Řekl jsem začátek rovná šest. Ukazuje se, s objednanou seznamu I můžete nastavit výchozí bod, kdekoli I want-- ve výchozím nastavení to bude one-- pouhým přidáním tuto takzvanou atribut k mému OL tagu. A tak tento seznam bude začne počítat v šest. Takže prvky tohoto číslovaný seznam by měl být šest, sedm, osm, devět, deset, protože existuje pět elementů v seznamu, v protikladu k jednomu, dva, tři, čtyři, pět, což by tomu bylo v případě, kdybych řekl, OL aniž by upřesnila atribut startu. 

Tak jsme si jen prohlédnout to, takže můžete získat cit pro to, co se tady děje. A tam jdeme. Tam je můj seznam. Prvních pět prvky jsou neuspořádané nebo nečíslované seznamy. A další pět elementů jsou samostatnou nařídil seznam od šesti. Tak to je, jak můžeme budovat seznamy pomocí HTML. Další věc, kterou by mohl chcete udělat s HTML je vytvořit tabulku informace o řádků a sloupců prezentovat informace v zejména organizovaným způsobem. Chcete-li to s HTML, můžeme mít Definice tabulky začíná otevřený držák stůl. A pak se uvnitř této tabulky jsme může mít sadu řádků, TR tagy pro indikaci každý řádek. A pak TD tagy jít uvnitř TR tagů specifikovat sloupec uvnitř řadě. 

Proč se jmenuje TD a ne TC? No, TD znamená data tabulky. Obvykle jste uvedení vaše informace tam. Takže to je důvod, proč je TD a ne TC. Je to trochu matoucí. 

Takže máte tabulky a značky vnitřní části tabulky značky máte několik řádků, TR. A uvnitř každého řádku máte TDS pro počet sloupců že chcete mít v tomto konkrétním řádku. Pojďme se podívat na velmi jednoduchá tabulka nad v CS50 IDE. 

Tak jsem zde soubor volal tabulka dot HTML. Pojďme se podívat na jak to vypadá. Je tu spousta tu děje, ale pokud si všimnete mám tabulku otevřít. Začínám definici se stolem. A pak se v mé první řadě jsem se zřejmě mají čtyři sloupy, jeden, dva, tři, čtyři. A pak jsem udělal s tohoto řádku. 

Pak jsem začít další řádek a dělat dvě, čtyři, šest, osm. Povrch, který řádek. Ještě další řádek, tři, šest, devět, 12. A pak poslední řádek, čtyři, osm, 12, a i když je to trochu odříznout tady, 16. 

Dokončil jsem ten řádek. Jsem dokončil tabulky. A pak jsem udělal s mým HTML. Co to vypadá? No, to není opravdu moc vidět. Já jsem přehledná moje osobní údaje v poněkud více organizovaným způsobem. Ale není to extra hezký zde. A budeme se zabývat že když mluvíme o CSS. Budeme znovu tuto myšlenku to, co děláme, aby se table-- Možná to naformátovat trochu lépe? Ale já ještě čtyři řady, z nichž každá má čtyři sloupce, a opravdu to, co to činí je velmi jednoduchý čtyř čtyřmi násobení stůl. 

Ještě pár značek budeme mluvit. Pojďme se bavit o Koncept HTML formuláře. Takže jste mohli vidět to ve kontext přihlášení do webové stránky. Obvykle zadáte své uživatelské jméno. Zadáte heslo, a máte dobré jít. To by byl začátek formuláře. 

Přeskakování oddíl za sekundu. Máme také vstupy, které druh vešel do forem. To jsou prvky, které jste vlastně psát do, nebo přepínače, že jste běží, nebo kontrola boxy, že jste zaškrtnutím. Tak to jít dovnitř formulářů. A oni zahrnují v zásadě každý řádek formuláře pokud váš formulář je formátován dobře. Pak je tu tento koncept div, který není opravdu vejde do určité kategorie značek, jako jsou ty, které jsem si dělal předtím. Je to tak nějak vymezuje začátek nějakého libovolného division-- div-- stránky. Neexistuje žádný vizuální přestávka. Neexistuje žádná linka. Není to vyrazil jako samostatný kus automaticky. Musel byste to styl že způsob, jak to udělat. 

Je to tak nějak říká, Chci kus prostoru na mé webové stránky, a já jsem prostě jít zavolat že toto rozdělení mé stránky. Můžeme dát věci dovnitř z divs, a ve skutečnosti, když jsme se přes hlavu na IDE Ve vteřině, budeme vidět, že dávám my tvoří uvnitř div. 

Takže mám tady v mé IDE A soubor s názvem div forma dot HTML. Pojďme si otevřete ji. Všimněte si, že jak jsem řekl, div je v jistém smyslu libovolný. Je to tak? To není opravdu nic neznamená. Takže mám libovolný První divize mé stránky. A pak místo toho, další div později, začíná na lince osm, Mám tento formulář. A uvnitř formy Mám počet vstupů, pole formuláře. Takže mám pole, jehož jméno je je-- což není opravdu nic neznamená právo now-- to zřejmě bere text, ještě jeden, který vyžaduje heslo, další, že je to rádio Tlačítko, další, že je zaškrtávací políčko, a jiný, že je tlačítko Odeslat. No, co to dělá všichni vlastně vypadat? Dobře, pojďme se podívat. Budeme otevřít v naší náhledovém okně. Všimněte si, že toto svévolné První division-- je tu žádné vizuální oddělení zde. To přece není opravdu nic dělat, ne? 

A pak mám formulář. A já jsem neudělal žádnou speciální formátování. Takže forma je jen jedna velká řada informací. Kdybych formátovány svou formu jinak, Možná jsem ho řádek po řádku po řádce. Ale já jsem neudělal žádný styl. Opět platí, že nemluvíme o CSS sem. Jsme si povídali o HTML. 

No v mém textové podobě mohu type-- pamatujte, že formy typu textu takže můžu dát své jméno. A v mé heslo, můžete zadat své heslo. A protože této oblasti je typu hesla, nevíte, co moje heslo je. Je to všechno tečky. 

Já si také vybrat zaškrtnout vypnutí A radio tlačítko nebo zaškrtnete zaškrtávací políčko. Nebo bych mohl odeslat svůj formulář. A já jsem nic neudělal, takže když odešlu formu, se stránka pouze obnoví. Ale já jsem mohl možná Konfigurovat Tlačítko Odeslat dělat něco jiného. A uvidíme, co můžeme udělat s že v budoucích video na PHP. Ale to staví velmi jednoduchý formulář, které jsme lze použít k mít uživatelé komunikovat a předložit informace na našich webových stránkách. 

Poslední poznámka před my přejít na některých jiných značek je se podívat na to Vstupní tag ještě jednou. Všimněte si, že jsem se zvýrazní konce tagu v červené barvě. Každý druhý tag jsme dosud viděli má měl počátek a konec, otvor tag a uzavírací tag. 

Ale vstupní tag není. Neexistuje žádný text, který jede mezi vstupními tagy. Všechny informace máme v úmyslu sdělit je vázáno jako součást atributy tohoto vstupu. Všimněte si, máme vstupní název rovná x. Type rovná y. To je opravdu vše informace, které potřebujeme. 

To se nazývá self uzavírací tag. To nevyžaduje otvor a A blízký, protože všechny informace, je obsažena uvnitř tag a jeho atributů. Takže někdy uvidíte tohle taky. Takže prostě být vědomi toho, že pokud máte tag, který je zcela soběstačný, se otevře a zavře se s otevřená úhelník na levé straně a úhel lomítko držák na pravé straně. Uvidíme, další z těch, Právě teď s image značky stejně. 

Předtím, než budeme mluvit o obrazy, my Potřebuji mluvit o hypertextové odkazy. Pokud chceme, aby naše webové stránky, aby interaktivní a nás pohybovat, Bylo by hezké být schopen kliknout na jeden z těch, to, co býval typicky modrou odkaz. To je ve skutečnosti, jak stavíme hypertextový odkaz na naší webové stránce. A je dost zajímavé je tu další tag HTML volal odkaz, který není hypertextový odkaz. Zde stojí na kotvu, a to je, jak jsme se označují hypertextový odkaz. 

A href rovná x znamená jít do webová stránka X. A všechno mezi otevřenou Tag a blízký Tag Je to, co to bude, že zdůraznil, modrý text, který vypadá jako odkaz že jsme obeznámeni s. Níže že máme značku obrázek, který je samo uzavírací tag pro zobrazování obraz se nachází na X. A byste měli být schopni změnit že obraz zadáním šířka a výška a další atributy v že dot dot dot tam. 

Na samém dně zde máme velmi zajímavé vypadající tag, který není mají uzavírací tag. Je to vykřičník DOCTYPE HTML. Takže HTML byl asi od počátku 1990 pro vytváření webových stránek, a je to pryč prošla několik revizí od té doby. Naposledy v roce 2014 to podstoupilo revizi s názvem HTML5 který je nyní aktuální druh de facto standard HTML. 

Chcete-li označit, že náš web Stránky jsou zapsány pomocí HTML5, to je, jak začít. To může být vynechána, ale co to v podstatě znamená, nemůžete použít některý z tagů které jsou HTML5 tagy, tyto nové značky. Tak jsme se vždy začít pokud jsme pomocí HTML5. A všechny tagy jsme mluvili o dříve nejsou HTML5 tagy. To by ale ukazují, že HTML5 tagy bude přítomen. A tak máme zvolání doctype HTML, který je na samém začátku našeho HTML souboru, a pak po tom bod ve skutečnosti máme naše HTML open označit a pokračujte odtamtud. 

Ten poslední je komentář tag, který vypadá poněkud odlišný, taky. Začíná s úhlem držák zvolání pomlčka pomlčka ale žádné zavírání držák. V období mezi těmito dvěma tam prvky je místo, kde budete psát své komentáře. A pojďme se podívat na obrázky a poznámky a odkazy v CS50 IDE. 

Tak jsem zde soubor nazvaný jako odkaz dot HTML což Jdu otevřít. A všimněte si mám pár komentáře zde v mých komentářů HTML. Takže, stejně jako v C a další programovací jazyky, HTML jen tím, že je značkovací jazyk přece má možnost mít připomínky. A tak jsem zřejmě bude umístit obrázek Rick Astley někde mezi této DIV tag, toto svévolné rozdělení. Zdá se, že soubor je se nachází na Rick dot JPEG, který pokud se vydáme zpátky k můj soubor strom pro druhé, je soubor, který existuje v aktuální adresář. Tak to je v pořádku. Můžu odkazovat. 

Pak můžu mít interní odkazy. Takže si všimnout na řádku 11 se zde můj href je ahoj tečka HTML. Tak, že prostě se odkazuje na ahoj dot HTML který existuje v aktuálním adresáři. A můžu mít také externí vazby od jen zadáním protokolu HTTPS ukázat, že Nemluvím o souboru v mém aktuálním adresáři. Mluvím o souboru, který existuje někde na internetu, který mám požádat pomocí protokolu HTTP. 

Takže pojďme se podívat na to, co Tato stránka může vypadat jako a připravte se na obraz Rick Astley se ukázat na obrazovce. Tak jsem si to prohlédnout. Je tu Rick Astley u samý vrchol v tomto svévolné Divize jsem ji na vrcholu. A pak se dole I mají své odkazy, ne? 

Mám odkaz na ahoj dot HTML. A když jsem klikněte na to, že jsem si přešel na tuto stránku že jsme velmi dobře obeznámeni s od samého začátku našeho programu. Kdybych pop tuto stránku otevřít znovu, jestli jsem pop odkaz otevřít ještě jednou, Mohu také jít externě na webové stránky CS50 je. A tam jsme see-- budu oddálit trochu here-- uvidíme CS50 WWW stránky druh vložený ve středu stránce. Takže jsem byl schopen provést interní propojit stejně jako externí odkaz. 

Poslední pravidlo s HTML, které budeme mluvit o zde je, že vaše HTML by měl být dobře tvarované. V jazyce C jsme hodně mluvili o různé syntaxe věcí. V HTML syntaxe opravdu točí kolem značky. Každá značka otevření je třeba uzavřít. A ve skutečnosti, každá značka otevření by měly být uzavřeny v opačném pořadí. 

Takže pokud otevřete odvážné značku, což kurzíva tag, a pak podtržení tag dělat všechny tři do A konkrétní soubor textu, měli byste zavřít v opačném pořadí. Takže pokud jste otevřeli tučně, kurzíva, podtržení, vy chcete zavřít podtržení, kurzíva, tučné. Tento druh zapouzdření je to, co udržuje HTML pěkné a organizované. 

Na rozdíl od C, i když, bude syntaktické chyby ne skutečně ochromit váš HTML možná. Váš HTML nemusí být dobře tvořil ale bude stále fungovat. A tak tyto chyby lze třídit z preparátu. Záleží jen na vás, abyste opravdu ostražití. Někdy selžou, ale Někdy se můžete dostat pryč s ním. 

To může být opravdu obtížný úkol, i když, sledovat při otevření tag, když ji zavřel, zejména jako HTML Soubory větší a větší. Budete chtít nějakou pomoc. A tam jsou on-line Validator nástroje, které vám lze použít k se podívat na váš web stránky a zjistit, jestli je to dobře tvarované HTML. A vy byste měli rozhodně se podívat na ty, a začít používat je jako vy začít dělat nějakou práci s HTML, psaní HTML, jen tak dostanete některé dobré návyky o organizaci vaše HTML v dobrém slova smyslu a dobrý styl a ujistěte se, že neděláte nic, co by mohl vytvořit chybu syntaxe, který by způsobit trochu problém dolů na silnici. 

Jsem Doug Lloyd. To je CS50.