Doug LLOYD: Taigi mes praleido about-- jei mano matematika yra teisinga, Ir manau, kad ieško back-- Manau mes praleido apie 35 vaizdo kalbėti apie įvairius aspektus C, o gal šiek tiek daugiau, gal šiek tiek mažiau. Ir mes neapėmė viskas C, bet mes apėmė didelis riekė kalba, didžioji dauguma jo, tikrai bendrų reikmėms. Dabar mes ketiname kalbėti apie kita kalba, HTML. Ir mes ketiname padengti jį tik vieną video. 

Bet tai bus gerai. Tai vyksta iš tikrųjų tampa ką jūs ketinate priprasti. Dabar, kad jūs turite Pagrindai viena kalba, tai tikrai gana lengva pradėti mokytis kitiems. Taigi mes ketiname pradėti dėti šiek tiek atgal ir Koloryzować pagrindinis skirtumai tarp šių kalbų ir tarsi palikti jus su ja. Yra daug tikrai puikus daug ištekliai internete, kuri mes ketiname pradėti vadovauti jums link, nes internetas yra didžioji saugykla informaciją. Ir taip jis nepatinka jums būti pralaimi nebūtinai kai nereikia informaciją įtraukti į vaizdo įrašą. Jūs vis dar galės gauti viskas, ko jums reikia ir naudojimas žinių jums jau ve sukūrė suprasti C kad mokymosi kreivė Dėl šių Kitos kalbos tikrai daug plokštesnis. Aš pažadu. 

Bet pakalbėkime apie viena kalba tai tikrai svarbus kiekvienam interneto puslapis, kuris yra HTML. HTML Hyper Text Markup Language. HTML yra kalba, bet ji yra nėra programavimo kalba. 

HTML neturi kintamuosius. Ji neturi logikos arba funkcijas arba ko nors panašaus. Mes negalime daryti bet programavimo savaime HTML. Kartais jūs išgirsite žmonės patys apibūdinti kaip HTML programuotojų, kurie nėra visiškai tikslūs. Mes negalime rašyti HTML programas. 

HTML tiesiog naudojamas žymėti tekstą. Tai vadinama žymėjimo kalba. Ir ką tai does-- šį markup-- mes naudojame žymeles HTML ir šių tags-- tai markup-- semantiškai apibrėžia puslapio struktūra ir sukelia paprastą tekstą, egzistuoja tarp žymės turi būti aiškinama naršyklių skirtingais būdais. Ir galbūt tai geriausia paaiškinti tai padaryti būdas iliustratyvios. 

Štai labai paprastas HTML puslapis, o ne HTML programa, vėlgi, HTML puslapis. Ir mes žinome, tai yra HTML puslapis, nes mes apriboti viskas su HTML žymes. Taigi tai, kas yra HTML tegus atrodo. Tai tarp laužtiniuose skliaustuose. Ir pastebėsite viršuje turime HTML ir pačioje apačioje, kai mes padarėme tai, kas yra matyt kitų HTML daug, turime kampas laikiklis velniop HTML. Taigi, kad tarsi yra riba tarp to, kas yra HTML, o kas ne. Ir, žinoma, tradiciškai, tiesiog kaip jums parašė visi jūsų C programos su tašku C pratęsimų, visi jūsų HTML failai baigsis dot HTML plėtinius. Bet tai dar vyksta čia. Mes ne tik turime šias HTML žymes. Mes, matyt, turi tai dalykas, vadinamas galvos žymą. Na, gerai, kas tai? 

Na gal tai geriausia atskirti būdu kūną, kūno būdama tinklalapio turinį. Taigi gal galva žymė apibrėžia stuff tai ne naršyklės lange tinkamas, bet kažkaip svarbus mūsų interneto puslapis buvo priimtas teisingai. Pavyzdžiui, viduje vadovas žyma turime pavadinimą žymes. 

Taigi pavadinimas yra hello world, kad iš tikrųjų bus ką rodo į Chrome kortelėje arba safari ar Firefox-- kokia naršyklė jums prefer-- tai kas vyksta parodyti pavadinime. Ir prieš skirtukų tai rodytų iki per visą naršyklės langą ir jūs galite turėti tik vieną puslapį atsidaryti į langą vienu metu. Taigi, kad ketina būti pavadinimas mano puslapio viršų Kortelėje ar naršyklės langas baras, hello world. Ir tada turinio mano interneto puslapis bus pasaulis, labas. Taigi leiskite pažvelgti, ką kai kurie išvaizdą dalykas, kaip tai gali atrodyti. Tai gana paprasta HTML puslapis. Taigi, aš čia mano CS50 IDE ir Aš Mastelis truputį. Ir aš tik ketina atverti sveikinasi dot HTML ir parodyti jums, kad tai yra gana daug puslapio turinys, kad mes matėme anksčiau. Mano paprastas HTML, galvos žodžius, pavadinimas žymės, kūno, ir pan. Aš atitraukiama būti švarus. 

Ir tada, ką aš galiu padaryti, mano IDE yra tik peržiūrėti puslapį. Ir mes einame. Mano puslapio turinys yra pasaulis, Sveiki, ir aš nematau nieko nuo galvos žymės ten. Tai tiesiog kūno turinį. Pasaulio, labas. Ir vėl kūnas tiesiog sakė, Pasaulis, labas. Kita dalis nėra. 

Taigi, kad tikrai viskas yra. Tai labai paprasta paprastas HTML puslapis. Dabar aš atitraukiama mano HTML tikrai gražus ir organizuota, bet aš ne iš tikrųjų turi. Galėčiau padaryti tai atrodo gana negraži. Ir tai vis dar dirba. Tai būtų lygiai toks pats puslapyje. Aš ką tik Dotarłeś atsikratyti visi tarpais. 

As it turns out, balta erdvė yra duomenys. Ir todėl, kai mes išsiųsti duomenis iš siuntėjas gavėjui, iš serverio klientui, duomenų kainuoja pinigus. Ir taip atsikratyti tarpų yra tikrai gera idėja jei esate ką nors, kas tarnauja iki iš interneto turinio aikštelė. Tai bloga idėja, jei esate kažkas, kas yra mokymasis šią medžiagą ir norite turėti tai gražiai organizuotas. Tai daug lengviau apdoroti nei šis. Bet tai funkciškai identiška. 

Įdubos ir stuff like that iš tikrųjų nėra svarbu, HTML. Visa tai svarbu atidaro žodžius ir uždaryti žymes teisinga tvarka. Atkreipkite dėmesį, kas čia nutiko, nors. Pažymėta suteikia mums kelią į bendrauti papildomos informacijos apie ką mes parašyta. Hello, Pasaulio dalis buvo aiškinama kaip pavadinimas. O pasaulis, hello dalis buvo aiškinama kaip turinio ar kas turi būti matomas mano puslapyje. 

Yra daugiau nei 100 šių skirtingų žodžius ir daug gražių išteklių Prisijungę juos rasti. Mes ketiname kalbėti apie kelios iš jų šio vaizdo, kai iš tiesų esminės dalykų. Bet mes neketiname kalbėti apie visa tai, nes juo būtų baigtinis padaryti. 

Kitas dalykas, kurį galite padaryti, nors, yra atverti Kūrėjo įrankiai. Ir jei jūs prisimenate iš Mūsų vaizdo pagal HTTP, Aš paaiškinau, kaip atidaryti iki Kūrėjo įrankiai. "Chrome" tai paprastai klavišą F12 atverti kūrėjas įrankių juostą. Tada vietoj pasirenkant tinklas skirtuką, galite pasirinkti elementus skirtuką. Ir jei jūs įkelti interneto puslapis, jūs iš tikrųjų matyti HTML, kuris sukuria tą tinklalapį. Ir todėl jūs galite sužinoti apie HTML daug pažvelgus jūsų mėgstamų svetainių ir matau, kaip jie statyti įvairią jų, kad jums patinka. Tai gal ten tai kietas modelis ar kažkas panašaus. Kaip jie padaryti jį su HTML? Na, galite tiesiog atverti savo programuotojo Įrankiai ir užveskite pelės žymeklį ant elemento ir pamatyti, ką daro HTML ją. Taigi, kad tikrai geras būdas mokytis HTML, ir aš primygtinai rekomenduojame, kad Jūs tai padaryti tiek išmokti HTML ir taip pat mokytis šiek tiek tiek apie kai kurias parinktis galima su jumis Kūrėjo įrankiai, kurie tikrai praversti kaip pradėdami daro intensyvesnį internete programavimo. 

Taigi leiskite pažvelgti į išvaizdą pora bendrų HTML žymes. Ir mes šokinėti ir pažvelgti ką šie žymės taip pat teikia kaip žiūri kai kurie mano IDE failus. Taigi, čia yra trys labai paprastas žymės truputį keisdami išvaizdą tekstą. Yra B žymeles, I žodžius, o U žymes. Ir atitinkamai, ką jie padaryti, tai padaryti tekstą tarp jų paryškintai, kursyvas, pabraukimas ir. Taigi pažiūrėkime, ką tai atrodytų kaip dėl faktinio tinklalapio mano IDE. 

Taigi čia mano IDE Turiu failas, vadinamas BIU dot HTML. BIU dot HTML tiesiog yra drąsus, kursyvas, pabrėždamas. Aš ją atidaryti. 

Ir mes matome, kad čia aš turi šį tekstą yra B žymės paryškinti. Šis tekstas yra I žymės kursyvu. Ir šis tekstas yra U žodžius pabraukti. Kas tai atrodys? Na vėl, viskas, ką turiu padaryti, tai eiti per čia mano naršyklėje, mano failas naršyklė, spustelėkite Peržiūrėti, ir tai, kas ateina. 

Į tarp B tekstas Žymos tiesų dabar paryškinti. Į tarp I teksto Žymos tiesų dabar kursyvu. Ir tarp U tekstas Žymos iš tiesų dabar pabraukti. Taigi tai gana gera. Mes dabar žinome kaip padaryti tekstą atrodo šiek tiek daugiau fantazijos ar piešti dėmesio į tam tikrus dalykus. Kitas bendrų žymeles pora čia yra punktas žodžius, P, ir antraštės žodžius, kurios aš lydyti čia taip HX. 

Šie P žymės, šios pastraipos žodžius, nutraukti savo tekstą iki į pastraipas. Tai neužtenka vien tik paspauskite Enter ir palikti erdves, nes kompiuteris yra tik ketina daryti tai, ką galite pasakyti tai padaryti ir jis ignoruoja balta vietos didžiąja dalimi. Taigi, mes galime ne tik paspauskite Enter ir tikimės, kad mūsų kompiuteris interpretuoti, kad mes norime pradėti naują pastraipą. Mes turime labai aiškiai pasakyti, kad tai yra vienas paragraph-- tai another-- iki apgaubiantis kiekvieną į P žymių rinkinys. 

Ir mes taip pat turime šias galimybes H žymeles, šių antraštės žodžius. Mes turime šešis skirtingus lygius antraščių, vienas, du, trys, keturių, penkių, šešių, ir, kuris yra palaipsniui didesni ir didesni antraštes. Ir jie gauna mažesni ir mažesni ir mažesni ir mažesni. Taigi turime aukščiausio lygio galva, antrasis lygis galva, ir taip toliau, ir taip toliau. 

Paimkime bent gal kai išvaizdą P žodžius ir kai antraštės žodžius veiksmų dėl interneto puslapyje. Taigi čia mano IDE Turiu failą pavadinimu PH dot HTML, pH yra punktai ir antraštės žodžius. Atidarykite kad iki. Yra daug vyksta čia nes aš įdėti šiek tiek Lorem Adresas, kai kurie tiesiog atsitiktinai tekstas čia. Taigi aš nutolinti truputį nes ten tiek daug vyksta. Tačiau pastebite, kad turiu ne labai viršų čia turiu H1, tai yra pirmo lygio, antraštės žymė. Tada aš turiu dalį, kuri yra tik taikoma atsitiktinio text-- Lorem krūva ipsum-- tik standartinį nutylėjimą pildyti tekstą. Taigi turiu dvi pastraipas viduje, kad pirmo lygio antraštė ir tada apačioje I turi antro lygio antraštę čia on-line 24 antrasis lygis galva, o kitos dvi pastraipas. Na ką tai atrodys jei aš jį peržiūrėti mano dydis? Pažiūrėkim. 

Taigi pastebėti, kad Pirmasis lygis antraštės čia iš tiesų yra gana šiek tiek didesni nei antro lygio antraštėje. Taigi mes naudojamas H1 žodžius. Ir pastebėsite, kad P žymės leidžia mums pertrauka dalykus į pastraipas. Jei mes Dotarłeś atsikratyti tų P žymės ir iš tikrųjų tiesiog pradeda arba Grąžinimas tarp ką tikėjosi būti skirtingi punktai, jie visi tiesiog Slam kartu ir jis neturės šį gražią punktą atskyrimas su erdve virš ir žemiau. Ir taip, kad tai, ką dalis žodžius ir antraštės žodžius dažniausiai naudojami padaryti atkreipti dėmesį į porcijų mūsų interneto puslapyje tokiu būdu. 

Next up keletas žymių, kad mes naudojame statyti sąrašus mūsų interneto puslapyje. Taigi, mes turime netvarkingai lists-- ULs-- kuri yra tik sąrašus su ženkleliais, nurodė sąrašą, kuris yra numbered-- OLs-- ir viduje arba vienas iš tų, mes turime turėti rinkiniai, kaip nurodyti sąrašo elementus, li. Ir todėl mes turime atvirą UL žymą ir mes įdėti elementus viduje ji. Ir tada, kai baigsime su , kad mes galime uždaryti UL žymą. 

Ir panašiai mes galime turėti tvarkingai, arba numeruotas sąrašas ir įdėti sąrašo elementus viduje, kad. Taigi leiskite pažvelgti esant sąrašą pora ir kas jie būtų pateikta kaip ant CS50 IDE. Taigi turiu čia mano IDE A failą pavadinimu sąrašai dot HTML. Leiskite pažvelgti. 

Ir Nuoroda Čia aš turėti netvarkingai Sąrašas su penkių dalykų jį. Ir tada aš turiu tvarkingai sąrašą ir Aš pasikeitė TAG truputį, tiesa? Sakiau pradžia lygus šeši. Pasirodo, su tvarkinga I sąrašą galima nustatyti atskaitos tašką, kur tai Aš want-- pagal nutylėjimą ji bus one-- tiesiog pridedant šį vadinamąjį atributą mano OL žyma. Ir todėl šis sąrašas bus pradėti skaičiuoti ne šeši. Taigi šiuo numeriu sąrašo elementai turėtų būti šeši, septyni, aštuoni, devyni, dešimt, nes yra penki elementai sąraše, o ne vieną, dviejų, trijų, keturių, penkių, kuris būtų tuo atveju, jei aš sakė O. nenurodant pradžios atributas. 

Taigi mes tiesiog peržiūrėti šį, todėl jūs galite gauti už tai, kas vyksta čia jausmą. Ir mes einame. Yra mano sąrašą. Pirmieji penki elementai yra netvarkingai ar sąrašus su ženkleliais. Ir kitą penki elementai yra atskira užsisakyti sąrašas pradedant nuo šešių. Štai kaip mes galime sukurti sąrašus, naudojant HTML. Kitas dalykas, jums gali nori daryti su HTML yra pastatyti stalo informacija eilučių ir stulpelių pateikti informaciją A ypač organizuotas būdas. Norėdami tai padaryti su HTML galime turėti Lentelėje apibrėžimas pradedant atvirą laikiklį stalo. Ir tada viduje tos lentelės mes gali turėti eilučių, TR žymeles rinkinį nurodyti kiekvienos eilutės. Ir tada TD žymės vidun TR žymės nurodyti per eilės stulpelį. 

Kodėl jis vadinamas td o ne TC? Na, "TD stovi lentelės duomenis. Paprastai jūs pateikėte jūsų informacija yra. Štai kodėl tai td o ne tikrasis narys. Tai šiek tiek klaidina. 

Taigi jūs turite stalo žymes ir viduje jūsų stalo žymės turite eilučių, TRS skaičių. Ir viduje kiekvienoje eilutėje turite TDS už stulpelių skaičių kad jūs norite turėti toje konkrečioje eilės. Paimkime pažvelgti labai Paprasta lentelė perkelta į CS50 IDE. 

Taigi turiu čia failą vadinamas stalo dot HTML. Leiskite turėti pažvelgti ką tai atrodo. Yra daug vyksta, bet čia Jei pastebėsite Turiu lentelė atvira. Aš pradedant su stalo apibrėžimą. Ir tada mano pirmoje eilėje aš, matyt, turi keturis kolonos, vienas, du, trys, keturi. Ir tada aš padariau su tos eilutės. 

Tada aš pradedu kitą eilutę ir padaryti dviejų, keturių, šešių, aštuonių. Baigti tos eilutės. Ar kitą eilutę, trys, šeši, devyni, 12. Ir tada paskutinė eilutė, keturi, aštuoni, 12, ir nors tai šiek tiek nupjauti čia 16. 

Aš baigiau tą eilutę. Aš baigiau lentelę. Ir tada aš padariau su savo HTML. Ką tai atrodo? Na, tai tikrai ne daug pamatyti. Aš aiškiai organizavo mano informacijos į šiek tiek daugiau organizuotu būdu. Bet tai ne super gana čia. Ir mes ketiname spręsti kad kai mes kalbame apie CSS. Mes peržiūrėti šį idėja ką mes darome padaryti table-- gal formatuoti šiek tiek geriau? Bet aš vis dar turiu keturis eilutes, iš kurių kiekvienas turi keturis stulpelius, ir tikrai, kas tai prilygsta yra labai paprasta keturių iki keturių daugyba stalo. 

Tik keli daugiau žymelių mes kalbame apie. Pakalbėkime apie koncepcija HTML formą. Taigi tu gali matyti tai į kontekstas prisijungti prie tinklalapio. Paprastai įvesite savo vartotojo vardu. Jūs įrašykite savo slaptažodį, ir jūs gerai eiti. Tai būtų blanko pradžia. 

Pralaidos per div sekundę. Mes taip pat turime įėjimai, kuri rūšies tilptų formų. Tai yra elementų, kurie jūs iš tikrųjų rašyti į, ar akutes esate pažymint, ar patikrinimas dėžės, kad jūs tiksi išjungtas. Taigi jie vidun formų. Ir jie sudaro iš esmės kiekvienas iš formos eilutė Jei jūsų forma yra suformatuotas taip pat. Tada ten ši koncepcija div, kuris tikrai ne tilptų į bet kurią konkrečią kategoriją žymių kaip ir tuos, aš buvo padaryti anksčiau. Tai tiesiog tarsi atriboja pradžioje kai savavališkai division-- div-- puslapio. Nėra vaizdo pertraukos. Nėra linija. Tai ne užskaityti kaip atskiras gabalas automatiškai. Jūs norite turėti stiliaus ją kad taip daryti. 

Tai tiesiog tarsi sako Noriu gabalas erdvėje ant mano internetiniame puslapyje, ir aš tik ketina skambinti tai šis mano puslapyje padalinys. Mes galime įdėti stuff viduje nuo div us, ir iš tikrųjų, kai mes per galvą IDE per sekundę, mes matyti, kad aš pradėti mano suformuoti viduje div. 

Taigi turiu čia mano IDE A failas, vadinamas div forma dot HTML. Leiskite ją atidaryti. Atkreipkite dėmesį, kad, kaip jau sakiau, div rūšies savavališkai. Teisė? Jis tikrai ne ką nors reiškia. Taigi turiu savavališkai Pirmasis skyrius mano puslapyje. Ir tada vietoj kito div Vėliau, pradedant nuo linijos aštuonių, Turiu šią formą. Ir viduje I forma turėti skaičius įėjimai, laukai forma. Taigi turiu lauką, kurio vardas yra A-- kuri tikrai ne ką nors reiškia teisė now-- kad, matyt, trunka tekstą, kitas, kad mano slaptažodį, kitą, kad yra radijo mygtuką, kitas tai yra varnelė, o kitas kad tai mygtuką "Siųsti". Na, ką tai visi iš tikrųjų atrodo? Na, leiskite pažvelgti. Mes ją atidaryti mūsų peržiūros lange. Atkreipkite dėmesį, kad šis savavališkas Pirmasis division-- ten nėra vaizdo atskyrimas čia. Tai tikrai ne daryti nieko, tiesa? 

Ir tada aš turiu formą. Ir aš nepadarė jokių specialių formatavimą. Taigi ši forma yra tik vienas didelis eilė informaciją. Jeigu aš formatuoti mano formą skirtingai, Galėčiau jį pagal kiekvieną eilutę po eilutės. Bet aš ne daryti bet stilius. Vėlgi, mes kalbame ne apie CSS čia. Mes tik kalbame apie HTML. 

Na mano teksto forma galiu type-- Atminkite, kad formos tipo tekstą todėl galiu įdėti savo vardą. Ir mano slaptažodis I galite įvesti savo slaptažodį. Ir todėl, kad šioje srityje yra tipo slaptažodžiu, Jūs nežinote, ką mano slaptažodis yra. Tai visi taškai. 

Aš taip pat galite pasirinkti pažymėkite off radijo mygtuką arba išbarti žymės langelį. Arba galėčiau pateikti savo formą. Ir aš nepadarė nieko, todėl, kai aš pateikti savo formą, tiesiog puslapis atnaujinamas. Bet aš galbūt galėtų sukonfigūruoti savo Pateikti mygtuką daryti ką nors kita. Ir mes pamatyti, ką mes galime padaryti su kad būsimo vaizdo PHP. Bet tai stato labai paprasta forma, kad mes galite naudoti norėdami turėti vartotojai sąveikauja ir pateikti informaciją mūsų svetainėje. 

Vienas paskutinis komentaras, kol mes pereiti prie kai kurių kitų žymių yra pažvelgti į šią išvaizdą įvesties žymė dar kartą. Atkreipkite dėmesį, kad aš pabrėžė Ir į raudoną žymę galuose. Kiekvienas kitas žyma mes matėme iki šiol turėjo pradžią ir pabaigą, atidarymo Tag ir uždarymo tegus. 

Bet įvesties žyma nėra. Nėra teksto, kad eina tarp įvesties žymes. Visa informacija mes ketinanti perteikti surišta, kaip dalis atributus, kad pirkimo. Atkreipkite dėmesį, mes turime įvesti vardas lygus x. Tipas lygus m. Tai tikrai visi Informacija, kurią mes turime. 

Tai vadinama savarankiškai uždarymo tegus. Ji nereikalauja atidarymo ir Uždaryti nes visa informacija yra pateiktas viduje Tag ir jos požymiai. Taigi kartais pamatysite tai, taip pat. Taigi tiesiog reikia žinoti, kad, jei turite Tag, kuri yra visiškai savarankiškas, jis atsidaro ir užsidaro pati atviro kampo laikiklis kairėje ir velniop kampas kronšteinas dešinėje. Pamatysime dar vienas iš tų dabar su vaizdo žymeles, taip pat. 

Prieš kalbame apie vaizdus, ​​mes reikia kalbėti apie hipersaitus. Jei norime, kad mūsų interneto puslapis turi būti interaktyvus ir judėti mus aplink, tai būtų malonu turėti paspausti ant vieno iš tų, kas paprastai buvo mėlyna nurodo. Tai iš tikrųjų, kaip mes statome yra vienas iš mūsų tinklalapio nuorodą. Ir Įdomu yra ir kitas HTML tegus vadinamas ryšys, kuris nėra nuorodą. Čia stovi inkaras, ir tai kaip mes nurodyti nuorodą. 

Href lygus x priemonės eikite į interneto puslapis X. Ir viskas tarp atidaryti žymė ir uždaryti žymė yra tai, kas bus, kad pabrėžė mėlyna tekstas, kuris atrodo kaip nuorodą kad mes esate susipažinę su. Žemiau kad mes turime vaizdo žymeles, kurios Ar savarankiškai uždarymo tegus rodyti vaizdo įsikūręs X Ir Jums gali būti suteikta galimybė pakeisti kad nurodant vaizdas plotis ir aukštis ir kiti atributai kad taškas taškas taškas ten. 

Pačioje apačioje čia Mes turime labai įdomi ieško žymeklį nėra turėti uždarymo tegus. Tai šauktukas DOCTYPE HTML. Taigi HTML gyvuoja nuo 1990-ųjų pradžioje pastatų tinklalapius, ir jis dingo perėję keletas versijų, nes tada. Visai neseniai 2014 jis patyrė peržiūrą vadinamas HTML5, kuris dabar yra dabartinis Rūšiuoti de facto HTML standartą. 

Norėdami nurodyti, kad mūsų interneto puslapiai rašomi HTML5, tai kaip mes pradėti. Jis gali būti praleidžiami, bet kas, kad iš esmės priemonės yra jūs negalite naudoti bet žymės kad yra HTML5 žodžius, toms naujoms žymes. Taigi mes visada pradėti nuo jei mes naudojame HTML5. Ir visi žymės mes kalbėjome apie anksčiau nėra HTML5 žymes. Tačiau tai rodo, kad HTML5 žymės bus. Ir todėl mes turime šauktuko DOCTYPE HTML, kuris yra pačioje pradžioje mūsų HTML byla, o tada, kad po to, kai temperatūra mes iš tikrųjų turime HTML atvira pažymėti ir pereiti iš ten. 

Paskutinis vienas komentaras žymeles, kuri atrodo šiek tiek skiriasi, per daug. Jis prasideda su kampu laikiklis šauktuku brūkšnys brūkšnys, bet ne uždarymo laikiklis. Tarp šių dviejų ten elementų kur rašote komentarus. Ir tegul pažvelgti vaizdų išvaizdą ir pastabos ir nuorodos į CS50 IDE. 

Taigi turiu čia failas vadinamas paveikslėlio nuoroda dot HTML kurį aš ruošiuosi atverti. Ir pranešimas, aš turiu porą komentarai čia mano HTML komentarus. Taigi, kaip ir C ir kita programavimo kalbos, HTML tiesiog yra žymėjimo kalba tikrai turi galimybę turėti pastabas. Ir todėl aš, matyt, ketina įdėti Rick Astley nuotrauką kažkur tarp DIV žymeles, tai savavališkas padalinys. Matyt, kad failas yra įsikūręs Rick dot JPEG, kuris jei mes galvą atgal virš Mano failą medis antra, yra failas, kuris egzistuoja einamojo katalogo. Taigi, kad viskas OK. Galiu nuoroda ją. 

Tada galiu turėti vidines nuorodas. Taigi pastebėti on-line 11 čia mano href yra labas dot HTML. Taigi, kad tik remiasi Sveiki dot HTML kuri egzistuoja dabartiniame kataloge. Ir aš taip pat gali turėti išorės Nuorodos tiesiog nurodant HTTPS nurodo, kad Aš nekalbu apie mano esamą katalogą failą. Aš kalbu apie failą, kad egzistuoja kažkur internete, o aš turiu prašyti naudojant HTTP protokolą. 

Taigi leiskite pažvelgti, kas šiuo puslapiu gali atrodyti ir ruoštis Rick paveikslėlyje Astley parodyti ant jūsų ekrano. Taigi aš peržiūrėti tai. Yra Rick Astley ne labai Top šiame savavališkas padalinys aš įdėti jį viršuje. Ir tada apačioje I turi nuorodas, ar ne? 

Turiu nuorodą į "Hello dot HTML. Ir jei aš spustelėkite, kad gaunu perėjo į šį puslapį kad mes labai gerai susipažinęs su iš pati pradžia mūsų programą. Jei aš pop šį puslapį atvirą vėl, jei aš Pop paveikslėlio nuoroda atidaryti dar vieną kartą, Taip pat galiu eiti išorėje į CS50 tinklalapyje. Ir ten mes see-- aš nutolinti truputį here-- matysime CS50 tinklapyje rūšiuoti įdėta į viduryje mūsų puslapyje. Taigi galėjau padaryti vidaus susieti, taip pat išorinio nuorodą. 

Paskutinis taisyklė su HTML, kad mes ketiname kalbėti apie čia yra tai, kad jūsų HTML turėtų būti gerai suformuotas. C mes kalbėjome daug apie įvairių sintaksės dalykų. HTML sintaksė tikrai sukasi aplink žymes. Kiekvienas žyma atidarote turi būti uždarytos. Ir iš tiesų, kas žyma atidarote turėtų būti uždarytas atvirkštine tvarka. 

Taigi, jei jūs atidaryti drąsus žymeles, Italic Tag, tada pabraukimo žymė padaryti visus tris iki A ypač rinkinys tekstą, jums reikia uždaryti juos atvirkštine tvarka. Taigi, jei jūs atidaryta drąsus, kursyvas, pabraukimas, jums norite uždaryti pabrėžti, pasvirusiomis raidėmis, paryškintu šriftu. Šis hermetizuoti Rūšiuoti yra tai, ką išlaiko HTML gražus ir organizuotas. 

Skirtingai nuo C, nors, sintaksės klaidos nebus iš tikrųjų paralyžiuoti savo HTML galbūt. Jūsų HTML negali būti gerai suformuota, bet vis dar veikia. Ir taip šios klaidos gali rūšiuoti stiklelio. Tai iki jums tikrai būti budrūs. Kartais jie žlugs, bet Kartais jūs galite išeiti su juo. 

Tai gali būti tikrai sudėtingas uždavinys, nors, sekti kai atidarytas tegus, kai jūs ją uždarė, ypač HTML failai gauti didesni ir didesni. Jūs norite šiek tiek padėti. Ir šiuo metu prisijungę validator įrankių, kuriuos galite naudoti norėdami turėti ne savo interneto išvaizdą puslapis ir pamatyti, jei ji gerai susiformavę HTML. Ir jūs būtinai pažvelgti tiems išvaizdą ir pradėti juos naudoti kaip jus pradėti daryti tam tikrą darbą su HTML, HTML rašymo, tik tokiu būdu jūs gaunate gerų įpročių apie organizavimas HTML geras būdas ir geras stilius ir įsitikinkite, kad jūs nedarote nieko, kad gali sukurti sintaksės klaida, kad galėtų sukelti jums šiek tiek problema žemyn kelio. 

Aš Doug Lloyd. Tai CS50.