Doug Lloyd: Se konsa, nou te pase sou- si matematik mwen an se dwa, ak mwen panse kap back-- Mwen panse ke nou te pase sou 35 videyo pale sou divès aspè nan C, petèt yon ti kras plis, petèt yon ti kras mwens. Apre sa, nou pa t 'kouvri tout bagay nan C, men nou kouvri yon gwo moso nan nan lang, a vas majorite de li, sètènman pou itilizasyon komen. Koulye a, nou ap ale nan pale sou yon lòt lang, HTML. Epi nou ap ale nan kouvri li nan jis yon sèl videyo. 

Men, sa k ap pase yo dwe OK. Sa k ap pase yo aktyèlman vin yon bagay w ap ale nan jwenn itilize. Kounye a ke ou gen nan fondamantal nan yon sèl lang, li la aktyèlman trè fasil yo kòmanse aprann lòt moun. Se konsa, nou ap ale nan kòmanse nan etap yon ti kras tounen ak enteprete sou debaz la diferans ki genyen ant lang sa yo ak sòt de kite ou nan li. Genyen yon anpil nan reyèlman gwo resous sou entènèt la, ki nou ap ale nan kòmanse dirije ou nan direksyon pou paske entènèt la se yon repozitwa vas nan enfòmasyon. Se konsa, li pa tankou ou pral gen pèdi soti nesesèman pa pa gen enfòmasyon ki kouvri nan yon videyo. Ou ap toujou kapab jwenn tout bagay ou bezwen epi sèvi ak konesans nan ou te deja bati moute pa konprann C fè koub aprantisaj la pou sa yo lòt lang aktyèlman yon flate anpil. Mwen pwomèt. 

Men, kite a pale sou yon sèl lang sa ki nan vrèman fondamantal pou chak entènèt paj, ki se HTML. HTML se Tèks la Twò markeup lang. HTML se yon lang men li se pa yon lang programmation. 

HTML pa gen varyab. Li pa gen lojik oswa fonksyon oswa yon bagay tankou sa. Nou pa ka fè nenpòt ki pwogramasyon se pou chak nan HTML. Pafwa ou pral tande moun ki dekri tèt yo kòm pwogramasyon HTML, ki se pa totalman egzat. Nou pa ka ekri pwogram HTML. 

HTML se jis itilize yo ki make moute tèks. Yo rele li yon lang markeup. Ak sa ki sa a does-- markup-- sa a nou itilize balises nan HTML ak tags-- sa yo sa a markup-- Semantics defini estrikti a nan yon paj ak lakòz tèks la plenn ki egziste ant Tags yo dwe entèprete pa navigatè nan diferan fason. E petèt li pi bon yo eksplike pa fason sa a nan yon ilistrasyon. 

Isit la nan yon paj HTML trè senp, pa yon pwogram HTML, ankò, yon paj HTML. E nou konnen li nan yon Paj HTML paske nou te bòne tout bagay ak HTML Tags. Se konsa, sa a se sa yon tag HTML sanble. Li nan ant parantèz ang. Apre sa, remake nan tèt la nou gen HTML ak nan pati anba a trè, apre nou te fè sa ki aparamman yon anpil nan lòt HTML, nou gen ang bracket koupe HTML. Se konsa, ki sòt de se fwontyè a ant sa ki HTML ak sa ki pa. Ak nan kou, konvansyonèl, jis jan ou te ekri tout pwogram C ou ak dot C ekstansyon, tout nan dosye HTML ou pral fini ak ekstansyon HTML dot. Men, gen nan plis ale sou isit la. Nou pa jis gen sa yo Tags HTML. Nou gen sa a aparamman bagay yo rele yon tag tèt yo. Oke, OK, sa ki nan sa? 

Oke petèt li pi bon yo fè distenksyon ant pa fason pou yon kò, kò yo te sa ki ekri nan paj wèb la. Se konsa, petèt tag nan tèt defini bagay ki pa nan fenèt navigatè a apwopriye, men se yon jan kanmenm enpòtan nan nou an paj entènèt ke yo te rann kòrèkteman. Pou egzanp, andedan nan la tag tèt nou gen Tags tit. 

Se konsa, ke yo te tit mond hello, ki nan aktyèlman pral yo dwe ki sa montre moute nan tab la nan Chrome oswa nan safari oswa Firefox-- tou sa navigatè ou prefer-- sa a, se sa k ap pase yo montre moute nan tit la. Epi anvan onglè li ta montre moute nan fenèt navigatè ou a tout antye epi ou ka sèlman gen yon sèl paj louvri nan yon fenèt navigatè nan yon tan. Se konsa, ki k ap pase yo dwe nan Tit nan paj m 'yo moute nan tab la oswa ba nan fenèt navigatè, alo nan lemonn. Lè sa a, sa ki ekri nan m ' paj entènèt yo pral mond, hello. Se konsa, kite a pran yon gade nan sa ki gen kèk bagay tankou sa a ta ka sanble. Sa a se yon paj HTML trè senp. Se konsa, mwen isit la nan IDE CS50 m 'ak Mwen te agrandi nan yon ti kras. Apre sa, mwen jis ale nan louvri moute alo dot HTML epi montre w ke sa a se bèl anpil kontni an paj ki nou te wè anvan. Tags senp mwen HTML, tèt, Tags Tit, kò, ak sou sa. Mwen te dantle yo dwe pwòp. 

Lè sa a, ki sa mwen kapab fè nan m ' IDE se jis preview paj la. Apre sa, nou ale. Kontni an nan paj mwen an se mond, hello, ak mwen pa wè anyen nan soti nan etikèt yo tèt la. Se jis sa ki ekri nan kò a. Mondyal, hello. Epi ankò kò a jis di konsa, mond, hello. Pati nan lòt ki manke. 

Se konsa, sa ki nan vrèman tout li ye. Sa a se yon trè senp paj HTML de baz yo. Koulye a, mwen te utilize HTML mwen an dwe reyèlman bèl ak òganize, men mwen pa gen aktyèlman fè sa. Mwen te kapab fè l 'gade bèl lèd. Lè sa a ta toujou travay. Sa a ta dwe egzak paj wèb la menm. Mwen te jis vinn m de tout nan espas ki la blan. 

Kòm li vire soti, espas blan se done. Se konsa, lè nou ap voye done ki sòti nan moun k reseptè, soti nan sèvè nan kliyan, done koute lajan. Se konsa, pou elimine pou nan blan se aktyèlman yon bon lide si w ap yon moun ki sèvi moute yon anpil nan kontni sit entènèt. Li se yon lide move si ou se yon moun ki moun ki nan aprann bagay sa a epi ou vle gen li joliman òganize. Sa a se yon anpil pi fasil yo analizan pase sa a. Men, li la fonksyonèl ki idantik. 

Dekoupaj an ak lòt bagay tankou sa pa aktyèlman gen pwoblèm nan HTML. Tout sa ki enpòtan se louvri Tags ak fèmen tags yo nan lòd ki kòrèk la. Avi sa ki te pase isit la, menm si. Markeup a ba nou yon fason yo kominike enfòmasyon siplemantè sou sa ki nou te ekri. Pati nan Hello, Mondyal te entèprete kòm tit la. Ak mond lan, alo pati te entèprete kòm kontni an oswa sa ki ta dwe vizib sou paj entènèt mwen an. 

Gen plis pase 100 nan sa yo diferan Tags ak anpil nan resous gwo sou entènèt yo jwenn yo. Nou pral pale sou yon kèk nan yo nan videyo sa a, gen kèk nan bagay la reyèlman fondamantal. Men, nou pa ap ale pale sou li tout paske li ta dwe konplè yo fè sa. 

Yon lòt bagay ou ka fè, menm si, se louvri moute zouti pwomotè. Men, si ou sonje soti nan videyo nou an sou HTTP, Mwen eksplike ki jan yo louvri moute zouti pwomotè. Nan Chrome li a anjeneral kle nan F12 yo louvri moute ba ikòn nan pwomotè. Lè sa a, olye pou yo chwazi Rezo a tab, ou ka chwazi tab la Eleman. Men, si ou chaje yon sit entènèt paj, ou pral aktyèlman wè HTML a ki ka kreye ki paj entènèt. Se konsa, ou ka aprann anpil bagay sou HTML pa gade nan sit pi renmen ou ak wè ki jan yo bati nan divès kalite moso nan yo ke ou renmen. Se konsa, petèt gen nan fre sa a modèl oswa yon bagay tankou sa. Ki jan yo fè l 'ak HTML? Oke ou ka jis louvri moute pwomotè ou zouti ak hover sou ki eleman ak wè ekzakteman ki sa HTML fè li. Se konsa, sa a, se yon vrèman bon fason yo aprann HTML, ak mwen rekòmande ke ou fè li tou de yo aprann HTML epi tou li yo aprann yon ti kras ti jan sou kèk nan opsyon ki disponib nan disponib nan ou nan zouti pwomotè, ki pral sètènman vini an sou la men kòm ou kòmanse fè sou sit plis entansif pwogram. 

Se konsa, kite a pran yon gade nan yon koup la HTML Tags komen. Epitou, n ap so ak pran yon gade nan sa sa yo Tags pral tou rann kòm pa gade nan kèk dosye nan IDE mwen. Se konsa, isit la yo se twa Tags trè debaz pou tweaking aparans la vizyèl nan tèks. Genyen B Tags, mwen Tags, ak U Tags. Apre sa, respektivman sa yo fè se rann tèks ki genyen ant yo nan fonse, italik, ak ressortir. Se konsa, kite a wè sa ki ki ta gade tankou sou yon paj entènèt aktyèl nan IDE mwen. 

Se konsa, isit la nan IDE m 'mwen gen yon dosye rele BIU dot HTML. BIU dot HTML jis ke yo te fonse, italik, ressortir. Mwen pral louvri li. 

Epitou, n ap wè ke isit la mwen gen tèks sa a se B Tags karaktè fonse. Sa a se tèks Tags Mwen italik. Ak tèks sa a se U Tags souliye. Ki sa ki sa a pral sanble? Oke ankò, tout mwen gen fè se ale sou isit la nan navigatè m 'yo, navigatè dosye mwen, klike sou Preview, e sa se sa ki vini yo. 

Tèks la nan ant B a Tags se vre kounye a karaktè fonse. Tèks la nan ant I Tags se vre kounye a italik. Apre sa, tèks la nan ant U a Tags se tout bon kounye a souliye. Se konsa, sa a, se trè bon. Nou kounye a konnen ki jan fè tèks gade yon ti kras pi plis anpenpan oubyen desine anfaz nan sèten bagay sa yo. Yon lòt koup nan Tags komen isit la yo se Tags paragraf, Tags P, ak header, ki mwen te rann isit la tankou hx. 

Sa yo P Tags, sa yo Tags paragraf, kraze tèks ou moute nan paragraf yo. Li pa ase yo jis frape Antre, epi kite espas, paske yon òdinatè se sèlman pral fè sa ou di li fè epi li inyore blan espas pou pati ki pi. Se konsa, nou pa ka jis frape Antre e yo atann konpitè nou an ka esplike nou rèv ke nou vle yo kòmanse yon nouvo paragraf. Nou dwe trè klèman di sa a se youn paragraph-- sa a se another-- pa jwen chak nan yon seri P Tags. 

Apre sa, nou menm tou nou gen opsyon sa yo pou H Tags, sa yo Tags header. Nou gen sis diferan nivo a Tèt, yon sèl, de, twa, kat, senk, ak sis yo, ki se progresivman pi gwo ak pi gwo Tèt. Apre sa, yo jwenn pi piti ak pi piti ak pi piti ak pi piti. Se konsa, nou gen yon header nivo tèt, yon dezyèm header nivo, ak sou sa, ak sou sa. 

Se pou nou pran yon gade nan petèt kèk P Tags ak kèk Tags header nan aksyon sou yon paj entènèt. Se konsa, isit la nan IDE m 'mwen gen yon dosye rele PH dot HTML, PH te paragraf ak Tags header. Louvri ki moute. Genyen yon anpil ale sou isit la paske mwen te mete kèk Kay Ipsum, gen kèk tèks jis o aza nan isit la. Se konsa, mwen pral rale soti yon ti jan paske gen nan anpil pral sou. Men, remake ke mwen gen nan anpil nan tèt isit la mwen gen yon H1, yon nivo yon sèl, header tag. Lè sa a, mwen gen yon paragraf, ki se jis yon pakèt moun sou o aza Kay text-- ipsum-- jis default estanda ranpli nan tèks. Se konsa, mwen gen de paragraf andedan nan ki nivo yon sèl header ak Lè sa a desann anba a mwen gen yon header nivo de isit la sou liy 24, yon dezyèm header nivo, ak yon lòt de paragraf yo. Oke ki sa sa a sanble si mwen wè l 'nan aperçu mwen an? Ann we. 

Se konsa, remake ke nan premye nivo header isit la se aktyèlman pi gwo byen yon ti jan pase dezyèm header nan nivo. Se konsa, nou itilize Tags H1. Apre sa, remake ke P etikèt yo pèmèt nou kraze bagay sa yo soti nan paragraf yo. Si nou te vinn m de sa yo P Tags ak aktyèlman jis mete antre oswa ki retounen nan ant sa nou te espere ta gen paragraf yo diferan, yo ta tout jis slam ansanm ak li pa ta gen sa a paragraf bèl separasyon ak espas anwo a yo ak anba a. Se konsa, se sa ki paragraf Tags ak Tags header yo souvan itilize pou fè pou trase atansyon sou pòsyon nan paj wèb nou an nan fason sa a. 

Moute Next yo se kèk Tags ke nou itilize yo bati lis nan paj wèb nou an. Se konsa, nou gen unordered lists-- ULs-- ki yo se jis lis pus, te bay lòd lis ki fè yo numbered-- OLs-- ak andedan nan swa youn nan moun ki nou bezwen gen kouche pou konnen kijan pou endike lis atik, LI. Se konsa, nou gen louvri UL tag epi nou mete atik andedan nan li. Lè sa a, lè nou ap fè ak sa, nou ka fèmen tag nan UL. 

Apre sa, Menm jan an tou nou ka gen yon lis te bay lòd oswa resansman , li mete lis atik andedan nan sa. Se konsa, kite a pran yon gade Yon koup nan lis ak sa yo ta rann ke sou CS50 IDE. Se konsa, mwen gen isit la nan IDE m 'yon dosye rele lis dot HTML. Se pou nou pran yon gade. 

Apre sa, avi isit la mwen gen yon unordered lis ki gen senk bagay sa yo nan li. Lè sa a, mwen gen yon lis te bay lòd, epi Mwen te chanje tag a yon ti jan, dwa? Mwen te di kòmanse egal sis. Li sanble ak yon lis te bay lòd mwen ka mete pwen an kòmanse tout kote Mwen vle-pa default li pral yonn- pa jis ajoute sa a sa yo rele atribi tag OL mwen. Se konsa, lis sa a pral kòmanse konte nan sis. Se konsa, eleman ki nan ke lis resansman yo ta dwe sis, sèt, uit, nèf, dis, paske gen senk eleman nan lis la, kòm opoze a yon sèl, de, twa, kat, senk, ki ta dwe ka a si mwen te di OL san yo pa espesifye atribi an kòmanse. 

Se konsa, nou pral jis preview sa a pou ou kapab ka resevwa yon sans pou sa k ap pase sou isit la. Apre sa, nou ale. Genyen lis mwen an. Senk premye eleman yo se unordered oswa pus lis. Ak senk eleman kap vini se yon lis separe te bay lòd kòmanse nan sis. Se konsa, sa a, se ki jan nou kapab bati lè l sèvi avèk lis HTML. Yon lòt bagay ou ta ka vle fè ak HTML se bati yon tab nan enfòmasyon nan ranje ak kolòn prezante enfòmasyon nan yon patikilyèman òganize fason. Pou fè sa a ak HTML nou ka gen yon definisyon tab kòmanse louvri bracket tab. Lè sa a, andedan nan ki tab nou ka gen yon seri ranje, Tags TR ki endike chak ranje. Lè sa a, Tags TD ale andedan nan Tags TR ou presize yon kolòn nan yon ranje. 

Poukisa li rele TD epi yo pa TC? Oke, TD kanpe pou done tab. Anjeneral w ap mete enfòmasyon ou a. Se konsa, Se poutèt sa li a TD epi yo pa TC. Li se yon ti jan konfizyon. 

Se konsa, ou gen Tags tab ak andedan nan tab ou Tags ou gen yon nimewo nan ranje, TRS. Ak andedan chak ranje ou gen TDS pou kantite kolòn ke ou vle gen nan ki ranje an patikilye. Se pou nou pran yon gade nan yon trè senp tab sou nan CS50 IDE. 

Se konsa, mwen gen isit la yon dosye rele tab dot HTML. Se pou nou gen yon gade nan ki sa sa sanble. Genyen yon anpil ale sou isit la, men si w remake mwen gen yon tab louvri. Mwen kòmanse definisyon an ak tab. Lè sa a, nan premye ranje m 'mwen aparamman gen kat kolòn, yon sèl, de, twa, kat. Lè sa a, m ap fè ak ki ranje. 

Lè sa a, mwen kòmanse yon lòt ranje ak fè de, kat, sis, uit. Fini ki ranje. Èske yon lòt ranje, twa, sis, nèf, 12. Lè sa a, yon dènye ranje, kat, uit, 12, epi menm si li nan yon ti kras koupe isit la, 16. 

Mwen fini ki ranje. Mwen fini tab la. Lè sa a, m ap fè ak HTML m 'yo. Ki sa sa sanble? Oke, li nan pa reyèlman anpil yo wè. Mwen te byen klè òganize enfòmasyon mwen nan yon fason yon ti jan pi òganize. Men, li la pa super bèl isit la. E nou pral fè fas ak ke lè nou pale sou CSS. Nou pral revize lide sa a nan sa nou fè fè yon table-- petèt fòma li yon ti jan ti kras pi byen? Men, mwen toujou gen kat ranje, chak nan yo ki gen kat kolòn, ak reyèlman ki sa sa a kantite lajan nan se yon trè senp kat pa kat miltiplikasyon tab. 

Jis yon kèk plis Tags nou pral pale sou. Se pou nou pale sou nan konsèp nan yon fòm HTML. Se konsa, ou ka wè sa a nan la kontèks nan antre nan yon paj entènèt. Anjeneral ou tape nan non itilizatè ou yo. Ou tape nan modpas ou, epi w ap bon yo ale. Ki ta ka nan konmansman an nan yon fòm. 

Sote sou div yon dezyèm fwa. Nou genyen tou entrain ki kalite anfòm andedan nan fòm. Sa yo se eleman yo ki w ap aktyèlman tape nan, oswa bouton sa yo radyo w ap pwentaj, oswa chèk la bwat ke w ap pwentaj la. Se konsa, sa yo ale andedan nan fòm. Apre sa, yo genyen fondamantalman chak ranje nan fòm nan si se fòm ou fòma byen. Lè sa a, gen nan konsèp sa a nan yon div, ki pa fè sa vrèman anfòm nan nenpòt ki kategori patikilye nan Tags tankou sa yo mwen te te fè deja. Li jis sòt de demarcates nan kòmanse nan kèk division-- abitrè div-- nan paj la. Gen nan pa gen repo vizyèl. Gen nan pa gen liy. Li pa nan mete nan kòm yon separe moso otomatikman. Ou ta gen yo style li fason sa a fè sa. 

Li jis sòt de di mwen vle yon moso nan espas sou paj entènèt mwen an, ak mwen jis ale nan rele li sa a divizyon nan paj m 'yo. Nou ka mete bagay andedan a div, ak nan reyalite, lè nou tèt sou nan IDE nan yon dezyèm fwa, nou pral wè ke Mwen mete m ' fòme andedan yon div. 

Se konsa, mwen gen isit la nan IDE m 'yon dosye rele div fòm dot HTML. Se pou nou louvri l 'leve. Remake tankou mwen te di, div se kalite abitrè. Dwa? Li pa reyèlman vle di anyen. Se konsa, mwen gen yon abitrè premye divizyon nan paj m 'yo. Lè sa a, olye pou yo yon lòt div pita sou, kòmanse sou liy uit, Mwen gen fòm sa a. Apre sa, andedan nan fòm lan mwen gen yon kantite entrain, jaden nan fòm nan. Se konsa, mwen gen yon jaden ki gen non se A-- ki pa reyèlman vle di anyen dwat now-- ki aparamman pran tèks, yon lòt youn ki pran yon modpas, yon lòt ki nan yon Radyo bouton, yon lòt sa a, se yon bwat chèk, ak yon lòt ki nan yon soumèt bouton. Oke, sa fè bagay sa a tout aktyèlman sanble? Oke, kite la pran yon gade. Nou pral louvri l 'nan fennèt aperçu nou yo. Remake sa a abitrè premye division-- gen nan pa gen okenn separasyon vizyèl isit la. Li pa t 'reyèlman fè anyen, dwa? 

Lè sa a, mwen gen fòm m 'yo. Apre sa, mwen pa t 'fè nenpòt ki fòma espesyal. Se konsa, fòm nan se jis yon gwo ranje nan enfòmasyon. Si m 'te fòma fòm mwen yon fason diferan, Mwen ta ka genyen li liy pa liy pa liy. Men, mwen pa t 'fè nenpòt ki manier. Yon fwa ankò, nou pa ap pale de CSS isit la. Nou ap jis ap pale de HTML. 

Oke nan fòm tèks mwen mwen kapab type-- sonje ke fòm nan tèks kalite Se konsa, mwen ka mete non mwen. Ak nan m 'mwen modpas tape modpas mwen ka. Epi paske ke jaden se nan modpas kalite, ou pa konnen ki sa modpas mwen an se. Li nan tout pwen. 

Mwen kapab chwazi tou yo tik sou yon bouton radyo oswa tik sou yon bwat chèk la. Ou mwen te kapab soumèt fòm mwen. Apre sa, mwen pa t 'fè anyen, Se konsa, lè mwen soumèt fòm mwen, paj la jis ap remoute. Men, mwen te kapab petèt configured mwen Soumèt bouton fè yon lòt bagay. Epitou, n ap wè sa nou kapab fè avèk ke nan yon videyo lavni sou PHP. Men, sa a ap bati yon trè fòm senp ke nou ka itilize yo gen itilizatè kominike ak soumèt enfòmasyon nan sit entènèt nou an. 

Youn nan dènye kòmantè anvan nou deplase sou li nan kèk lòt Tags yo dwe pran yon gade nan sa a tag opinyon yon lòt fwa ankò. Avi ke mwen te make dènye moun ki sou tag a nan wouj. Chak lòt tag nou te wè byen lwen tèlman gen te gen yon kòmansman ak yon fen, yon ouvèti tag ak yon tag fèmti a. 

Men, yon tag opinyon pa fè sa. Gen nan pa gen tèks ki ale nan ant Tags opinyon. Tout moun nan enfòmasyon ki nou ap lide tansmèt se mare moute kòm yon pati nan la atribi nan ki opinyon. Avi nou gen Non opinyon egal x. Kalite egal y. Sa ki nan vrèman tout nan enfòmasyon nou bezwen. 

Se sa yo rele yon tag fèmen pwòp tèt ou. Li pa mande pou yon ouvèti ak yon fèmen paske tout enfòmasyon ki se ki genyen anndan an tag ak atribi figi li yo. Se konsa, pafwa ou pral wè sa a, tou. Se konsa, jis ou dwe konnen ke si ou gen yon tag ki se antyèman endepandan, li ouvè ak fèmen tèt li ak bracket a ang louvri sou bò gòch la ak ang nan koupe bracket sou bò dwat la. Nou pral wè yon lòt youn nan moun ki kounye a ak imaj Tags kòm byen. 

Anvan nou pale sou imaj, nou bezwen pale sou Des. Si nou vle paj wèb nou an yo dwe entèaktif ak pouse nou alantou li, li ta dwe nice kapab klike sou youn nan moun ki tipikman sa ki te yon lyen ble. Sa a se aktyèlman ki jan nou bati yon HyperLink nan paj wèb nou an. Apre sa, enteresan ase gen nan yon lòt tag HTML rele lyen, ki se pa yon HyperLink. Yon isit la vle di pou jete lank, ak sa a, se ki jan nou endike yon ipèrlenk. 

Yon href egal x vle di ale nan entènèt paj X. Ak tout bagay ant ouvè a Yon tag ak fèmen a Yon tag se sa k ap pase yo dwe ki souliye tèks ble ki sanble ak yon ap mennen ke nou ap abitye avèk yo. Pi ba a ke nou gen yon tag imaj, ki se yon pwòp tèt ou fèmen tag pou ekspoze yon imaj ki chita nan X. Ak ou ta ka kapab chanje ke imaj pa ki espesifye lajè ak wotè ak atribi figi lòt nan ki dot dot dot la. 

Nan pati anba a anpil isit la nou gen yon trè enteresan kap tag ki pa gen yon tag fèmti a. Li nan esklamasyon HTML pwen Doktip. Se konsa, HTML te alantou depi nan ane 1990 byen bonè pou bati paj wèb, ak li a ale sibi plizyè revizyon depi lè sa a. Pi resamman nan 2014 li sibi yon revizyon rele HTML5 ki se kounye a aktyèl la sòt de defakto HTML estanda. 

Yo endike ke wèb nou an paj sa ekri lè l sèvi avèk HTML5, sa a se ki jan nou kòmanse koupe. Li kapab omisyon men ki sa sa fondamantalman vle di se ou pa ka sèvi ak nenpòt nan etikèt yo ki HTML5 Tags, moun ki nouvo Tags. Se konsa, nou toujou kòmanse koupe si nou ap lè l sèvi avèk HTML5. Apre sa, tout etikèt yo nou te te pale osijè de deja yo pa HTML5 Tags. Men, sa a ta kapab endike ke HTML5 Tags yo pral prezan. Se konsa, nou gen esklamasyon Doktip html, ki se nan kòmansman la anpil nan nou an Dosye HTML, ak Lè sa a apre pwen sa nou gen aktyèlman HTML nou an louvri tag epi kontinye soti nan la. 

Yon sèl nan pase a se yon tag kòmantè, ki sanble yon ti kras diferan, tou. Li kòmanse koupe ak ang bracket priz esklamasyon priz men pa bracket fèmti a. Nan ant de eleman sa yo gen se kote ou ekri kòmantè ou. Li kite yo pran yon gade nan imaj ak kòmantè ak lyen nan CS50 IDE. 

Se konsa, mwen gen isit la yon dosye rele lyen imaj dot HTML ki mwen pral louvri moute. Ak avi mwen te gen yon koup nan kòmantè isit la nan kòmantè HTML m 'yo. Se konsa, jis tankou nan C ak lòt lang programmation, HTML jis pa ke yo te yon lang markeup gen kapasite nan gen kòmantè. Se konsa, mwen aparamman ale nan mete yon foto nan Rick Astley yon kote ant div sa a tag, divizyon sa a abitrè. Aparamman ke dosye a se ki chita nan Rick dot JPEG, ki si nou tèt tounen sou nan pyebwa dosye mwen an pou yon dezyèm fwa, se yon dosye ki egziste nan anyè aktyèl la. Se konsa, sa a, se OK. Mwen kapab referans li. 

Apre sa, mwen ka gen lyen entèn yo. Se konsa, remake sou liy 11 isit la href mwen an se alo dot HTML. Se konsa, ki jis vle di alo dot HTML ki egziste nan anyè aktyèl la. Apre sa, mwen ka gen ekstèn tou lyen pa jis ki espesifye t ki endike ke mwen pa pale sou yon dosye ki nan anyè mwen ye kounye a. Mwen ap pale de yon dosye ki egziste yon kote sou entènèt la, ki mwen gen pou mande pou lè l sèvi avèk pwotokòl la HTTP. 

Se konsa, kite a pran yon gade nan sa ki paj sa a ta ka sanble epi pou yo jwenn pare pou yon foto nan Rick Astley montre moute sou ekran an. Se konsa, mwen pral preview sa a. Genyen Rick Astley nan la trè tèt nan sa a abitrè divizyon mwen mete l 'nan tèt la. Lè sa a, desann anba a mwen gen lyen m 'yo, dwa? 

Mwen gen yon ap mennen nan alo dot HTML. Men, si mwen klike sou sa, mwen jwenn deplase sou nan paj sa a ke nou ap abitye ak soti nan anpil kòmansman la anpil nan pwogram nou an. Si m 'pòp ki paj louvri ankò, si mwen pòp lyen imaj louvri yon lòt fwa ankò, Mwen ka ale deyò tou nan sit entènèt CS50 la. Apre sa, nou 'tout see-- mwen rale soti yon ti jan isit lan-- nou pral wè CS50 nan sit entènèt sòt de entegre nan mitan an nan paj nou an. Se konsa, mwen te kapab fè yon entèn lyen kòm byen ke yon lyen ekstèn. 

Règ la pase a ak HTML ki nou ap ale nan pale sou isit la se ke HTML ou yo ta dwe byen fòme. Nan C nou te pale yon anpil sou sentaks la divès kalite bagay sa yo. Nan HTML sentaks la reyèlman vire toutotou Tags. Chak tag ou louvri bezwen yo dwe fèmen. Lè an reyalite, chak tag ou louvri yo ta dwe fèmen nan do lòd. 

Se konsa, si ou louvri yon tag fonse, italik yon tag, ak Lè sa a yon tag soulinye fè tout twa nan yon seri patikilye nan tèks, ou ta dwe fèmen yo nan do lòd. Se konsa, si ou louvri fonse, italik, soulinye, ou vle fèmen soulinye, italik, karaktè fonse. Sa a sòt de ANKAPSILASYON se sa ki kenbe HTML bèl ak òganize. 

Kontrèman ak C, menm si, erè sentaks pa pral aktyèlman estropye HTML ou petèt. HTML ou a ka pa byen fòme men ta toujou travay. Se konsa, sa yo erè kapab Trier nan glise pa. Li nan jiska ou reyèlman rete sou prigad. Pafwa yo pral fail men pafwa ou ka jwenn lwen ak li. 

Li kapab yon vrèman tach difisil, menm si, nan kenbe tras nan lè ou louvri yon tag, lè ou fèmen li, espesyalman kòm HTML ou dosye jwenn pi gwo ak pi gran. Ou pral vle kèk èd. E genyen anpil sou entènèt zouti Validator ke ou ka itilize yo gen yon gade nan entènèt ou paj ak wè si li nan byen fòme HTML. Epi ou ta dwe definitivman pran yon gade nan sa yo epi yo kòmanse sèvi ak yo menm jan ou kòmanse fè kèk travay ak HTML, ekri HTML, jis pou ou jwenn kèk bon abitid sou òganize HTML ou a nan yon bon fason ak bon style ak fè si ke ou pa ap fè nenpòt ki bagay ki te kapab kreye yon erè sentaks ki ta lakòz ou yon ti jan nan yon pwoblèm desann wout la. 

Mwen se Doug Lloyd. Sa a se CS50.