1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> DOUG LLOYD: Hivyo sisi alitumia about-- kama hesabu yangu ni sahihi, 3 00:00:08,790 --> 00:00:11,900 na nadhani kuangalia back-- Nadhani sisi alitumia takriban 35 video kuzungumza 4 00:00:11,900 --> 00:00:15,139 kuhusu masuala mbalimbali ya C, labda zaidi kidogo, labda kidogo kidogo. 5 00:00:15,139 --> 00:00:16,930 Na hatukuwa kufunika kila kitu katika C, lakini sisi 6 00:00:16,930 --> 00:00:21,170 kufunikwa chunk kubwa ya lugha, idadi kubwa ya hayo, 7 00:00:21,170 --> 00:00:22,882 hakika kwa ajili ya matumizi ya kawaida. 8 00:00:22,882 --> 00:00:25,090 Sasa sisi ni kwenda kuzungumza kuhusu lugha nyingine, HTML. 9 00:00:25,090 --> 00:00:28,180 Na tunakwenda ili kufidia hivyo katika moja video tu. 10 00:00:28,180 --> 00:00:29,340 >> Lakini hiyo ni kwenda kuwa sawa. 11 00:00:29,340 --> 00:00:31,410 Hiyo inaenda kweli kuwa kitu wewe ni kwenda kupata kutumika. 12 00:00:31,410 --> 00:00:33,535 Sasa kwa kuwa una misingi ya lugha moja, 13 00:00:33,535 --> 00:00:35,776 ni kweli rahisi sana kuanza kujifunza wengine. 14 00:00:35,776 --> 00:00:37,650 Hivyo sisi ni kwenda kuanza hatua kidogo nyuma 15 00:00:37,650 --> 00:00:43,340 na Gloss juu ya msingi tofauti kati ya lugha hizi 16 00:00:43,340 --> 00:00:45,750 na aina ya kuondoka kwa hilo. 17 00:00:45,750 --> 00:00:48,530 Kuna mengi ya kubwa kweli kweli rasilimali kwenye mtandao, ambayo 18 00:00:48,530 --> 00:00:51,279 sisi ni kwenda kuanza kuelekeza wewe kuelekea kwa sababu biashara ni 19 00:00:51,279 --> 00:00:53,340 there kikubwa cha habari. 20 00:00:53,340 --> 00:00:55,960 Na hivyo si kama utasikia kuwa kupoteza nje lazima 21 00:00:55,960 --> 00:00:58,349 na kutokuwa na habari kufunikwa katika video. 22 00:00:58,349 --> 00:01:00,640 Wewe utakuwa bado kuwa na uwezo wa kupata kila kitu unahitaji na matumizi 23 00:01:00,640 --> 00:01:03,590 maarifa wameweza tayari kujengwa kwa kuelewa C 24 00:01:03,590 --> 00:01:07,130 kufanya kujifunza Curve kwa hawa lugha zingine kweli mengi flatter. 25 00:01:07,130 --> 00:01:08,640 Ninaahidi. 26 00:01:08,640 --> 00:01:12,770 >> Lakini hebu majadiliano juu ya lugha moja hiyo ni kweli ya msingi kwa kila mtandao 27 00:01:12,770 --> 00:01:14,830 ukurasa, ambayo ni HTML. 28 00:01:14,830 --> 00:01:18,230 HTML ni mfumuko Nakala ghafi lugha. 29 00:01:18,230 --> 00:01:22,700 HTML ni lugha lakini ni si lugha ya programu. 30 00:01:22,700 --> 00:01:23,900 >> HTML hana vigezo. 31 00:01:23,900 --> 00:01:26,430 Haina mantiki au kazi au kitu kama hicho. 32 00:01:26,430 --> 00:01:30,301 Hatuwezi kufanya lolote programu per se katika HTML. 33 00:01:30,301 --> 00:01:32,300 Wakati mwingine utasikia watu hujiita 34 00:01:32,300 --> 00:01:35,710 kama programmers HTML, ambayo si sahihi kabisa. 35 00:01:35,710 --> 00:01:37,980 Hatuwezi kuandika mipango HTML. 36 00:01:37,980 --> 00:01:40,770 >> HTML ni tu kutumika kwa alama ya juu asilia. 37 00:01:40,770 --> 00:01:42,690 Ni wito lugha ghafi. 38 00:01:42,690 --> 00:01:47,680 Na nini hii does-- markup-- hii sisi kutumia vitambulisho katika HTML na tags-- hizi 39 00:01:47,680 --> 00:01:51,600 hii markup-- semantically amefafanua muundo wa ukurasa 40 00:01:51,600 --> 00:01:55,280 na husababisha Nakala wazi kwamba uliopo kati ya vitambulisho kutafsiriwa 41 00:01:55,280 --> 00:01:57,320 na browsers kwa njia tofauti. 42 00:01:57,320 --> 00:02:00,370 Na pengine ni bora kueleza njia hii na ya kielelezo. 43 00:02:00,370 --> 00:02:06,450 >> Hapa ni rahisi sana HTML ukurasa, si Mpango HTML, tena, ukurasa HTML. 44 00:02:06,450 --> 00:02:08,680 Na tunajua ni HTML ukurasa kwa sababu tumekuwa 45 00:02:08,680 --> 00:02:11,480 imepakana kila kitu kwa HTML. 46 00:02:11,480 --> 00:02:13,850 Hivyo hii ni nini HTML tag inaonekana kama. 47 00:02:13,850 --> 00:02:15,870 Ni kati ya mabano pembeni. 48 00:02:15,870 --> 00:02:18,570 Na taarifa juu tuna HTML na chini sana, 49 00:02:18,570 --> 00:02:21,400 baada ya tumefanya nini inaonekana mengi ya HTML mengine, 50 00:02:21,400 --> 00:02:24,310 tuna pembe mabano kufyeka HTML. 51 00:02:24,310 --> 00:02:29,262 Hivyo kwamba aina ya ni mpaka kati ya kile ni HTML na nini si. 52 00:02:29,262 --> 00:02:32,220 Na bila shaka, conventionally, tu kama wewe aliandika wote wa programu yako C 53 00:02:32,220 --> 00:02:35,300 kwa nukta C upanuzi, wote wa files yako HTML 54 00:02:35,300 --> 00:02:37,909 itaisha kwa nukta HTML upanuzi. 55 00:02:37,909 --> 00:02:39,200 Lakini kuna zaidi kinachoendelea hapa. 56 00:02:39,200 --> 00:02:40,658 Sisi si tu kuwa na haya tags. 57 00:02:40,658 --> 00:02:44,010 Sisi inaonekana kuwa hii Jambo aitwaye tag kichwa. 58 00:02:44,010 --> 00:02:46,010 Naam, OK, nini hiyo? 59 00:02:46,010 --> 00:02:48,550 >> Vizuri labda ni bora kupambanua kwa njia ya mwili, 60 00:02:48,550 --> 00:02:50,590 mwili kuwa maudhui ya ukurasa wa mtandao. 61 00:02:50,590 --> 00:02:55,860 Hivyo labda tag kichwa amefafanua mambo hiyo siyo katika dirisha browser sahihi, 62 00:02:55,860 --> 00:02:59,410 lakini ni kwa namna fulani muhimu wetu mtandao ukurasa kuwa kulipwa kwa usahihi. 63 00:02:59,410 --> 00:03:02,490 Kwa mfano, ndani ya tag kichwa tuna vitambulisho cheo. 64 00:03:02,490 --> 00:03:05,500 >> Hivyo kichwa kuwa hujambo dunia, hiyo ni kweli kwenda kuwa nini 65 00:03:05,500 --> 00:03:08,797 inaonyesha juu katika tabo katika Chrome au katika safari au Firefox-- 66 00:03:08,797 --> 00:03:11,880 chochote kivinjari prefer-- hiyo ni nini kinaendelea show up katika cheo. 67 00:03:11,880 --> 00:03:14,800 Na kabla ya tabo ni wataonyesha up katika browser yako nzima dirisha 68 00:03:14,800 --> 00:03:19,710 na unaweza tu kuwa na ukurasa mmoja kufungua katika dirisha browser wakati huo. 69 00:03:19,710 --> 00:03:22,160 Hivyo kwamba kinaendelea kuwa jina la ukurasa wangu katika tabo 70 00:03:22,160 --> 00:03:24,600 au bar browser window, hello dunia. 71 00:03:24,600 --> 00:03:28,611 Na kisha maudhui ya yangu mtandao ukurasa watakuwa dunia, hodi. 72 00:03:28,611 --> 00:03:31,360 Basi hebu tuangalie nini baadhi Jambo kama hili ili kuangalia kama. 73 00:03:31,360 --> 00:03:33,210 Hii ni pretty rahisi HTML ukurasa. 74 00:03:33,210 --> 00:03:35,970 Hivyo mimi niko hapa katika CS50 yangu IDE na Nimekuwa zoomed katika kidogo. 75 00:03:35,970 --> 00:03:38,290 Na mimi nina kwenda tu kwa kufungua hodi nukta HTML 76 00:03:38,290 --> 00:03:42,000 na kuonyesha kwamba hii ni kiasi pretty ukurasa maudhui ambayo tuliona kabla. 77 00:03:42,000 --> 00:03:45,240 My vitambulisho rahisi HTML, kichwa, vitambulisho cheo, mwili, na kadhalika. 78 00:03:45,240 --> 00:03:47,320 Nimekuwa indented kuwa safi. 79 00:03:47,320 --> 00:03:51,530 >> Na kisha nini siwezi kufanya katika wangu IDE ni hakikisho tu ukurasa. 80 00:03:51,530 --> 00:03:52,630 Na kuna sisi kwenda. 81 00:03:52,630 --> 00:03:56,070 Maudhui ya ukurasa wangu ni dunia, hello, na sioni chochote 82 00:03:56,070 --> 00:03:58,500 katika kutoka vitambulisho kichwa huko. 83 00:03:58,500 --> 00:03:59,980 Ni tu maudhui ya mwili. 84 00:03:59,980 --> 00:04:00,780 Dunia, hodi. 85 00:04:00,780 --> 00:04:03,700 Na tena mwili tu Alisema, dunia, hodi. 86 00:04:03,700 --> 00:04:06,160 Sehemu nyingine ni kukosa. 87 00:04:06,160 --> 00:04:07,610 >> Hivyo hiyo ni kweli wote ni. 88 00:04:07,610 --> 00:04:11,370 Hii ni rahisi sana msingi HTML ukurasa. 89 00:04:11,370 --> 00:04:14,280 Sasa nimekuwa indented HTML yangu kwa kuwa ni nzuri na kupangwa, 90 00:04:14,280 --> 00:04:15,840 lakini mimi si kweli kuwa na. 91 00:04:15,840 --> 00:04:17,959 Mimi naweza kufanya ni kuangalia pretty mbaya. 92 00:04:17,959 --> 00:04:19,467 Na hii bado ingekuwa kazi. 93 00:04:19,467 --> 00:04:21,050 Hii itakuwa exact mtandao ukurasa. 94 00:04:21,050 --> 00:04:23,100 Nimekuwa tu wamezipata kuondoa wote wa nafasi nyeupe. 95 00:04:23,100 --> 00:04:24,820 >> Kama ni zamu nje, nafasi nyeupe ni data. 96 00:04:24,820 --> 00:04:28,540 Na hivyo wakati sisi ni kutuma taarifa kutoka mtumaji na mpokeaji, kutoka server 97 00:04:28,540 --> 00:04:30,670 kwa mteja, data gharama za fedha. 98 00:04:30,670 --> 00:04:34,460 Na hivyo kupata kuondoa whitespace ni kweli wazo nzuri 99 00:04:34,460 --> 00:04:37,320 kama wewe ni mtu ambaye mtumishi mengi ya maudhui ya mtandao. 100 00:04:37,320 --> 00:04:39,820 Ni wazo mbaya kama wewe ni mtu ambaye ni kujifunza mambo haya 101 00:04:39,820 --> 00:04:41,528 na unataka kuwa na ni vizuri kupangwa. 102 00:04:41,528 --> 00:04:43,810 Hii ni rahisi sana kuchanganua zaidi kuliko huu. 103 00:04:43,810 --> 00:04:45,540 Lakini ni functionally kufanana. 104 00:04:45,540 --> 00:04:48,720 >> Indentation na mambo kama hayo haina kweli jambo katika HTML. 105 00:04:48,720 --> 00:04:53,634 Mambo ambayo yote ni kufungua vitambulisho na kufunga vitambulisho katika mpangilio sahihi. 106 00:04:53,634 --> 00:04:55,050 Fikiria kilichotokea hapa, ingawa. 107 00:04:55,050 --> 00:04:58,450 Ghafi inatupa njia ya kuwasilisha taarifa za ziada 108 00:04:58,450 --> 00:04:59,940 kuhusu nini tumekuwa imeandikwa. 109 00:04:59,940 --> 00:05:03,130 Sehemu Hello, Dunia ilikuwa kufasiriwa kama jina. 110 00:05:03,130 --> 00:05:06,410 Na dunia, hodi sehemu ikawa kufasiriwa kama maudhui 111 00:05:06,410 --> 00:05:09,090 au kile lazima inayoonekana kwenye mtandao ukurasa wangu. 112 00:05:09,090 --> 00:05:12,167 >> Kuna zaidi ya 100 wa haya mbalimbali vitambulisho na kura ya rasilimali kubwa 113 00:05:12,167 --> 00:05:13,000 online kupata yao. 114 00:05:13,000 --> 00:05:14,900 Tunakwenda kuzungumzia wachache wao katika video hii, baadhi 115 00:05:14,900 --> 00:05:16,440 ya mambo ya kweli ya msingi. 116 00:05:16,440 --> 00:05:18,440 Lakini sisi siyo kwenda kuzungumza juu ya yote kwa sababu 117 00:05:18,440 --> 00:05:20,250 itakuwa kamilifu kufanya hivyo. 118 00:05:20,250 --> 00:05:22,880 >> Kitu kingine unaweza kufanya, ingawa, ni kufungua zana developer. 119 00:05:22,880 --> 00:05:26,069 Na kama unakumbuka kutoka video wetu juu ya HTTP, 120 00:05:26,069 --> 00:05:27,860 Nilivyoeleza jinsi ya kufungua up zana developer. 121 00:05:27,860 --> 00:05:32,020 Katika Chrome ni kawaida F12 muhimu kufungua developer toolbar. 122 00:05:32,020 --> 00:05:35,909 Kisha badala ya kuchagua Mtandao tabo, unaweza kuchagua tab Mambo. 123 00:05:35,909 --> 00:05:37,700 Na kama wewe mzigo mtandao ukurasa, utasikia kweli 124 00:05:37,700 --> 00:05:40,280 ona HTML ambayo inajenga kwamba ukurasa wa mtandao. 125 00:05:40,280 --> 00:05:44,090 Na hivyo unaweza kujifunza mengi kuhusu HTML kwa kuangalia tovuti yako favorite 126 00:05:44,090 --> 00:05:48,474 na kuona ni jinsi gani wao kujenga vipande mbalimbali ya kwao kwamba wewe kama. 127 00:05:48,474 --> 00:05:50,890 Hivyo labda kuna baridi hii mfano au kitu kama hicho. 128 00:05:50,890 --> 00:05:52,140 Jinsi gani wao kufanya hivyo na HTML? 129 00:05:52,140 --> 00:05:55,630 Vizuri unaweza tu kufungua developer yako zana na hover juu kwamba kipengele 130 00:05:55,630 --> 00:05:57,700 na kuona nini hasa HTML inafanya. 131 00:05:57,700 --> 00:05:59,450 Hivyo hiyo ni kweli njia nzuri ya kujifunza HTML, 132 00:05:59,450 --> 00:06:02,330 na mimi sana kupendekeza kwamba kufanya hivyo wote kujifunza HTML 133 00:06:02,330 --> 00:06:04,930 na pia kujifunza kidogo kidogo kuhusu baadhi ya chaguzi 134 00:06:04,930 --> 00:06:07,050 inapatikana na wewe katika zana developer, ambayo 135 00:06:07,050 --> 00:06:10,200 bila ya shaka kuja katika Handy kama wewe kuanza kufanya kubwa zaidi mtandao 136 00:06:10,200 --> 00:06:11,090 programu. 137 00:06:11,090 --> 00:06:14,080 >> Basi hebu tuangalie michache ya kawaida HTML. 138 00:06:14,080 --> 00:06:17,210 Na tutaweza kuruka na kuangalia nini hawa vitambulisho pia atatoa 139 00:06:17,210 --> 00:06:20,490 kama kwa kuangalia baadhi files katika IDE yangu. 140 00:06:20,490 --> 00:06:26,330 Hivyo hapa ni tatu vitambulisho msingi sana kwa tweaking kuonekana Visual ya maandishi. 141 00:06:26,330 --> 00:06:29,050 Kuna vitambulisho B, mimi vitambulisho, na U vitambulisho. 142 00:06:29,050 --> 00:06:33,170 Na mtiririko wanachokifanya ni kutoa maandishi baina yao katika ujasiri, 143 00:06:33,170 --> 00:06:35,430 italics, na betona. 144 00:06:35,430 --> 00:06:40,430 Basi hebu angalia nini kwamba bila kuangalia kama juu ya halisi ukurasa wa mtandao katika IDE yangu. 145 00:06:40,430 --> 00:06:43,390 >> Hivyo hapa katika IDE yangu nina faili inayoitwa Biu nukta HTML. 146 00:06:43,390 --> 00:06:46,770 Biu nukta HTML tu kuwa ujasiri, italiki, betona. 147 00:06:46,770 --> 00:06:47,830 Mimi itabidi kufungua it up. 148 00:06:47,830 --> 00:06:51,810 >> Na tutaweza kuona kwamba hapa mimi na kifungu hiki ni vitambulisho B ujasiri. 149 00:06:51,810 --> 00:06:54,010 Nakala hii ni mimi vitambulisho italiki. 150 00:06:54,010 --> 00:06:56,307 Na kifungu hiki ni U vitambulisho alitilia. 151 00:06:56,307 --> 00:06:57,640 Kile ni hii kwenda kuangalia kama? 152 00:06:57,640 --> 00:06:59,473 Vizuri tena, kila nina kufanya ni kwenda juu hapa 153 00:06:59,473 --> 00:07:04,690 kwa browser yangu, faili browser yangu, bonyeza Hakikisho, na hii ni nini anakuja juu. 154 00:07:04,690 --> 00:07:07,520 >> Nakala katika kati ya B vitambulisho ni kweli sasa ujasiri. 155 00:07:07,520 --> 00:07:10,720 Nakala katika kati ya mimi vitambulisho ni kweli sasa italiki. 156 00:07:10,720 --> 00:07:14,634 Na asilia katika kati ya U vitambulisho ni kweli sasa mkazo. 157 00:07:14,634 --> 00:07:15,550 Hivyo hiyo ni nzuri sana. 158 00:07:15,550 --> 00:07:18,450 Sisi sasa kujua jinsi ya kufanya Nakala kuangalia kidogo zaidi dhana 159 00:07:18,450 --> 00:07:20,360 au kuchora msisitizo kwa mambo fulani. 160 00:07:20,360 --> 00:07:25,530 Mwingine wanandoa wa vitambulisho kawaida hapa ni vitambulisho aya, P, na kichwa vitambulisho, 161 00:07:25,530 --> 00:07:27,980 ambayo nimekuwa zilizotolewa hapa kama HX. 162 00:07:27,980 --> 00:07:32,520 >> Vitambulisho hivi P, vitambulisho hivi aya, kuvunja maandishi yako juu katika aya. 163 00:07:32,520 --> 00:07:34,646 Ni haitoshi tu hit Enter na kuondoka nafasi, 164 00:07:34,646 --> 00:07:37,186 kwa sababu ya kompyuta ni kwenda tu kufanya nini kuwaambia ni kufanya 165 00:07:37,186 --> 00:07:39,450 na huacha nyeupe nafasi kwa sehemu kubwa. 166 00:07:39,450 --> 00:07:41,636 Hivyo hatuwezi tu hit Enter na kutarajia kompyuta yetu 167 00:07:41,636 --> 00:07:43,760 kutafsiri kwamba tunataka kuanza aya mpya. 168 00:07:43,760 --> 00:07:47,670 Tuna kupanga sana kusema hii ni moja paragraph-- hii ni another-- 169 00:07:47,670 --> 00:07:50,740 na enclosing kila mmoja kwa seti ya P vitambulisho. 170 00:07:50,740 --> 00:07:54,560 >> Na sisi pia kuwa chaguzi hizo kwa H vitambulisho, vitambulisho hivi kichwa. 171 00:07:54,560 --> 00:07:57,000 Tuna ngazi sita tofauti ya headers, moja, mbili, tatu, 172 00:07:57,000 --> 00:08:01,110 nne, tano, na sita, ambayo ni kuendelea kubwa na kubwa 173 00:08:01,110 --> 00:08:01,710 headers. 174 00:08:01,710 --> 00:08:04,360 Na wao kupata ndogo na na ndogo ndogo na ndogo. 175 00:08:04,360 --> 00:08:07,690 Hivyo tuna juu ya kichwa cha, pili kiwango cha mpira wa kichwa, na kadhalika, na kadhalika. 176 00:08:07,690 --> 00:08:10,480 >> Hebu tuangalie labda baadhi Vitambulisho P na baadhi vitambulisho kichwa 177 00:08:10,480 --> 00:08:13,110 katika hatua kwenye mtandao. 178 00:08:13,110 --> 00:08:18,180 Hivyo hapa katika IDE yangu nina faili inayoitwa PH nukta HTML, PH kuwa aya 179 00:08:18,180 --> 00:08:18,970 na kichwa vitambulisho. 180 00:08:18,970 --> 00:08:20,709 Fungua kwamba up. 181 00:08:20,709 --> 00:08:23,000 Kuna mengi kinachoendelea hapa kwa sababu nimekuwa kuweka baadhi lorem 182 00:08:23,000 --> 00:08:24,660 ipsum, baadhi ya maandishi tu bila mpangilio katika hapa. 183 00:08:24,660 --> 00:08:27,284 Hivyo mimi itabidi zoom nje kidogo kwa sababu kuna mambo mengi kinachoendelea. 184 00:08:27,284 --> 00:08:31,980 Lakini taarifa kwamba nina katika sana Juu hapa nina H1, ngazi moja, 185 00:08:31,980 --> 00:08:32,802 kichwa tag. 186 00:08:32,802 --> 00:08:36,010 Basi nina aya, ambayo ni tu rundo la random text-- lorem ipsum-- 187 00:08:36,010 --> 00:08:38,720 tu chaguo kiwango kujaza katika maandishi. 188 00:08:38,720 --> 00:08:41,970 Hivyo nina aya mbili ndani ya kwamba kiwango cha mpira wa kichwa moja na kisha chini chini mimi 189 00:08:41,970 --> 00:08:46,850 na kichwa cha mawili hapa kwenye mstari 24, pili ngazi kichwa, na nyingine mbili 190 00:08:46,850 --> 00:08:47,840 aya. 191 00:08:47,840 --> 00:08:51,910 Vizuri nini hii kuangalia kama kama mimi kuona ni katika hakikisho wangu? 192 00:08:51,910 --> 00:08:53,790 Hebu angalia. 193 00:08:53,790 --> 00:08:55,730 >> Hivyo taarifa kwamba ngazi ya kwanza kichwa hapa 194 00:08:55,730 --> 00:08:58,420 ni kweli kabisa kidogo kubwa kuliko cha pili cha mpira wa kichwa. 195 00:08:58,420 --> 00:08:59,940 Hivyo tulikuwa vitambulisho H1. 196 00:08:59,940 --> 00:09:03,820 Na taarifa kwamba vitambulisho P kuruhusu sisi kuvunja mambo ya nje katika aya. 197 00:09:03,820 --> 00:09:07,500 Kama tungekuwa wamezipata kuondoa vitambulisho wale P na kwa kweli tu ya kuweka inaingia au anarudi 198 00:09:07,500 --> 00:09:10,110 katika kati ya kile sisi matumaini ingekuwa kuwa aya mbalimbali, 199 00:09:10,110 --> 00:09:13,193 wangeweza wote tu slam pamoja na bila kuwa hii aya nzuri 200 00:09:13,193 --> 00:09:15,840 kujitenga na nafasi ya juu na chini. 201 00:09:15,840 --> 00:09:18,300 Na hivyo hiyo ndiyo aya vitambulisho na kichwa vitambulisho 202 00:09:18,300 --> 00:09:22,440 ni kawaida kutumika kufanya kuteka makini na sehemu ya mtandao wetu ukurasa 203 00:09:22,440 --> 00:09:23,550 katika njia hiyo. 204 00:09:23,550 --> 00:09:27,560 >> Next up ni baadhi ya vitambulisho kwamba sisi kutumia kujenga orodha kwenye mtandao wetu ukurasa. 205 00:09:27,560 --> 00:09:30,820 Hivyo tuna unordered lists-- ULs-- ambayo ni haki 206 00:09:30,820 --> 00:09:34,090 orodha orodha, kuamuru orodha ambayo ni numbered-- 207 00:09:34,090 --> 00:09:37,680 OLs-- na ndani ya ama mmoja wa wale tunahitaji kuwa na 208 00:09:37,680 --> 00:09:40,600 seti ya jinsi ya kuonyesha vitu orodha, li. 209 00:09:40,600 --> 00:09:44,370 Na hivyo tuna wazi ul tag na sisi kuweka vitu ndani yake. 210 00:09:44,370 --> 00:09:46,920 Na kisha wakati sisi ni kosa kwa kwamba, tunaweza kuifunga tag ul. 211 00:09:46,920 --> 00:09:49,850 >> Na vile vile tunaweza kuwa kuamuru au kuhesabiwa orodha 212 00:09:49,850 --> 00:09:51,560 na kuweka vitu orodha ndani ya kwamba. 213 00:09:51,560 --> 00:09:53,350 Hivyo hebu tuangalie katika michache ya orodha 214 00:09:53,350 --> 00:09:57,230 na kile wangeweza atatoa kama juu ya CS50 IDE. 215 00:09:57,230 --> 00:10:00,640 Hivyo nina hapa katika IDE yangu a faili inayoitwa orodha dot HTML. 216 00:10:00,640 --> 00:10:03,100 Hebu tuangalie. 217 00:10:03,100 --> 00:10:08,482 >> Na taarifa hapa nina unordered orodha kwa mambo matano katika hayo. 218 00:10:08,482 --> 00:10:11,440 Na kisha mimi kuwa na orodha amri, na Nimekuwa iliyopita tag kidogo, 219 00:10:11,440 --> 00:10:11,939 sawa? 220 00:10:11,939 --> 00:10:13,152 Nilivyosema mwanzo ni sawa na sita. 221 00:10:13,152 --> 00:10:16,110 Ni zinageuka na kuamuru orodha mimi Unaweza kuweka kianzio popote 222 00:10:16,110 --> 00:10:20,130 Mimi want-- na msingi itakuwa one-- kwa kuongeza tu hii kinachojulikana sifa 223 00:10:20,130 --> 00:10:21,190 kwa OL tag yangu. 224 00:10:21,190 --> 00:10:23,572 Na hivyo orodha hii itakuwa kuanza kuhesabu saa sita. 225 00:10:23,572 --> 00:10:26,780 Hivyo mambo ya kwamba orodha kuhesabiwa lazima sita, saba, nane, tisa, kumi, 226 00:10:26,780 --> 00:10:29,930 kwa sababu kuna mambo matano katika orodha, kinyume na moja, 227 00:10:29,930 --> 00:10:33,770 mbili, tatu, nne, tano, ambayo itakuwa kesi kama alikuwa alisema OL 228 00:10:33,770 --> 00:10:36,730 bila kutaja mwanzo sifa. 229 00:10:36,730 --> 00:10:41,594 >> Hivyo tutaweza tu preview hii hivyo unaweza kupata hisia kwa nini kinaendelea hapa. 230 00:10:41,594 --> 00:10:42,260 Na kuna sisi kwenda. 231 00:10:42,260 --> 00:10:44,610 Kuna orodha yangu. 232 00:10:44,610 --> 00:10:47,810 Kwanza mambo matano ni unordered au orodha orodha. 233 00:10:47,810 --> 00:10:51,010 Na wa pili mambo matano ni tofauti kuamuru orodha 234 00:10:51,010 --> 00:10:52,980 kuanzia sita. 235 00:10:52,980 --> 00:10:56,247 Hivyo hiyo ni jinsi tunaweza kujenga orodha kwa kutumia HTML. 236 00:10:56,247 --> 00:10:58,080 Kitu kingine waweza wanataka kufanya na HTML 237 00:10:58,080 --> 00:11:01,520 ni kujenga meza ya Maelezo ya safu na nguzo 238 00:11:01,520 --> 00:11:04,560 kuwasilisha taarifa katika hasa kupangwa njia. 239 00:11:04,560 --> 00:11:09,110 Kwa kufanya hivyo kwa HTML tunaweza kuwa meza ufafanuzi mwanzo mabano wazi 240 00:11:09,110 --> 00:11:10,160 meza. 241 00:11:10,160 --> 00:11:14,680 Na kisha ndani ya meza kwamba sisi inaweza kuwa na seti ya mistari, vitambulisho TR 242 00:11:14,680 --> 00:11:15,980 zinaonyesha kila mstari. 243 00:11:15,980 --> 00:11:22,510 Na kisha vitambulisho TD kwenda ndani ya vitambulisho TR kutaja safu ndani ya mfululizo. 244 00:11:22,510 --> 00:11:24,340 >> Kwa nini ni kuitwa TD na si Mama? 245 00:11:24,340 --> 00:11:25,940 Naam, TD anasimama kwa data meza. 246 00:11:25,940 --> 00:11:27,900 Kwa kawaida wewe ni kuweka taarifa yako huko. 247 00:11:27,900 --> 00:11:29,440 Hivyo kwamba ni kwa nini ni TD na si Mama. 248 00:11:29,440 --> 00:11:31,140 Ni kidogo utata. 249 00:11:31,140 --> 00:11:33,720 >> Hivyo kuwa vitambulisho meza na ndani ya vitambulisho yako meza 250 00:11:33,720 --> 00:11:35,600 una idadi ya mistari, TRS. 251 00:11:35,600 --> 00:11:40,030 Na ndani ya kila mstari una TDS kwa idadi ya nguzo 252 00:11:40,030 --> 00:11:42,880 kwamba unataka kuwa mfululizo huo. 253 00:11:42,880 --> 00:11:47,730 Hebu tuangalie sana rahisi meza juu katika CS50 IDE. 254 00:11:47,730 --> 00:11:49,730 >> Hivyo nina hapa faili aitwaye meza nukta HTML. 255 00:11:49,730 --> 00:11:53,390 Hebu kuwa na kuangalia nini kwamba inaonekana kama. 256 00:11:53,390 --> 00:11:56,225 Kuna mengi kinachoendelea hapa lakini kama taarifa nina meza ya wazi. 257 00:11:56,225 --> 00:11:57,850 Mimi nina kuanza ufafanuzi na meza. 258 00:11:57,850 --> 00:12:02,100 Na kisha katika mstari yangu ya kwanza mimi inaonekana na nguzo nne, moja, mbili, tatu, 259 00:12:02,100 --> 00:12:02,660 minne. 260 00:12:02,660 --> 00:12:04,290 Na kisha mimi nina kufanyika kwa mstari huo. 261 00:12:04,290 --> 00:12:07,750 >> Kisha mimi kuanza mstari mwingine na kufanya mbili, nne, sita, nane. 262 00:12:07,750 --> 00:12:08,850 Kumaliza mstari huo. 263 00:12:08,850 --> 00:12:11,410 Kufanya mwingine mstari, tatu, sita, tisa, 12. 264 00:12:11,410 --> 00:12:14,830 Na kisha mstari wa mwisho, nne, nane, 12, na ingawa ni 265 00:12:14,830 --> 00:12:16,560 a kidogo kukatwa hapa, 16. 266 00:12:16,560 --> 00:12:17,710 >> Mimi kumaliza mstari huo. 267 00:12:17,710 --> 00:12:18,970 Mimi kumaliza meza. 268 00:12:18,970 --> 00:12:21,430 Na kisha mimi nina kufanyika kwa HTML yangu. 269 00:12:21,430 --> 00:12:22,590 Je, hii kuangalia kama? 270 00:12:22,590 --> 00:12:26,014 271 00:12:26,014 --> 00:12:27,430 Naam, ni kweli mengi ya kuona. 272 00:12:27,430 --> 00:12:31,690 Nimekuwa wazi kupangwa maelezo yangu kwa njia fulani zaidi ya kupangwa. 273 00:12:31,690 --> 00:12:33,755 Lakini siyo super pretty hapa. 274 00:12:33,755 --> 00:12:36,130 Na sisi ni kwenda kukabiliana na kwamba wakati sisi majadiliano juu CSS. 275 00:12:36,130 --> 00:12:38,930 Tutaweza kupitia upya wazo hili la nini cha kufanya ili kufanya table-- 276 00:12:38,930 --> 00:12:41,260 labda muundo ni kidogo kidogo bora? 277 00:12:41,260 --> 00:12:45,070 Lakini mimi bado wana safu nne, ambayo kila mmoja ina nguzo nne, 278 00:12:45,070 --> 00:12:48,890 na kwa kweli ni nini hii ni sawa na ni rahisi sana manne karibu na kuzidisha nne 279 00:12:48,890 --> 00:12:49,870 meza. 280 00:12:49,870 --> 00:12:51,690 >> Chache tu zaidi ya vitambulisho tutaweza majadiliano juu. 281 00:12:51,690 --> 00:12:54,617 Hebu majadiliano juu ya Dhana ya aina HTML. 282 00:12:54,617 --> 00:12:57,450 Hivyo unaweza tumeona hii katika mazingira ya magogo katika ukurasa wa mtandao. 283 00:12:57,450 --> 00:12:59,100 Kwa kawaida wewe aina katika jina la mtumiaji yako. 284 00:12:59,100 --> 00:13:01,510 Wewe aina katika password yako, na wewe ni vizuri kwenda. 285 00:13:01,510 --> 00:13:04,170 Hiyo itakuwa mwanzo wa fomu. 286 00:13:04,170 --> 00:13:05,420 >> Kuruka juu div pili. 287 00:13:05,420 --> 00:13:07,987 Sisi pia kuwa pembejeo ambayo aina ya kufaa ndani ya fomu. 288 00:13:07,987 --> 00:13:10,320 Hizi ni mambo ambayo wewe ni kweli kuandika katika, 289 00:13:10,320 --> 00:13:12,580 au kifungo cha redio uko Baada ya kuangalia, au kuangalia 290 00:13:12,580 --> 00:13:14,310 masanduku kwamba wewe ni ticking mbali. 291 00:13:14,310 --> 00:13:15,770 Basi hizi kwenda ndani ya fomu. 292 00:13:15,770 --> 00:13:18,500 Nao wanaunda kimsingi kila mstari wa aina 293 00:13:18,500 --> 00:13:19,887 kama fomu yako ni formatted vizuri. 294 00:13:19,887 --> 00:13:22,220 Kisha kuna dhana hii ya div, ambayo haina kweli 295 00:13:22,220 --> 00:13:25,060 fit katika jamii yoyote ile ya vitambulisho kama wale nimekuwa 296 00:13:25,060 --> 00:13:26,170 wamekuwa wakifanya hapo awali. 297 00:13:26,170 --> 00:13:29,790 Ni tu aina ya demarcates mwanzo wa baadhi division-- holela 298 00:13:29,790 --> 00:13:31,670 div-- ya ukurasa. 299 00:13:31,670 --> 00:13:33,210 Hakuna mapumziko ya kuona. 300 00:13:33,210 --> 00:13:34,800 Hakuna mstari. 301 00:13:34,800 --> 00:13:37,180 Siyo kuweka mbali kama chunk tofauti moja kwa moja. 302 00:13:37,180 --> 00:13:39,430 Wewe d na style yake njia hiyo kufanya hivyo. 303 00:13:39,430 --> 00:13:42,110 >> Ni tu aina ya anasema nataka kipande cha nafasi kwenye mtandao ukurasa wangu, 304 00:13:42,110 --> 00:13:45,190 na mimi nina kwenda tu kuiita ni mgawanyo huu wa ukurasa wangu. 305 00:13:45,190 --> 00:13:47,619 Tunaweza kuweka mambo ndani ya ya divs, na kwa kweli, 306 00:13:47,619 --> 00:13:49,410 wakati sisi kichwa juu ya IDE katika pili, tutaweza 307 00:13:49,410 --> 00:13:53,760 kuona kwamba mimi nina kuweka yangu kuunda ndani ya div. 308 00:13:53,760 --> 00:13:57,050 >> Hivyo nina hapa katika IDE yangu a faili inayoitwa div fomu nukta HTML. 309 00:13:57,050 --> 00:13:59,260 Hebu kufungua it up. 310 00:13:59,260 --> 00:14:01,460 Taarifa kwamba kama nilivyosema, div ni aina ya holela. 311 00:14:01,460 --> 00:14:01,640 Sawa? 312 00:14:01,640 --> 00:14:02,973 Ni kweli haina maana yoyote. 313 00:14:02,973 --> 00:14:05,140 Hivyo nina holela zamu ya kwanza ya ukurasa wangu. 314 00:14:05,140 --> 00:14:07,848 Na kisha badala ya mwingine div baadaye, kuanzia kwenye mstari nane, 315 00:14:07,848 --> 00:14:08,730 Nina fomu hii. 316 00:14:08,730 --> 00:14:13,594 Na ndani ya fomu nina idadi ya pembejeo, mashamba ya fomu. 317 00:14:13,594 --> 00:14:16,510 Hivyo nina uwanja ambaye jina lake ni A-- ambayo haina maana yoyote kweli 318 00:14:16,510 --> 00:14:19,350 now-- haki kwamba inaonekana inachukua maandishi, mtu mwingine kwamba 319 00:14:19,350 --> 00:14:22,630 inachukua neno la siri, mwingine ambaye yuko Radio kifungo, mwingine ambaye yuko sanduku kuangalia, 320 00:14:22,630 --> 00:14:24,797 na mwingine ambaye yuko Kuwasilisha kifungo. 321 00:14:24,797 --> 00:14:26,630 Naam, ni nini hii zote kweli kuangalia kama? 322 00:14:26,630 --> 00:14:27,629 Naam, hebu tuangalie. 323 00:14:27,629 --> 00:14:31,010 Tutaweza kufungua it up katika dirisha hakikisho yetu. 324 00:14:31,010 --> 00:14:33,557 Taarifa kwamba hii holela kwanza division-- kuna 325 00:14:33,557 --> 00:14:34,640 hakuna mgawanyo Visual hapa. 326 00:14:34,640 --> 00:14:37,150 Haikuwa kweli kufanya kitu chochote, sawa? 327 00:14:37,150 --> 00:14:38,220 >> Na kisha mimi kuwa fomu yangu. 328 00:14:38,220 --> 00:14:39,890 Na mimi si kufanya formatting yoyote maalum. 329 00:14:39,890 --> 00:14:42,680 Hivyo fomu ni moja tu kubwa mfululizo wa habari. 330 00:14:42,680 --> 00:14:46,424 Kama mimi alikuwa mpangilio fomu yangu tofauti, Nipate kuwa ni kujipanga kwa mstari kwa mstari. 331 00:14:46,424 --> 00:14:47,590 Lakini sikuweza kufanya styling yoyote. 332 00:14:47,590 --> 00:14:49,256 Tena, sisi siyo kuzungumza juu CSS hapa. 333 00:14:49,256 --> 00:14:51,030 Tunazungumzia tu juu HTML. 334 00:14:51,030 --> 00:14:53,980 >> Vizuri katika fomu yangu Nakala siwezi type-- kukumbuka kwamba aina ya aina maandishi 335 00:14:53,980 --> 00:14:55,480 hivyo siwezi kuweka jina langu. 336 00:14:55,480 --> 00:14:57,330 Na katika neno langu la siri mimi Unaweza aina nenosiri langu. 337 00:14:57,330 --> 00:14:59,740 Na kwa sababu shamba hilo ni ya aina password, 338 00:14:59,740 --> 00:15:01,470 wewe hawajui nini nenosiri langu ni. 339 00:15:01,470 --> 00:15:02,800 Ni dots wote. 340 00:15:02,800 --> 00:15:09,140 >> Siwezi pia kuchagua Jibu mbali redio kifungo au Jibu mbali kisanduku. 341 00:15:09,140 --> 00:15:10,420 Au mimi naweza kuwasilisha fomu yangu. 342 00:15:10,420 --> 00:15:11,810 Na sikuweza kufanya chochote, hivyo wakati mimi kuwasilisha fomu yangu, 343 00:15:11,810 --> 00:15:13,090 ukurasa tu refreshes. 344 00:15:13,090 --> 00:15:16,970 Lakini mimi naweza labda configure yangu Kuwasilisha kifungo kufanya kitu kingine chochote. 345 00:15:16,970 --> 00:15:20,410 Na tutaweza kuona nini tunaweza kufanya kwa kwamba katika video ya baadaye juu ya PHP. 346 00:15:20,410 --> 00:15:22,520 Lakini hii hujenga sana fomu rahisi kwamba sisi 347 00:15:22,520 --> 00:15:27,360 unaweza kutumia ili kuwa na watumiaji kuingiliana na kuwasilisha taarifa kwenye tovuti yetu. 348 00:15:27,360 --> 00:15:29,620 >> Moja ya mwisho kabla ya sisi maoni hoja juu ya baadhi ya vitambulisho vingine 349 00:15:29,620 --> 00:15:32,040 ni kwa tuangalie hii tag pembejeo mara moja zaidi. 350 00:15:32,040 --> 00:15:35,760 Taarifa kwamba nimekuwa yalionyesha ncha za tag katika nyekundu. 351 00:15:35,760 --> 00:15:39,390 Kila tag wengine tumeona hadi sasa ina alikuwa mwanzo na mwisho, ufunguzi 352 00:15:39,390 --> 00:15:41,030 tag na kufunga tag. 353 00:15:41,030 --> 00:15:42,520 >> Lakini pembejeo tag hana. 354 00:15:42,520 --> 00:15:46,860 Hakuna maandishi kwamba huenda ni katika kati ya vitambulisho pembejeo. 355 00:15:46,860 --> 00:15:49,160 Wote wa habari sisi ni na madhumuni ya kufikisha 356 00:15:49,160 --> 00:15:52,640 umefungwa kama sehemu ya sifa ya pembejeo kwamba. 357 00:15:52,640 --> 00:15:54,690 Taarifa tuna jina pembejeo sawa na x. 358 00:15:54,690 --> 00:15:55,580 Aina sawa na y. 359 00:15:55,580 --> 00:15:57,660 Hiyo ni kweli wote habari tunahitaji. 360 00:15:57,660 --> 00:15:59,470 >> Hii inaitwa binafsi kufunga tag. 361 00:15:59,470 --> 00:16:02,470 Ni hauhitaji kufungua na a karibu wote wa habari kwa sababu 362 00:16:02,470 --> 00:16:04,974 ni zilizomo ndani ya tag na sifa zake. 363 00:16:04,974 --> 00:16:06,390 Hivyo wakati mwingine utaona hii, pia. 364 00:16:06,390 --> 00:16:10,400 Hivyo tu kuwa na ufahamu kwamba kama una tag kwamba ni kabisa binafsi zilizomo, 365 00:16:10,400 --> 00:16:14,170 kufungua na kufunga yenyewe na wazi pembe mabano upande wa kushoto 366 00:16:14,170 --> 00:16:17,000 na kufyeka pembe mabano ya juu ya haki. 367 00:16:17,000 --> 00:16:20,580 Tutaweza kuona mwingine mmoja wa wale sasa hivi kwa vitambulisho picha pia. 368 00:16:20,580 --> 00:16:23,300 >> Kabla ya sisi majadiliano juu ya picha, sisi haja ya kuzungumzia viungo. 369 00:16:23,300 --> 00:16:26,080 Kama tunataka mtandao wetu ukurasa kuwa mwingiliano na hoja yetu karibu, 370 00:16:26,080 --> 00:16:28,121 itakuwa nzuri na uwezo kwa bonyeza mmoja wa wale 371 00:16:28,121 --> 00:16:30,190 kile ambacho kwa kawaida wamekuwa kiungo bluu. 372 00:16:30,190 --> 00:16:34,440 Hii ni kweli jinsi sisi kujenga hyperlink katika mtandao wetu ukurasa. 373 00:16:34,440 --> 00:16:36,540 Na cha kuvutia kuna tag mwingine HTML 374 00:16:36,540 --> 00:16:39,000 aitwaye kiungo, ambayo si hyperlink. 375 00:16:39,000 --> 00:16:44,130 Hapa anasimama kwa nanga, na hiyo ni jinsi sisi zinaonyesha hyperlink. 376 00:16:44,130 --> 00:16:49,150 >> Href sawa na x njia kwenda mtandao ukurasa X. Na kila kitu 377 00:16:49,150 --> 00:16:51,580 kati ya wazi tag na karibu tag 378 00:16:51,580 --> 00:16:56,010 ni nini kinaendelea kuwa kwamba alitilia bluu Nakala kwamba inaonekana kama kiungo 379 00:16:56,010 --> 00:16:57,590 kwamba sisi ni ukoo na. 380 00:16:57,590 --> 00:17:01,660 Chini kwamba tuna tag picha, ambayo ni binafsi kufunga tag kwa ajili ya kuonyesha 381 00:17:01,660 --> 00:17:05,599 picha ziko katika X. Na unaweza kuwa na uwezo wa kubadilisha 382 00:17:05,599 --> 00:17:08,280 kwamba picha na kubainisha upana na urefu 383 00:17:08,280 --> 00:17:11,640 na sifa nyingine katika kwamba dot dot dot huko. 384 00:17:11,640 --> 00:17:14,260 >> Chini kabisa hapa tuna kuvutia sana 385 00:17:14,260 --> 00:17:16,170 kuangalia tag kwamba hana na kufunga tag. 386 00:17:16,170 --> 00:17:19,410 Ni mshangao uhakika doctype HTML. 387 00:17:19,410 --> 00:17:23,300 Hivyo HTML imekuwa karibu tangu miaka ya 1990 kwa ajili ya kujenga kurasa za mtandao, 388 00:17:23,300 --> 00:17:25,859 na ni gone wamekwisha marekebisho kadhaa tangu wakati huo. 389 00:17:25,859 --> 00:17:28,550 Hivi karibuni mwaka 2014 ni alifanyiwa marekebisho 390 00:17:28,550 --> 00:17:33,440 aitwaye HTML5 ambayo sasa ni ya sasa aina ya halisia HTML standard. 391 00:17:33,440 --> 00:17:36,730 >> Zinaonyesha kwamba mtandao wetu kurasa ni kuandikwa kwa kutumia HTML5, 392 00:17:36,730 --> 00:17:38,160 hii ni jinsi sisi kuanza mbali. 393 00:17:38,160 --> 00:17:40,380 Ni inaweza kuachwa lakini nini kwamba kimsingi 394 00:17:40,380 --> 00:17:45,930 njia ni huwezi kutumia yoyote ya vitambulisho ambazo ni vitambulisho HTML5, wale vitambulisho mpya. 395 00:17:45,930 --> 00:17:48,591 Hivyo sisi daima kuanza mbali kama sisi ni kutumia HTML5. 396 00:17:48,591 --> 00:17:51,340 Na vitambulisho wote tumekuwa aliyesema kuhusu awali si vitambulisho HTML5. 397 00:17:51,340 --> 00:17:55,470 Lakini hii ingekuwa zinaonyesha kwamba Vitambulisho HTML5 atakuwepo. 398 00:17:55,470 --> 00:17:58,400 Na hivyo tuna mshangao doctype HTML, ambayo 399 00:17:58,400 --> 00:18:01,280 ni mwanzoni mwa yetu HTML faili, na kisha baada ya hatua hiyo 400 00:18:01,280 --> 00:18:04,930 sisi kweli kuwa HTML yetu wazi kumtambulisha na kuendelea kutoka huko. 401 00:18:04,930 --> 00:18:10,050 >> Moja ya mwisho ni maoni tag, ambayo inaonekana tofauti kidogo, pia. 402 00:18:10,050 --> 00:18:12,810 Ni kuanza mbali na pembe mabano mshangao dash 403 00:18:12,810 --> 00:18:15,220 dash lakini hakuna mabano kufunga. 404 00:18:15,220 --> 00:18:20,150 Katika kati ya mambo hayo mawili huko ni wapi kuandika maoni yako. 405 00:18:20,150 --> 00:18:28,420 Na hebu tuangalie picha na maoni na viungo katika CS50 IDE. 406 00:18:28,420 --> 00:18:32,850 >> Hivyo nina hapa faili inayoitwa kiungo cha picha dot HTML ambayo mimi nina kwenda kufungua. 407 00:18:32,850 --> 00:18:36,420 Na ilani Mimi nimepata michache ya maoni hapa katika HTML maoni yangu. 408 00:18:36,420 --> 00:18:38,990 Hivyo tu kama katika C na wengine lugha ya programu, 409 00:18:38,990 --> 00:18:43,169 HTML tu kwa kuwa lugha ghafi haina uwezo wa kuwa na maoni. 410 00:18:43,169 --> 00:18:45,710 Na hivyo mimi nina inaonekana kwenda mahali picha ya Rick Astley 411 00:18:45,710 --> 00:18:49,060 mahali fulani kati div hii tag, mgawanyo huu holela. 412 00:18:49,060 --> 00:18:51,497 Inavyoonekana faili kwamba ni ziko katika Rick nukta JPEG, ambayo 413 00:18:51,497 --> 00:18:53,580 kama sisi kichwa nyuma juu ya faili yangu mti kwa ajili ya pili, 414 00:18:53,580 --> 00:18:55,490 ni faili kwamba ipo katika saraka ya sasa. 415 00:18:55,490 --> 00:18:56,031 Hivyo hiyo ni sawa. 416 00:18:56,031 --> 00:18:57,710 Siwezi rejea yake. 417 00:18:57,710 --> 00:18:59,680 >> Kisha siwezi kuwa viungo vya ndani. 418 00:18:59,680 --> 00:19:05,080 Hivyo taarifa juu ya mstari 11 hapa href yangu ni hodi nukta HTML. 419 00:19:05,080 --> 00:19:09,050 Ili tu inahusu hodi nukta HTML ambayo ipo katika saraka ya sasa. 420 00:19:09,050 --> 00:19:12,980 Na siwezi pia kuwa nje viungo na kubainisha tu HTTPS 421 00:19:12,980 --> 00:19:16,180 zinaonyesha kwamba Mimi si kuzungumza kuhusu faili katika saraka yangu ya sasa. 422 00:19:16,180 --> 00:19:19,730 Mimi kuzungumza juu ya faili kwamba ipo mahali fulani kwenye mtandao, ambayo nina 423 00:19:19,730 --> 00:19:23,370 kuomba kutumia itifaki HTTP. 424 00:19:23,370 --> 00:19:25,990 >> Basi hebu tuangalie nini ukurasa huu ili kuangalia kama 425 00:19:25,990 --> 00:19:29,500 na kupata tayari kwa ajili ya Rick picha Astley show up kwenye kioo. 426 00:19:29,500 --> 00:19:31,490 Hivyo mimi itabidi hakikisho hili. 427 00:19:31,490 --> 00:19:33,800 Kuna Rick Astley katika sana juu katika hii holela 428 00:19:33,800 --> 00:19:35,008 mgawanyiko mimi kuiweka juu. 429 00:19:35,008 --> 00:19:36,960 Na kisha chini chini mimi na viungo yangu, sawa? 430 00:19:36,960 --> 00:19:39,330 >> Mimi kuwa na uhusiano na hodi nukta HTML. 431 00:19:39,330 --> 00:19:42,860 Na kama mimi bonyeza kwamba, mimi kupata wakiongozwa juu ya ukurasa huu 432 00:19:42,860 --> 00:19:47,050 kuwa tuko familiar sana na kutoka mwanzo wa mpango wetu. 433 00:19:47,050 --> 00:19:50,880 Kama mimi pop kwamba ukurasa wazi tena, kama mimi pop kiungo cha picha kufungua mara moja zaidi, 434 00:19:50,880 --> 00:19:54,420 Mimi pia kwenda nje na tovuti CS50. 435 00:19:54,420 --> 00:19:56,740 Na kuna sisi see-- mimi itabidi zoom nje kidogo here-- 436 00:19:56,740 --> 00:20:00,260 tutaona CS50 tovuti aina ya iliyoingia katika katikati ya ukurasa wetu. 437 00:20:00,260 --> 00:20:04,670 Hivyo nilikuwa na uwezo wa kufanya ndani kuunganisha pamoja na kiungo nje. 438 00:20:04,670 --> 00:20:07,200 >> Utawala mwisho na HTML kwamba tunakwenda kuzungumzia hapa 439 00:20:07,200 --> 00:20:09,510 ni kwamba HTML yako lazima pia sumu. 440 00:20:09,510 --> 00:20:13,020 Katika C sisi aliongea mengi kuhusu syntax mbalimbali ya mambo. 441 00:20:13,020 --> 00:20:17,650 Katika HTML syntax kweli mhusisha vitambulisho. 442 00:20:17,650 --> 00:20:19,660 Kila tag kufungua mahitaji ya kuwa imefungwa. 443 00:20:19,660 --> 00:20:22,630 Na kwa kweli, kila tag kufungua lazima imefungwa katika kubadili utaratibu. 444 00:20:22,630 --> 00:20:25,790 >> Hivyo kama wewe kufungua tag ujasiri, italiki tag, na kisha tag kusisitiza 445 00:20:25,790 --> 00:20:28,120 kufanya yote matatu kwa Hasa seti ya maandishi, 446 00:20:28,120 --> 00:20:30,070 unapaswa karibu yao ili reverse. 447 00:20:30,070 --> 00:20:32,270 Hivyo kama wewe kufunguliwa ujasiri, italiki, kusisitiza, wewe 448 00:20:32,270 --> 00:20:35,240 Unataka kuifunga kusisitiza, italiki, ujasiri. 449 00:20:35,240 --> 00:20:39,990 Aina hii ya encapsulation ni nini anaendelea HTML nzuri na kupangwa. 450 00:20:39,990 --> 00:20:44,370 >> Tofauti na C, ingawa, makosa syntax si kweli kudhoofisha HTML yako uwezekano. 451 00:20:44,370 --> 00:20:48,730 HTML yako inaweza kuwa si vizuri sumu lakini bado kazi. 452 00:20:48,730 --> 00:20:50,589 Na hivyo makosa hayo Unaweza aina ya slide kwa. 453 00:20:50,589 --> 00:20:52,130 Ni juu yako na kweli kuwa macho. 454 00:20:52,130 --> 00:20:54,760 Wao wakati mwingine kushindwa lakini wakati mwingine unaweza kupata mbali na hayo. 455 00:20:54,760 --> 00:20:56,509 >> Ni inaweza kuwa kweli kazi ngumu, ingawa, 456 00:20:56,509 --> 00:21:00,660 kuweka wimbo wa wakati kufunguliwa tag, wakati kufungwa, 457 00:21:00,660 --> 00:21:04,110 hasa kama HTML yako mafaili kupata makubwa na kubwa. 458 00:21:04,110 --> 00:21:05,490 Utasikia wanataka baadhi ya msaada. 459 00:21:05,490 --> 00:21:07,560 Na kuna online zana validator kwamba 460 00:21:07,560 --> 00:21:11,474 unaweza kutumia ili kuwa na kuangalia mtandao wako ukurasa na kuona kama ni vizuri HTML sumu. 461 00:21:11,474 --> 00:21:13,390 Na unapaswa dhahiri tuangalie wale 462 00:21:13,390 --> 00:21:16,620 na kuanza kutumia yao kama wewe kuanza kufanya baadhi ya kazi na HTML, 463 00:21:16,620 --> 00:21:20,800 kuandika HTML, ili tu kupata baadhi ya tabia nzuri kuhusu kuandaa 464 00:21:20,800 --> 00:21:24,377 HTML yako katika njia nzuri na style nzuri na kuhakikisha 465 00:21:24,377 --> 00:21:27,210 kwamba wewe si kufanya kitu chochote ambacho inaweza kujenga hitilafu ya kisintaksia kwamba 466 00:21:27,210 --> 00:21:30,270 inaweza kusababisha kidogo ya Tatizo chini ya barabara. 467 00:21:30,270 --> 00:21:31,190 >> Mimi nina Doug Lloyd. 468 00:21:31,190 --> 00:21:33,450 Hii ni CS50. 469 00:21:33,450 --> 00:21:34,859