Doug LLOYD: Tako smo proveli about-- ako je moja matematika je u pravu, i ja mislim gleda back-- mislim proveli smo oko 35 videa govori o različitim aspektima C, možda još malo, možda malo manje. A mi ne pokriva sve u C, ali smo pokriven veliki komad od jezik, velika većina toga, sigurno za zajedničke namjene. Sada ćemo razgovarati o drugi jezik, HTML. A mi ćemo pokriti je u samo jednom videu. 

Ali to će biti u redu. To će zapravo postati nešto što ćeš se naviknuti na. Sada kada imate osnove jednog jezika, to je zapravo prilično jednostavan početi učiti druge. Tako ćemo početi korak malo unatrag i prijeći preko osnovni razlike između tih jezika i vrsta te ostaviti na njega. Postoji puno stvarno velik resursi na internetu, što ćemo početi vas usmjeravaju ka, jer je internet velika repozitorij informacija. I tako to nije vam se sviđa ćete se gubi nužno tako što ne podatke pokrivena u videu. I dalje ćete biti u mogućnosti da biste dobili sve što je potrebno i korištenje znanje ste već izgradio razumijevanje C napraviti krivulju za to učenje drugi jezici zapravo puno ravnija. Obećajem. 

No, pričajmo o jednom jeziku to je stvarno temeljno za svaki web stranica, što je HTML. HTML je Hyper Text Markup Language. HTML je jezik, ali to je Ne programski jezik. 

HTML nema varijable. To nema logike ili funkcije ili bilo što slično. Mi ne možemo učiniti bilo programiranje po sebi u HTML. Ponekad ćete čuti ljudi se opisuju kao HTML programera, koji nije u potpunosti točna. Ne možete pisati HTML programe. 

HTML jednostavno se koristi za označavanje teksta. To se zove označni jezik. A što to does-- ovu markup-- koristimo oznake u HTML i ove tags-- ovo markup-- semantički određuje strukturu stranice i uzrokuje običan tekst koji postoji između oznake treba tumačiti preglednici na različite načine. A možda je najbolje da objasni taj način pomoću crteža. 

Ovdje je vrlo jednostavan HTML stranice, a ne HTML programa, opet, HTML stranica. I znamo to je HTML stranice, jer smo omeđeno sve sa HTML tagova. Dakle, to je ono što HTML tag izgleda. To je između zagrada. I obavijest na vrhu imamo HTML i na samom dnu, Nakon što smo učinili ono što je očito puno drugih HTML, imamo kut nosača kose crte HTML. Tako da vrsta je granica između onoga što je HTML, a što nije. I naravno, uobičajeno, samo kao što je napisao sve svoje C programa s dot C ekstenzije, sve svoje HTML datoteke će završiti s točkastim HTML proširenja. No, tu je još ovdje događa. Ne samo da ove oznake. Mi očito ima ova stvar zove glavu oznaku. Pa, u redu, što je to? 

Pa možda je najbolje da razlikovati pomoću tijela, Tijelo se sadržaj web stranice. Dakle, možda je šef oznaka definira stvari da nije u prozoru preglednika pravilno, ali je nekako važno za naše web stranica se pravilno pružene. Na primjer, unutrašnjost Glava oznaka imamo tagova. 

Dakle, naslov se Hello World, koji zapravo će biti ono što prikazuje se na kartici u Chromeu ili na safari ili Firefox-- god pregledniku prefer-- to što će se pojaviti u naslovu. I prije nego što će pokazati karticama u cijelom prozoru preglednika a vi samo možete imati jednu stranicu otvoriti u prozoru preglednika na vrijeme. Tako da će biti naslov moje stranice gore na kartici ili prozor preglednika bara, Hello World. A onda je sadržaj moje web stranica će biti svijet, zdravo. Tako ćemo pogledati što neki stvar kao što bi to moglo izgledati. To je prilično jednostavan HTML stranice. Zato sam ovdje u mom CS50 IDE i Ja sam zumirao malo. A ja sam samo ide otvori Hello dot HTML i pokazati vam da je to prilično mnogo sadržaj stranica koja smo vidjeli prije. Moje jednostavne HTML, glava oznake, naslov oznake, tijelo, i tako dalje. Ja sam razvedena biti čisti. 

A onda što mogu učiniti u mom IRO je samo pregledavati stranice. I tamo idemo. Sadržaj mojoj stranici je svijet, Pozdrav, i ja ne vidim ništa iz glave oznake tamo. To je samo sadržaj tijela. Svijet, Pozdrav. I opet je tijelo samo rekao, svijet, zdravo. Drugi dio nedostaje. 

Tako da je stvarno sve to. To je vrlo jednostavan osnovni HTML stranice. Sada sam razvedena moj HTML biti jako lijepo i organizirano, ali ja zapravo ne moraju. Mogao sam da izgleda prilično ružno. I to će i dalje raditi. To će biti isti web stranica. Upravo sam stečen osloboditi od sve bijelog prostora. 

Kako se ispostavlja, bijeli prostor podatke. I tako, kada šaljemo podatke pošiljatelj na prijemnik, s poslužitelja za klijenta, podaci košta. I tako uzimajući osloboditi od razmak je zapravo dobra ideja ako ste netko tko služi se puno web sadržaja. To je loša ideja, ako ste netko tko je učiti ove stvari i želite imati je lijepo organizirano. To je puno lakše analizirati od toga. Ali to je funkcionalno identični. 

Uvlaka i stvari kao što je to ne zapravo stvar u HTML-u. Sve što je bitno je otvaranje oznake i zatvaranje oznake u ispravnom redoslijedu. Obavijest ono što se dogodilo ovdje, ipak. Označni daje nam put do komuniciraju dodatne informacije o onome što smo napisali. Hello, World je dio bio tumačiti kao naslov. I svijet, pozdravi dio bio tumačiti kao sadržaj ili što bi trebao biti vidljivo na moje web stranice. 

Postoji više od 100 tih različitih oznake i puno velikih resursa line ih naći. Idemo razgovarati o Neke od njih u ovom videu, neki od zaista temeljne stvari. Ali nećemo razgovarati o svemu, jer to će biti iscrpan učiniti. 

Još jedna stvar koju možete učiniti, međutim, je otvoriti razvojne alate. A ako se sjećate iz Naš video na HTTP, Objasnio sam kako otvoriti do razvojne alate. U Chrome to je obično ključ F12 otvoriti alatnu traku developer. Onda umjesto odabira mreže Kartica, možete odabrati karticu elemenata. A ako ste učitali web stranica, zapravo ćete vidjeti HTML koji stvara tu web-stranicu. I tako da možete naučiti puno o HTML gledajući svoje omiljene web stranice i vidjeti kako se graditi razni komadi ih da vam se sviđa. Dakle, možda postoji ovaj cool uzorak ili nešto slično. Kako oni to učiniti s HTML? Pa možete jednostavno otvoriti svoj programer alati i lebdjeti iznad tog elementa i vidjeti točno što HTML čini. Dakle, to je stvarno dobar način za naučiti HTML, i ja jako preporučiti taj Vi možete i naučiti HTML i da nauče nešto malo o nekim od opcija na raspolaganju vam je u Razvojni alati, koji sigurno će doći u ruci kao počnete raditi intenzivnije web programiranje. 

Tako ćemo pogledati na Nekoliko uobičajenih HTML tagova. A mi ćemo skočiti i pogledati što te oznake će uzvratiti što gledajući neke datoteke u mom IDE. Dakle, ovdje su tri vrlo osnovne oznake za ugađati vizualni izgled teksta. Postoji B oznake, oznake I i U oznake. A odnosno ono što rade je uzvratiti tekst između njih podebljano, kurziv, i podcrtavanje. Tako ćemo vidjeti što to će izgledati kao i na stvarnim web stranice u mom IDE. 

Dakle, ovdje u mom IDE imam Datoteka naziva BIU dot HTML. BIU dot HTML upravo se podebljano, kurziv, ističući. Ja ću ga otvoriti. 

A mi ćemo ovdje vidjeti da sam imati ovaj tekst je B oznake podebljano. Ovaj tekst je I. oznake italic. I ovaj tekst je U oznaka podcrtana. Što se to događa izgledati? Pa opet, sve što imam učiniti je otići ovdje na moj e, moj preglednik datoteka, kliknite Pregled, a to je ono što dolazi. 

Tekst između B tagovi je doista sada podebljano. Tekst u između I tagovi je doista sada italic. I tekst u između U oznake, istina je sada podcrtana. Dakle, to je prilično dobro. Sada znamo kako napraviti tekst izgleda malo više zavoljeti ili nacrtajte naglasak na određene stvari. Drugi par zajedničkih oznake evo stavak oznake P i zaglavlja oznake, koji sam donio ovdje HX. 

Ove P oznake, ove stavka oznake, razbiti svoj tekst gore u paragrafima. Nije dovoljno samo pritisnite Enter i ostaviti prostora, jer računalo će se samo učiniti ono što je rekao za napraviti i to ignorira bijeli Prostor za najveći dio. Dakle, ne možemo samo pritisnite Enter i očekuju naše računalo tumačiti da želimo započeti novi stavak. Moramo vrlo jasno reći jedna paragraph-- ovo another-- zatvaranjem svaki u skupu P oznaka. 

I mi također imaju ove opcije za H oznake, te zaglavlja tagova. Imamo šest različitih razina zaglavlja, jedan, dva, tri, četiri, pet, i šest, koji su progresivno sve veće i veće zaglavlja. I oni dobiti manji i manji i manji i manji. Dakle, imamo top level zaglavlje, drugi Razina zaglavlje, i tako dalje, i tako dalje. 

Idemo pogledati možda neki P oznake i neki header oznake u akciji na web stranici. Dakle, ovdje u mom IDE imam datoteku pod nazivom PH dot HTML, PH se stavci i sabirnih oznake. Otvorite taj gore. Postoji mnogo događa ovdje jer sam stavio neke Lorem ipsum, neki samo slučajni tekst ovdje. Tako ću smanjili malo jer ima toliko događa. Ali primijetite da imam na samom vrh Ovdje imam H1, razinu jedan, zaglavlje oznaku. Onda imam stav, što je samo hrpa slučajnih text-- Lorem ipsum-- Samo zadani standardnog punjenja u tekstu. Dakle, imam dvije stavke unutar koje Razina jedan zaglavlja i zatim dolje I. imaju razinu dva zaglavlja ovdje na liniji 24, druga razina zaglavlja i još dva st. Pa što to izgledati ako sam ga vidjeti u mom pregled? Da vidimo. 

Tako primijetiti da je Prva razina zaglavlja ovdje je zapravo prilično malo veći od napadača drugoj razini. Tako smo koristili H1 tagova. I primijetiti da nas p oznake omogućuju razbiti stvari u stavcima. Ako je stečen osloboditi od tih P oznake a zapravo samo staviti Unos ili povrat između onoga što smo se nadali bi biti različiti odlomci, svi bi samo zalupiti zajedno ne bi ovu lijepu stavak Odvajanje s prostora iznad i ispod. I tako to je ono što se stavak oznake i zaglavlja oznake se obično koristi za napraviti za crtanje pozornost na dijelove naše web stranice na taj način. 

Sljedeći gore su neke oznake koje koristimo izgraditi popise na našoj web-stranici. Dakle, imamo neuređen lists-- ULs-- koji su samo popisi s grafičkim oznakama, naručene Popis koje su numbered-- OLs-- i unutar bilo jedan od onih trebamo imati seta kako pokazuju stavke popisa, Li. I tako smo otvoreni UL oznaku i mi stavili stvari unutar nje. I onda kad završimo s da, možemo zatvoriti UL oznaku. 

A isto tako možemo imati popis naredio ili numerirani i staviti stavke popisa unutar toga. Tako ćemo pogledati na nekoliko popisa a što bi donijeti i na CS50 IDE. Dakle, imam ovdje u mom IDE A file popisi dot HTML. Idemo pogledati. 

I obavijest ovdje imam neuređen popis pet stvari u njemu. A onda sam naredio popis i Ja sam promijenio oznaku malo, zar ne? Ja sam rekao početak jednaka šest. Ispada s naredio popis I. možete postaviti početne točke gdje god Ja want-- po defaultu bit će one-- po samo dodavanjem ovo tzv atribut mom OL oznaku. I tako ovaj popis će početi računajući na šest. Tako su elementi tog numerirani popis treba biti šest, sedam, osam, devet, deset, jer postoji pet elemenata u popisu, za razliku od one, dva, tri, četiri, pet, koje bi bio slučaj da sam rekao OL bez navođenja početnu atribut. 

Dakle, samo ćemo pregledati ovaj, tako da možete dobili osjećaj za ono što se ovdje događa. I tamo idemo. Tu je moj popis. Prvih pet elementi neuređen ili grafičkim oznakama liste. A sljedeći pet elemenata su zasebna popis naredio počevši od šest. Dakle, to je kako možemo izgraditi popise pomoću HTML. Još jedna stvar koju možda želite raditi s HTML je izgraditi tablicu Informacije redaka i stupaca prezentirati informacije u posebno organiziran način. Da biste to učinili s HTML možemo imati Definicija stol s početkom otvorene nosač stol. A onda unutar tog stola smo može imati niz redaka, TR oznake naznačiti svaki redak. A onda TD oznake ići unutar TR oznake odrediti stupac u retku. 

Zašto se zove TD, a ne TC? Pa, TD predstavlja podataka tablice. Obično ste stavljajući vaše podatke ovdje. Dakle, to je razlog zašto je TD, a ne TC. To je malo zbunjujuće. 

Dakle, imate stol oznake i unutar svojih stolnih oznake imate broj redaka, TRS. I u svakom retku imate TDS za broj stupaca koje želite imati u tom retku. Uzmimo pogled na vrlo Jednostavan stol više u CS50 IDE. 

Dakle, imam ovdje datoteku naziva stolni dot HTML. Idemo imaju pogled na kako to izgleda. Postoji mnogo događa ovdje, ali ako primijetite imam stol otvoren. Počinjem definiciju sa stola. A onda je u mom prvom redu sam očito ima četiri stupca, jedan, dva, tri, četiri. A onda sam učinio s tim redom. 

Tada sam početi još jedan red i ne dvije, četiri, šest, osam. Završite to red. Imate još jedan red, tri, šest, devet, 12. I onda u zadnji red, četiri, osam, 12, i iako je to malo odrezati ovdje, 16. 

Završio sam taj red. Završio sam stol. A onda sam učinio s mojim HTML. Što to izgledati? Pa, to nije stvarno puno toga vidjeti. Ja sam jasno organiziran moje podatke u nešto više organiziran način. Ali to nije super lijepo ovdje. A mi ćemo se nositi s da kada govorimo o CSS. Mi ćemo ponovno ovu ideju ono što radimo napraviti table-- možda ga formatirati malo bolje? Ali ja još uvijek nemam četiri reda, od kojih svaki ima četiri stupca, i stvarno što to iznosi je vrlo jednostavan četiri od četiri množenje stol. 

Još samo nekoliko tagova ćemo razgovarati. Razgovarajmo o Koncept HTML obliku. Dakle, možda ste vidjeli u kontekst prijavom na web stranici. Obično upišete u vašem korisničkom imenu. Možete upisati svoju lozinku, i ti si dobar to ići. To bi bio početak jednog oblika. 

Preskakanje preko div sekundu. Također imamo ulaza koji vrsta stane unutar oblika. To su elementi koji ti si zapravo upišete u, ili radio gumbi si otkucava, ili ček kutije da ste otkucava off. Dakle, to ide unutar oblika. I oni obuhvaćaju osnovi svaki red obliku ako je vaš oblik formatiran dobro. Zatim tu je ovaj koncept div, koji ne stvarno stane u bilo koju određenu kategoriju od oznake poput onih sam radili prije. To samo vrsta markira počevši od neke proizvoljne division-- div-- stranice. Nema vizualne pauze. Nema linije. To nije krenuo kao automatski odvojeni komad. Morao bi to stil koji način to učiniti. 

To samo vrsta kaže Želim komad prostora na moje web stranice, a ja sam samo nazvati je ova podjela moje stranice. Možemo staviti stvari u od elemente DIV, i zapravo, kad smo nad glavom IDE u sekundi, mi ćemo vidim da sam stavljajući moj formiraju unutar div. 

Dakle, imam ovdje u mom IDE A Datoteka naziva div oblik dot HTML. Idemo ga otvoriti. Uočite da kao što sam rekao, div je vrsta proizvoljna. Pravo? To zapravo ne znači ništa. Dakle, imam proizvoljna Prva podjela moju stranicu. I onda, umjesto drugog div kasnije, počevši od linije osam, Imam ovaj obrazac. A unutar obrasca imam Broj ulaza, polja obrasca. Tako sam teren čije ime je A- što zapravo ne znači ništa Pravo now-- koji očito Potrebno tekst, još jedan koji ima lozinku, drugi koji je radio gumb, još jedan koji je potvrdni okvir, a drugi da je gumb Pošalji. Pa, što to Sve zapravo izgledaju? Pa, neka je pogledati. Mi ćemo ga otvoriti u našem prozorčiću. Obavijest da je to proizvoljna Prvi division-- postoji nema vizualnog razdvajanja ovdje. To zapravo nije ništa, zar ne? 

A onda imam formu. I nisam napravio nikakvu posebnu oblikovanje. Dakle, forma je samo jedan Veliki red informacija. Da sam formatiran moj obrazac drugačije, Možda ću ga redak po redak po redak. Ali nisam to bilo styling. Opet, mi ne govorimo o CSS ovdje. Mi samo govorimo o HTML-u. 

Pa u mom tekstualnom obliku mogu type-- sjetite se da oblici tipa teksta tako da mogu staviti svoje ime. I u mom lozinkom I. upišite svoju lozinku. I zbog tog područja je tipa lozinke, ne znam što mi je lozinka. To je sve točkice. 

Također možete odabrati da označite off radio gumb ili otkucavati potvrdni okvir. Ili bih mogao podnijeti svoju formu. I nisam ništa, pa kad sam poslati moj oblik, se stranica osvježava. Ali sam možda mogao konfigurirati moj Pošaljite gumb učiniti nešto drugo. I mi ćemo vidjeti što možemo učiniti s da u budućem video na PHP. Ali to gradi vrlo jednostavan oblik koji se može koristiti da se korisnicima interakciju i dostaviti podatke na našu web stranicu. 

Jedan zadnji komentar prije nego što smo premjestiti na neke druge oznake su uzeti pogledati ovaj ulazna oznaka još jednom. Obavijest da sam istaknuo krajevi oznake u crveno. Svaki drugi oznaka smo dosad vidjeli ima imao početak i kraj, otvor oznaka i završna oznaka. 

Ali unos oznaka ne. Nema tekst koji ide između ulaznih tagova. Sve informacije mi namjerava prenijeti je povezana kao dio atribute tog ulaza. Obavijest imamo naziv za unos jednak x. Vrsta jednako y. To je stvarno sve Informacije trebamo. 

To se zove self zatvaranja oznaku. To ne zahtijeva otvor i u neposrednoj blizini, jer sve informacije sadržan unutar oznaku i njegove atribute. Dakle, ponekad ćete vidjeti, previše. Dakle, samo budite svjesni da, ako imate oznaka da je u potpunosti self-sadržane, to otvara i zatvara s otvoreni kut nosač na lijevoj a kut slash Nosač na desnoj strani. Vidjet ćemo još jedan od onih sada sa slike oznake, kao dobro. 

Prije nego što smo razgovarati o slikama, mi Moramo razgovarati o hiperveze. Ako želimo da naša web stranica se Interaktivna i premjestiti nas okolo, bilo bi lijepo biti u mogućnosti kliknite na jednu od onih što obično je plavi veza. To je zapravo kako ćemo graditi hipervezu u našoj web-stranici. I zanimljivo postoji još jedan HTML oznake zove veza, što nije hipervezu. Ovdje stoji za sidro, i to je kako smo ukazuju na hipervezu. 

A href jednako x znači ići Web stranica X. I sve između otvorenom Oznaka a blizu Oznaka je ono što će biti da je podcrtana plavi tekst koji izgleda kao vezu da smo upoznati. Ispod toga imamo slike oznaku koja je self zatvaranja oznaku za prikaz slika nalazi na X. I možda ćete biti u mogućnosti promijeniti ta slika određivanjem širina i visina i ostali atributi u da točka točka točka postoji. 

Na samom dnu ovdje imamo vrlo zanimljiv u potrazi oznaku da ne imaju završnu oznaku. To je uskličnik DOCTYPEhtml. Dakle HTML je oko budući da je početkom 1990 za izgradnju web stranice, i to je otišao pretrpljen nekoliko izmjena od tada. Nedavno je u 2014. godini prošao reviziju zove HTML5 koji je sada trenutna vrsta de facto HTML standarda. 

Za pokazuju da naše web Stranice su pisane u HTML5, to je kako ćemo krenuti. To se može izostaviti, ali što je u osnovi znači je da ne možete koristiti bilo koji od oznake da su HTML5 oznake, te nove oznake. Tako smo uvijek početak ako koristite HTML5. I sve oznake smo razgovarali o prethodno nisu HTML5 oznake. No, to bi značilo da je HTML5 oznake će biti prisutan. I tako smo uzvik DOCTYPE HTML, koji je na samom početku našeg HTML datoteka, a onda nakon toga točka mi zapravo imamo HTML otvorene označiti i nastaviti od tamo. 

Posljednja je komentarom, koji izgleda malo drugačije, previše. Ona započinje s kutom Nosač usklik crtica crtica ali ne zatvaranje zagrada. U ta dva elementa između tamo je mjesto gdje možete pisati svoje komentare. I neka je pogledati slike i komentari i linkovi u CS50 IDE. 

Dakle, imam ovdje datoteka zove poveznica slike dot HTML koji ću otvoriti. I obavijest Imam par Komentari ovdje u mojim HTML komentarima. Dakle, baš kao u C i druge programski jezici, HTML samo kao označni jezik nema mogućnost da komentare. I tako sam očito će stavite sliku Rick Astley negdje između ove div oznaka, to proizvoljna podjela. Očigledno da je datoteka nalazi na Rick dot JPEG, koji Ako krećemo natrag preko moj file drvo za drugi, je datoteka koja postoji u trenutni katalog. Dakle, to je u redu. Mogu to referenca. 

Onda ja mogu imati unutarnje veze. Dakle, primijetite na liniji 11 ovdje moj href je zdravo dot HTML. Tako da je samo se odnosi na Hello dot HTML koja postoji u trenutnom direktoriju. I ja također mogu imati vanjski linkovi za samo navodeći HTTPS ukazati da ne govorim o datoteci u mom trenutnom direktoriju. Govorim o datoteci koja postoji negdje na internetu, koji sam zatražiti pomoću HTTP protokola. 

Tako ćemo se pogled na ono što ovu stranicu mogao izgledati i dobiti spremna za sliku Rick Astley se pojaviti na zaslonu. Zato ću pregledati ovaj. Postoji Rick Astley Na samom vrhu u ovom proizvoljna Podjela sam ga stavio na vrh. A onda dolje I. imaju svoje veze, zar ne? 

Imam link na zdravo dot HTML. I ako ja kliknite da ću dobiti prišao ovu stranicu da smo dobro upoznati s od samog početka našeg programa. Ako sam pop tu stranicu otvorenu opet, ako sam pop poveznica slike otvoriti još jednom, Ja mogu ići izvana na CS50 web stranice. I tu smo see-- ću smanjivanje malo here-- vidjet ćemo CS50 web stranici vrsta ugrađen u sredini našoj stranici. Tako sam bio u mogućnosti da unutarnji povezati kao vanjski link. 

Posljednji pravilo s HTML-a koji ćemo govoriti o ovdje je da je vaš HTML treba dobro formirana. U C smo puno razgovarali o tome razne sintakse stvari. U HTML sintaksa stvarno vrti oko oznake. Svaka oznaka otvorite treba biti zatvoren. A u stvari, svaki tag otvorite bi trebao biti zatvoren u obrnutom redoslijedu. 

Dakle, ako ste otvorili bold oznaku, italskim oznake, a zatim podvlačenje tag učiniti sve tri u A Posebno skup teksta, trebate ih zatvoriti u obrnutom redoslijedu. Dakle, ako ste otvorili podebljano, kurziv, podcrtati, što Želite zatvoriti podcrtano, kurziv, podebljano. Ova vrsta kućištima je što čuva HTML lijepo i organizirano. 

Za razliku od C, ipak, sintakse pogreške neće zapravo bogalj HTML eventualno. Vaš HTML možda nije dobro formirana, ali će i dalje raditi. I tako te pogreške Možete sortirati od slajda po. To je do vas da zaista biti oprezan. Ponekad oni će uspjeti, ali Ponekad možete dobiti daleko s njom. 

To može biti jako težak zadatak, međutim, pratiti kada ste otvorili oznaka, kada ga zatvorio, osobito kao HTML Datoteke dobiti veći i veći. Vi ćete želite pomoć. A tu su i online Validator alat koji vam možete koristiti da imaju pogled na vaše web stranica i vidjeti je li to dobro oblikovan HTML. I svakako biste trebali pogledajte one i početi ih koristiti kao i vi početi raditi neki posao s HTML, pisanje HTML, samo tako ćete dobiti neke dobre navike o organiziranju Vaš HTML na dobar način i Dobar stil i da da ne radite ništa što mogao stvoriti sintaktičku pogrešku koja bi uzrokovati vam malo problem niz cestu. 

Ja sam Doug Lloyd. Ovo je CS50.