1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> DOUG LLOYD: Bel蓹likl蓹, biz s蓹rf about-- m蓹nim riyaziyyat do臒ru 蓹g蓹r, 3 00:00:08,790 --> 00:00:11,900 v蓹 m蓹n hesab edir蓹m ki, back-- axtar谋r edir蓹m biz s枚hb蓹t t蓹xmin蓹n 35 videolar s蓹rf 4 00:00:11,900 --> 00:00:15,139 b蓹lk蓹 C m眉xt蓹lif aspektl蓹ri haqq谋nda bir az daha, b蓹lk蓹 bir az az. 5 00:00:15,139 --> 00:00:16,930 V蓹 biz 蓹hat蓹 etm蓹yib C h蓹r 艧ey, lakin biz 6 00:00:16,930 --> 00:00:21,170 b枚y眉k bir y谋臒谋n 蓹hat蓹 dil, onun b枚y眉k 蓹ks蓹riyy蓹ti, 7 00:00:21,170 --> 00:00:22,882 蓹lb蓹tt蓹 眉mumi istifad蓹 眉莽眉n. 8 00:00:22,882 --> 00:00:25,090 陌ndi biz dan谋艧maq olacaq haqq谋nda ba艧qa bir dil, HTML. 9 00:00:25,090 --> 00:00:28,180 V蓹 biz 蓹hat蓹 olacaq yaln谋z bir video. 10 00:00:28,180 --> 00:00:29,340 >> Amma ki, OK olacaq. 11 00:00:29,340 --> 00:00:31,410 Bu, h蓹qiq蓹t蓹n olmaq olacaq bir 艧ey 眉莽眉n istifad蓹 almaq olacaq. 12 00:00:31,410 --> 00:00:33,535 陌ndi ki, bir dil 蓹saslar谋, 13 00:00:33,535 --> 00:00:35,776 bu, h蓹qiq蓹t蓹n olduqca asand谋r ba艧qalar谋 枚yr蓹nm蓹k ba艧lamaq 眉莽眉n. 14 00:00:35,776 --> 00:00:37,650 Bel蓹likl蓹, biz ba艧lamaq olacaq bir az geri add谋m 15 00:00:37,650 --> 00:00:43,340 v蓹 蓹sas 眉z蓹rind蓹 par谋lt谋 bu dill蓹r aras谋nda f蓹rql蓹r 16 00:00:43,340 --> 00:00:45,750 v蓹 sort bu t蓹rk. 17 00:00:45,750 --> 00:00:48,530 H蓹qiq蓹t蓹n b枚y眉k bir 莽ox var internet, on resurslar谋 olan 18 00:00:48,530 --> 00:00:51,279 Biz siz蓹 istiqam蓹tl蓹ndir蓹n ba艧lamaq olacaq internet, 莽眉nki do臒ru 19 00:00:51,279 --> 00:00:53,340 m蓹lumat geni艧 depo. 20 00:00:53,340 --> 00:00:55,960 V蓹 bel蓹 ki, laz谋md谋r siz蓹 kimi deyil m眉tl蓹q h蓹yata itirm蓹k 21 00:00:55,960 --> 00:00:58,349 m蓹lumat olan deyil bir video 蓹hat蓹. 22 00:00:58,349 --> 00:01:00,640 Siz h蓹l蓹 蓹ld蓹 ed蓹 bil蓹rsiniz h蓹r 艧ey siz蓹 laz谋m v蓹 istifad蓹 23 00:01:00,640 --> 00:01:03,590 茝g蓹r siz art谋q var bilik C anla艧ma il蓹 in艧a 24 00:01:03,590 --> 00:01:07,130 bu 眉莽眉n 枚yr蓹nm蓹 curve etm蓹k h蓹qiq蓹t蓹n dig蓹r dill蓹rd蓹 bir 莽ox flatter. 25 00:01:07,130 --> 00:01:08,640 S枚z verir蓹m. 26 00:01:08,640 --> 00:01:12,770 >> Amma bir dil haqq谋nda dan谋艧maq ed蓹k h蓹r web h蓹qiq蓹t蓹n fundamental var 27 00:01:12,770 --> 00:01:14,830 HTML s蓹hif蓹. 28 00:01:14,830 --> 00:01:18,230 HTML Hyper Text Markup Language edir. 29 00:01:18,230 --> 00:01:22,700 HTML bir dil ancaq o bir proqramla艧d谋rma dili. 30 00:01:22,700 --> 00:01:23,900 >> HTML d蓹yi艧蓹nl蓹rin yoxdur. 31 00:01:23,900 --> 00:01:26,430 Bu m蓹ntiq yoxdur v蓹 ya funksiyalar谋 v蓹 ya bu kimi bir 艧ey. 32 00:01:26,430 --> 00:01:30,301 Biz h蓹r hans谋 bir ed蓹 bilm蓹z HTML 枚zl眉y眉nd蓹 proqramla艧d谋rma. 33 00:01:30,301 --> 00:01:32,300 B蓹z蓹n duyars谋n谋z insanlar 枚zl蓹rini t蓹svir 34 00:01:32,300 --> 00:01:35,710 HTML proqram莽谋lar kimi olan tamamil蓹 d蓹qiq deyil. 35 00:01:35,710 --> 00:01:37,980 Biz HTML proqramlar谋 yaza bilm蓹z. 36 00:01:37,980 --> 00:01:40,770 >> HTML yaln谋z m蓹tn q蓹d蓹r qeyd etm蓹k 眉莽眉n istifad蓹 olunur. 37 00:01:40,770 --> 00:01:42,690 Bu bi莽imlendirme dili deyirl蓹r. 38 00:01:42,690 --> 00:01:47,680 V蓹 bu markup-- does-- n蓹 biz HTML v蓹 bu tags-- tags istifad蓹 39 00:01:47,680 --> 00:01:51,600 bu semantically markup-- bir s蓹hif蓹 strukturu m眉蓹yy蓹n 40 00:01:51,600 --> 00:01:55,280 v蓹 d眉z m蓹tn s蓹b蓹b olur ki, tags t蓹fsir edil蓹 aras谋nda m枚vcud 41 00:01:55,280 --> 00:01:57,320 m眉xt蓹lif yollarla brauzerl蓹r t蓹r蓹find蓹n. 42 00:01:57,320 --> 00:02:00,370 V蓹 b蓹lk蓹 d蓹 izah etm蓹k 蓹n yax艧谋 bir ill眉strasiya bu yol. 43 00:02:00,370 --> 00:02:06,450 >> Burada 莽ox sad蓹 HTML s蓹hif蓹 deyil HTML proqram, yen蓹 bir HTML s蓹hif蓹. 44 00:02:06,450 --> 00:02:08,680 V蓹 biz bu bilirik HTML s蓹hif蓹 biz, 莽眉nki 45 00:02:08,680 --> 00:02:11,480 HTML tags h蓹r 艧eyi h蓹ms蓹rh蓹ddir. 46 00:02:11,480 --> 00:02:13,850 Bel蓹 ki, bu HTML tag kimi g枚r眉n眉r. 47 00:02:13,850 --> 00:02:15,870 Bu bucaq m枚t蓹riz蓹d蓹 aras谋nda var. 48 00:02:15,870 --> 00:02:18,570 V蓹 biz 眉st bildiri艧 HTML v蓹 莽ox alt, 49 00:02:18,570 --> 00:02:21,400 Biz n蓹 etdik sonra y蓹qin dig蓹r HTML bir 莽ox, 50 00:02:21,400 --> 00:02:24,310 biz bucaq bracket 莽izgi HTML var. 51 00:02:24,310 --> 00:02:29,262 Bel蓹 ki, sort s蓹rh蓹d HTML n蓹dir v蓹 n蓹 deyil aras谋nda. 52 00:02:29,262 --> 00:02:32,220 V蓹 蓹lb蓹tt蓹 ki, 艧蓹rti, yaln谋z Siz C proqramlar谋 b眉t眉n yazd谋 53 00:02:32,220 --> 00:02:35,300 dot C uzant谋lar谋 il蓹, HTML fayllar谋 b眉t眉n 54 00:02:35,300 --> 00:02:37,909 dot HTML uzant谋lar谋 il蓹 sona 莽atacaq. 55 00:02:37,909 --> 00:02:39,200 Amma daha 莽ox orada olacaq. 56 00:02:39,200 --> 00:02:40,658 Biz yaln谋z bu HTML tags yoxdur. 57 00:02:40,658 --> 00:02:44,010 Biz y蓹qin bu var 艧ey ba艧 tag 莽a臒谋r谋b. 58 00:02:44,010 --> 00:02:46,010 Yax艧谋, OK, n蓹 var? 59 00:02:46,010 --> 00:02:48,550 >> Yax艧谋 b蓹lk蓹 眉莽眉n 蓹n yax艧谋 bir b蓹d蓹n yolu il蓹 ay谋rmaq, 60 00:02:48,550 --> 00:02:50,590 b蓹d蓹n web page content olan. 61 00:02:50,590 --> 00:02:55,860 Bel蓹 ki, b蓹lk蓹 r蓹hb蓹ri tag m蓹hsullar谋 m眉蓹yy蓹n ki, brauzer p蓹nc蓹r蓹sind蓹 m眉vafiq deyil 62 00:02:55,860 --> 00:02:59,410 lakin el蓹 vacibdir bizim web page d眉zg眉n g枚st蓹ril蓹n olunur. 63 00:02:59,410 --> 00:03:02,490 M蓹s蓹l蓹n, daxili ba艧 tag biz ad谋 tags var. 64 00:03:02,490 --> 00:03:05,500 >> Bel蓹 ki, ad谋 salam d眉nya olmaqla, 蓹slind蓹 n蓹 olacaq 65 00:03:05,500 --> 00:03:08,797 Chrome ni艧an谋 g枚st蓹rir v蓹 ya Safari v蓹 ya Firefox-- da 66 00:03:08,797 --> 00:03:11,880 n蓹 browser ki prefer-- n蓹 ad谋 g枚st蓹rm蓹k olacaq. 67 00:03:11,880 --> 00:03:14,800 V蓹 ni艧anlar 蓹vv蓹l g枚st蓹rir ki, B眉t眉n brauzer p蓹nc蓹r蓹sind蓹 q蓹d蓹r 68 00:03:14,800 --> 00:03:19,710 v蓹 yaln谋z bir s蓹hif蓹 ola bil蓹r Bir anda bir brauzer p蓹nc蓹r蓹sind蓹 a莽谋lacaq. 69 00:03:19,710 --> 00:03:22,160 Bel蓹 ki, olacaq ni艧an谋 m蓹nim s蓹hif蓹 up ad谋 70 00:03:22,160 --> 00:03:24,600 v蓹 ya brauzerinizin p蓹nc蓹r蓹 bar, hello d眉nya. 71 00:03:24,600 --> 00:03:28,611 V蓹 sonra content m蓹nim web page hello, d眉nya olacaq. 72 00:03:28,611 --> 00:03:31,360 Bel蓹 ki, n蓹 bir n蓹z蓹r salaq bu kimi bir 艧ey kimi g枚r眉n蓹 bil蓹r. 73 00:03:31,360 --> 00:03:33,210 Bu olduqca sad蓹 HTML s蓹hif蓹. 74 00:03:33,210 --> 00:03:35,970 M蓹n CS50 IDE g蓹ldim v蓹 M蓹n bir az zoomed etdik. 75 00:03:35,970 --> 00:03:38,290 M蓹n yaln谋z gedir蓹m salam dot HTML a莽maq 76 00:03:38,290 --> 00:03:42,000 v蓹 bu olduqca 莽ox oldu臒unu g枚st蓹rir biz 蓹vv蓹l g枚rd眉m s蓹hif蓹 content. 77 00:03:42,000 --> 00:03:45,240 M蓹nim sad蓹 HTML, ba艧 tags, title tags, bel蓹 ki, b蓹d蓹n, v蓹. 78 00:03:45,240 --> 00:03:47,320 M蓹n t蓹miz olmaq indented etdik. 79 00:03:47,320 --> 00:03:51,530 >> M蓹n n蓹 ed蓹 bil蓹r sonra n蓹 m蓹nim IDE yaln谋z s蓹hif蓹 preview edir. 80 00:03:51,530 --> 00:03:52,630 V蓹 biz getm蓹k. 81 00:03:52,630 --> 00:03:56,070 m蓹nim s蓹hif蓹 content, d眉nya salam, m蓹n bir 艧ey g枚rm眉r蓹m 82 00:03:56,070 --> 00:03:58,500 orada ba艧 tags edir. 83 00:03:58,500 --> 00:03:59,980 Bu orqan yaln谋z content var. 84 00:03:59,980 --> 00:04:00,780 D眉nya, salam. 85 00:04:00,780 --> 00:04:03,700 V蓹 yen蓹 b蓹d蓹n yaln谋z dedi, d眉nya, salam. 86 00:04:03,700 --> 00:04:06,160 dig蓹r hiss蓹si yoxdur. 87 00:04:06,160 --> 00:04:07,610 >> Bel蓹 ki, h蓹qiq蓹t蓹n, b眉t眉n var. 88 00:04:07,610 --> 00:04:11,370 Bu, 莽ox sad蓹 蓹sas HTML s蓹hif蓹. 89 00:04:11,370 --> 00:04:14,280 陌ndi m蓹nim HTML girintili etdik , h蓹qiq蓹t蓹n g枚z蓹l v蓹 m眉t蓹艧蓹kkil olmaq 90 00:04:14,280 --> 00:04:15,840 lakin m蓹n, h蓹qiq蓹t蓹n yoxdur. 91 00:04:15,840 --> 00:04:17,959 M蓹n bunu olduqca 莽irkin baxmaq ed蓹 bil蓹r. 92 00:04:17,959 --> 00:04:19,467 V蓹 bu h蓹l蓹 i艧l蓹m蓹k olard谋. 93 00:04:19,467 --> 00:04:21,050 Bu eyni web page olard谋. 94 00:04:21,050 --> 00:04:23,100 M蓹n yaln谋z xilas kazan谋lm谋艧 etdik a臒 kosmik b眉t眉n. 95 00:04:23,100 --> 00:04:24,820 >> O 莽谋x谋r ki, a臒 kosmik m蓹lumatd谋r. 96 00:04:24,820 --> 00:04:28,540 V蓹 bel蓹 ki, biz m蓹lumatlar谋n g枚nd蓹rilm蓹si etdiyiniz zaman g枚nd蓹r蓹n server, al谋c谋 眉莽眉n 97 00:04:28,540 --> 00:04:30,670 m眉艧t蓹ri, data pul edir. 98 00:04:30,670 --> 00:04:34,460 V蓹 bel蓹 a臒 kurtulman谋n h蓹qiq蓹t蓹n yax艧谋 bir fikirdir 99 00:04:34,460 --> 00:04:37,320 茝g蓹r kims蓹 蓹g蓹r kim xidm蓹t edir web m蓹zmun bir 莽ox up. 100 00:04:37,320 --> 00:04:39,820 Siz 蓹g蓹r Bu pis bir fikirdir bu m蓹hsullar谋 枚yr蓹nm蓹k kims蓹 101 00:04:39,820 --> 00:04:41,528 v蓹 siz ist蓹diyiniz Bu g枚z蓹l t蓹艧kil edib. 102 00:04:41,528 --> 00:04:43,810 Bu daha analiz 眉莽眉n 莽ox asand谋r. 103 00:04:43,810 --> 00:04:45,540 Amma bu funksional eynidir var. 104 00:04:45,540 --> 00:04:48,720 >> kimi abzas v蓹 stuff h蓹qiq蓹t蓹n HTML etm蓹z. 105 00:04:48,720 --> 00:04:53,634 B眉t眉n m蓹s蓹l蓹 a莽谋lmas谋 tags v蓹 D眉zg眉n qaydada tags ba臒lanmas谋. 106 00:04:53,634 --> 00:04:55,050 Baxmayaraq ki, burada n蓹 ed蓹k. 107 00:04:55,050 --> 00:04:58,450 bi莽imlendirme biz蓹 眉莽眉n bir yol verir 蓹lav蓹 informasiya 108 00:04:58,450 --> 00:04:59,940 biz yazd谋q n蓹 haqq谋nda. 109 00:04:59,940 --> 00:05:03,130 Salam, D眉nya hiss蓹si idi ad谋 kimi 艧蓹rh. 110 00:05:03,130 --> 00:05:06,410 V蓹 salam hiss蓹si d眉nya idi m蓹zmun kimi t蓹fsir 111 00:05:06,410 --> 00:05:09,090 v蓹 ya n蓹 olmal谋d谋r M蓹nim web page g枚r眉n眉r. 112 00:05:09,090 --> 00:05:12,167 >> Bu m眉xt蓹lif 100-d蓹n 莽ox var tags v蓹 b枚y眉k resurslar谋 莽ox 113 00:05:12,167 --> 00:05:13,000 onlar谋 tapmaq 眉莽眉n online. 114 00:05:13,000 --> 00:05:14,900 Biz haqq谋nda dan谋艧maq olacaq Bu video onlara ne莽蓹 b蓹zi 115 00:05:14,900 --> 00:05:16,440 h蓹qiq蓹t蓹n fundamental m蓹hsullar谋. 116 00:05:16,440 --> 00:05:18,440 Amma biz dan谋艧maq fikrind蓹 deyilik b眉t眉n haqq谋nda 莽眉nki 117 00:05:18,440 --> 00:05:20,250 bunu tam olard谋. 118 00:05:20,250 --> 00:05:22,880 >> Siz d蓹, Bunu ba艧qa bir 艧ey, geli艧tirici al蓹tl蓹ri a莽maq deyil. 119 00:05:22,880 --> 00:05:26,069 V蓹 geri 蓹g蓹r HTTP bizim video, 120 00:05:26,069 --> 00:05:27,860 M蓹n a莽maq 眉莽眉n nec蓹 izah geli艧tirici al蓹tl蓹ri up. 121 00:05:27,860 --> 00:05:32,020 Chrome ad蓹t蓹n F12 蓹sas var geli艧tirici toolbar a莽maq 眉莽眉n. 122 00:05:32,020 --> 00:05:35,909 Sonra 蓹v蓹zin蓹 Network se莽ilm蓹si ni艧an谋, siz Elements ni艧an谋 se莽蓹 bil蓹rsiniz. 123 00:05:35,909 --> 00:05:37,700 V蓹 bir web y眉k 蓹g蓹r s蓹hif蓹, h蓹qiq蓹t蓹n laz谋md谋r 124 00:05:37,700 --> 00:05:40,280 ki, web page yarad谋r HTML g枚r眉r眉k. 125 00:05:40,280 --> 00:05:44,090 V蓹 bel蓹 ki, HTML haqq谋nda bir 莽ox 艧ey 枚yr蓹n蓹 bil蓹rsiniz sevdiyiniz saytlarda baxaraq 126 00:05:44,090 --> 00:05:48,474 v蓹 onlar qurmaq nec蓹 g枚r眉b Ist蓹diyiniz ki, onlardan m眉xt蓹lif 蓹d蓹d. 127 00:05:48,474 --> 00:05:50,890 Bel蓹 ki, b蓹lk蓹 bu s蓹rin var model v蓹 ya kimi bir 艧ey. 128 00:05:50,890 --> 00:05:52,140 Nec蓹 HTML il蓹 ed蓹 bil蓹r蓹m? 129 00:05:52,140 --> 00:05:55,630 Yax艧谋 Siz yaln谋z geli艧tirici a莽a bil蓹r ki, element 眉z蓹rind蓹 al蓹tl蓹ri v蓹 hover 130 00:05:55,630 --> 00:05:57,700 v蓹 HTML edir d蓹qiq n蓹. 131 00:05:57,700 --> 00:05:59,450 Bel蓹 ki, h蓹qiq蓹t蓹n var HTML 枚yr蓹nm蓹k 眉莽眉n yax艧谋 bir yoldur, 132 00:05:59,450 --> 00:06:02,330 v蓹 m蓹n g眉cl眉 g蓹lir Siz h蓹m d蓹 枚yr蓹nm蓹k 眉莽眉n n蓹 HTML 133 00:06:02,330 --> 00:06:04,930 v蓹 h蓹m莽inin bir az 枚yr蓹nm蓹k 眉莽眉n variantlar谋 b蓹zi bit 134 00:06:04,930 --> 00:06:07,050 sizin 眉莽眉n m枚vcud geli艧tirici tools olan 135 00:06:07,050 --> 00:06:10,200 蓹lb蓹tt蓹 laz谋ml谋 olacaq Siz daha intensiv web bunu ba艧lay谋r 136 00:06:10,200 --> 00:06:11,090 proqramla艧d谋rma. 137 00:06:11,090 --> 00:06:14,080 >> Bel蓹 ki, bir n蓹z蓹r ed蓹k 眉mumi HTML tags ne莽蓹. 138 00:06:14,080 --> 00:06:17,210 V蓹 biz tullanmaq v蓹 n蓹z蓹r almaq laz谋md谋r Bu tags d蓹 g枚st蓹r蓹c蓹k n蓹 139 00:06:17,210 --> 00:06:20,490 M蓹nim IDE b蓹zi fayllar谋 baxaraq kimi. 140 00:06:20,490 --> 00:06:26,330 Bel蓹 ki, burada 眉莽 莽ox 蓹sas tags var M蓹tn g枚r眉n眉艧眉n眉 tweaking. 141 00:06:26,330 --> 00:06:29,050 B tags, m蓹n tags v蓹 U tags var. 142 00:06:29,050 --> 00:06:33,170 V蓹 m眉vafiq olaraq onlar谋n n蓹 var qal谋n onlar谋n aras谋nda m蓹tn g枚st蓹rm蓹k, 143 00:06:33,170 --> 00:06:35,430 italik, v蓹 vur臒ulayaraq. 144 00:06:35,430 --> 00:06:40,430 Bel蓹 ki, baxmaq n蓹 g枚rm蓹k bildirin M蓹nim IDE faktiki web page kimi. 145 00:06:40,430 --> 00:06:43,390 >> Bel蓹 ki, burada m蓹nim IDE m蓹n bir BIU Sap谋n谋艧dan dot HTML adl谋 fayl. 146 00:06:43,390 --> 00:06:46,770 BIU Sap谋n谋艧dan dot HTML yaln谋z olan qal谋n, italik, vur臒ulayan. 147 00:06:46,770 --> 00:06:47,830 M蓹n onu a莽maq laz谋md谋r. 148 00:06:47,830 --> 00:06:51,810 >> V蓹 biz burada g枚r眉rs眉n眉z Bu m蓹tn B tags qal谋n. 149 00:06:51,810 --> 00:06:54,010 Bu m蓹tn M蓹n tags italik edir. 150 00:06:54,010 --> 00:06:56,307 Bu m蓹tn U tags vur臒ulad谋. 151 00:06:56,307 --> 00:06:57,640 Bu kimi baxmaq 眉莽眉n gedir? 152 00:06:57,640 --> 00:06:59,473 Yax艧谋 daha, b眉t眉n m蓹n burada art谋q getm蓹k n蓹 etm蓹k 153 00:06:59,473 --> 00:07:04,690 m蓹nim brauzerinizin, m蓹nim fayl browser bas谋n Preview v蓹 bu g蓹lir n蓹. 154 00:07:04,690 --> 00:07:07,520 >> B aras谋nda m蓹tn tags h蓹qiq蓹t蓹n indi qal谋n. 155 00:07:07,520 --> 00:07:10,720 I aras谋nda m蓹tn tags h蓹qiq蓹t蓹n indi italik edir. 156 00:07:10,720 --> 00:07:14,634 V蓹 U aras谋nda m蓹tn tags h蓹qiq蓹t蓹n indi vur臒ulad谋. 157 00:07:14,634 --> 00:07:15,550 Bel蓹 ki, olduqca yax艧谋. 158 00:07:15,550 --> 00:07:18,450 Biz indi m蓹tn etm蓹k 眉莽眉n nec蓹 bir az daha x眉lya baxmaq 159 00:07:18,450 --> 00:07:20,360 v蓹 ya m眉蓹yy蓹n 艧eyl蓹r diqq蓹t c蓹lb edir. 160 00:07:20,360 --> 00:07:25,530 Burada 眉mumi tags bir ne莽蓹 paraqraf tags, P, v蓹 header tags, 161 00:07:25,530 --> 00:07:27,980 M蓹n HX kimi burada g枚st蓹ril蓹n etdik. 162 00:07:27,980 --> 00:07:32,520 >> Bu P tags, bu paraqraf tags, ci madd蓹l蓹rd蓹 sizin m蓹tn par莽alamaq. 163 00:07:32,520 --> 00:07:34,646 Bu, yaln谋z kifay蓹t q蓹d蓹r deyil daxil edin v蓹 bo艧luq t蓹rk edib, 164 00:07:34,646 --> 00:07:37,186 komp眉ter yaln谋z gedir, 莽眉nki Siz n蓹 etm蓹k dem蓹k n蓹 165 00:07:37,186 --> 00:07:39,450 v蓹 a臒 m蓹h蓹l qoymur 莽ox hiss蓹si 眉莽眉n yer. 166 00:07:39,450 --> 00:07:41,636 Bel蓹likl蓹, biz yaln谋z Enter bilm蓹z v蓹 komp眉ter g枚zl蓹yirik 167 00:07:41,636 --> 00:07:43,760 Biz ist蓹yirik ki, 艧蓹rh yeni-ci b蓹nd蓹 ba艧lamaq 眉莽眉n. 168 00:07:43,760 --> 00:07:47,670 Biz 莽ox a莽谋q-ayd谋n bu dem蓹k laz谋md谋r Bu paragraph-- bir ba艧qa qoyulur edir 169 00:07:47,670 --> 00:07:50,740 P tags bir s谋ra h蓹r enclosing t蓹r蓹find蓹n. 170 00:07:50,740 --> 00:07:54,560 >> V蓹 biz d蓹 bu variantlar谋 var H tags, bu header tags 眉莽眉n. 171 00:07:54,560 --> 00:07:57,000 Biz alt谋 m眉xt蓹lif s蓹viyy蓹l蓹rd蓹 var ba艧l谋qlar谋n谋, bir, iki, 眉莽, 172 00:07:57,000 --> 00:08:01,110 d枚rd, be艧 v蓹 alt谋, t蓹dric蓹n daha b枚y眉k v蓹 daha b枚y眉k 173 00:08:01,110 --> 00:08:01,710 ba艧l谋qlar谋n谋. 174 00:08:01,710 --> 00:08:04,360 Onlar ki莽ik almaq v蓹 ki莽ik v蓹 ki莽ik v蓹 ki莽ik. 175 00:08:04,360 --> 00:08:07,690 Bel蓹 ki, biz, ikinci bir 眉st m枚vzu var s蓹viyy蓹si header, v蓹 s, v蓹 s. 176 00:08:07,690 --> 00:08:10,480 >> B蓹lk蓹 b蓹zi n蓹z蓹r salaq P tags v蓹 b蓹zi header tags 177 00:08:10,480 --> 00:08:13,110 bir web page f蓹aliyy蓹t. 178 00:08:13,110 --> 00:08:18,180 Bel蓹 ki, burada m蓹nim IDE m蓹n adl谋 bir fayl var PH dot HTML, PH olan ci madd蓹l蓹rd蓹 179 00:08:18,180 --> 00:08:18,970 v蓹 header tags. 180 00:08:18,970 --> 00:08:20,709 Q蓹d蓹r a莽谋n. 181 00:08:20,709 --> 00:08:23,000 Bir 莽ox burada var neler M蓹n b蓹zi Lorem qoymaq etdik, 莽眉nki 182 00:08:23,000 --> 00:08:24,660 ipsum, burada b蓹zi yaln谋z t蓹sad眉fi m蓹tn. 183 00:08:24,660 --> 00:08:27,284 M蓹n bir az ki莽iltm蓹k laz谋md谋r var, 莽眉nki bu q蓹d蓹r gedir. 184 00:08:27,284 --> 00:08:31,980 Amma 莽ox var ki, g枚r眉rs眉n眉z , M蓹n H1, bir s蓹viyy蓹d蓹 bir burada Yuxar谋 185 00:08:31,980 --> 00:08:32,802 header tag. 186 00:08:32,802 --> 00:08:36,010 Sonra m蓹n yaln谋z bir paraqraf var t蓹sad眉fi text-- Lorem bir d蓹st蓹 ipsum-- 187 00:08:36,010 --> 00:08:38,720 yaln谋z m蓹tn standart doldurulmas谋 default. 188 00:08:38,720 --> 00:08:41,970 Bel蓹 ki, daxilind蓹 iki-ci madd蓹l蓹rd蓹 var s蓹viyy蓹d蓹 bir m枚vzu v蓹 sonra a艧a臒谋 a艧a臒谋da 189 00:08:41,970 --> 00:08:46,850 line 24-d蓹 burada bir s蓹viyy蓹d蓹 iki m枚vzu var, ikinci s蓹viyy蓹li header, v蓹 dig蓹r iki 190 00:08:46,850 --> 00:08:47,840 ci madd蓹l蓹rd蓹. 191 00:08:47,840 --> 00:08:51,910 Yax艧谋 bu kimi n蓹 baxmaq M蓹n 枚nizleme ke莽irm蓹k 蓹g蓹r? 192 00:08:51,910 --> 00:08:53,790 G枚r蓹k. 193 00:08:53,790 --> 00:08:55,730 >> Bel蓹 ki, qeyd Burada ilk s蓹viyy蓹li header 194 00:08:55,730 --> 00:08:58,420 h蓹qiq蓹t蓹n bir q蓹d蓹r b枚y眉kd眉r 陌kinci s蓹viyy蓹li m枚vzu 莽ox. 195 00:08:58,420 --> 00:08:59,940 Bel蓹likl蓹, biz H1 tags istifad蓹. 196 00:08:59,940 --> 00:09:03,820 V蓹 P tags biz蓹 imkan fark ci madd蓹l蓹rd蓹 daxil 艧eyi 莽谋xmaq 眉莽眉n. 197 00:09:03,820 --> 00:09:07,500 Biz bu P tags xilas kazan谋lm谋艧 olsayd谋 v蓹 faktiki olaraq yaln谋z qoymaq girir v蓹 ya Returns 198 00:09:07,500 --> 00:09:10,110 Biz 眉mid n蓹 aras谋nda oldu臒u m眉xt蓹lif ci madd蓹l蓹rd蓹 ola, 199 00:09:10,110 --> 00:09:13,193 onlar yaln谋z birlikd蓹 莽谋rpmaq ed蓹c蓹k v蓹 Bu g枚z蓹l-ci b蓹nd蓹 olmazd谋 200 00:09:13,193 --> 00:09:15,840 yuxar谋da v蓹 a艧a臒谋da yer il蓹 ayr谋lmas谋. 201 00:09:15,840 --> 00:09:18,300 V蓹 bel蓹 ki, n蓹 madd蓹 var tags v蓹 header tags 202 00:09:18,300 --> 00:09:22,440 莽ox c蓹lb etm蓹k 眉莽眉n istifad蓹 olunur bizim web page hiss蓹l蓹rind蓹n diqq蓹t 203 00:09:22,440 --> 00:09:23,550 ki, 艧蓹kild蓹. 204 00:09:23,550 --> 00:09:27,560 >> Sonrak谋 q蓹d蓹r istifad蓹 b蓹zi tags var bizim web page siyah谋lar谋 yaratmaq 眉莽眉n. 205 00:09:27,560 --> 00:09:30,820 Bel蓹likl蓹, biz unordered var lists-- ULs-- olan yaln谋z var 206 00:09:30,820 --> 00:09:34,090 sifari艧 bulleted siyah谋lar谋, numbered-- var siyah谋s谋 207 00:09:34,090 --> 00:09:37,680 OLs-- v蓹 daxilind蓹 v蓹 ya o biri biz laz谋md谋r 208 00:09:37,680 --> 00:09:40,600 Li siyah谋da g枚st蓹rir nec蓹 d蓹stl蓹ri. 209 00:09:40,600 --> 00:09:44,370 V蓹 bel蓹 ki, biz a莽谋q UL tag var v蓹 biz bunu daxilind蓹 madd蓹l蓹r qoymaq. 210 00:09:44,370 --> 00:09:46,920 V蓹 sonra biz Bitirdi臒inizde ki, biz UL tag yax谋n bil蓹r. 211 00:09:46,920 --> 00:09:49,850 >> V蓹 eynil蓹 biz ola bil蓹r sifari艧 v蓹 ya n枚mr蓹l蓹nmi艧 siyah谋 212 00:09:49,850 --> 00:09:51,560 ki, daxilind蓹 siyah谋s谋 madd蓹l蓹r qoydu. 213 00:09:51,560 --> 00:09:53,350 Bel蓹 ki, bir n蓹z蓹r salaq siyah谋lar谋 bir ne莽蓹 214 00:09:53,350 --> 00:09:57,230 v蓹 n蓹 ed蓹c蓹kl蓹rini CS50 IDE kimi g枚st蓹rir. 215 00:09:57,230 --> 00:10:00,640 M蓹n IDE A burada var Fayl adl谋 siyah谋lar谋 HTML n枚qt蓹. 216 00:10:00,640 --> 00:10:03,100 Bir n蓹z蓹r salaq. 217 00:10:03,100 --> 00:10:08,482 >> V蓹 burada bildiri艧 M蓹n bir unordered var bu be艧 艧eyi siyah谋s谋. 218 00:10:08,482 --> 00:10:11,440 V蓹 sonra m蓹n bir sifari艧 siyah谋s谋 var, v蓹 M蓹n tag bir az d蓹yi艧ib etdik, 219 00:10:11,440 --> 00:10:11,939 sa臒? 220 00:10:11,939 --> 00:10:13,152 M蓹n start alt谋 b蓹rab蓹rdir bildirib etdik. 221 00:10:13,152 --> 00:10:16,110 Bu sifari艧 siyah谋s谋 I 莽谋x谋r ba艧lan臒谋c n枚qt蓹si yerd蓹 bil蓹rsiniz 222 00:10:16,110 --> 00:10:20,130 M蓹n one-- olacaq default want-- yaln谋z bu qondarma atributu 蓹lav蓹 223 00:10:20,130 --> 00:10:21,190 M蓹nim OL tag. 224 00:10:21,190 --> 00:10:23,572 V蓹 bu siyah谋 olacaq alt谋 hesablanmas谋 ba艧lan谋r. 225 00:10:23,572 --> 00:10:26,780 Ki sayl谋 siyah谋s谋 So elementl蓹ri olmal谋d谋r alt谋, yeddi, s蓹kkiz, doqquz, on, 226 00:10:26,780 --> 00:10:29,930 be艧 elementl蓹ri var, 莽眉nki Siyah谋da, bir f蓹rqli olaraq, 227 00:10:29,930 --> 00:10:33,770 iki, 眉莽, d枚rd, be艧, hans谋 M蓹n OL bildirib ki, 蓹g蓹r hal olard谋 228 00:10:33,770 --> 00:10:36,730 start atributu ifad蓹 olmadan. 229 00:10:36,730 --> 00:10:41,594 >> Siz bel蓹 ki, biz yaln谋z bu 枚nizleme bil蓹rsiniz burada neler 眉莽眉n bir m蓹nada almaq. 230 00:10:41,594 --> 00:10:42,260 V蓹 biz getm蓹k. 231 00:10:42,260 --> 00:10:44,610 M蓹nim siyah谋s谋 var. 232 00:10:44,610 --> 00:10:47,810 ilk be艧 elementl蓹ri unordered v蓹 ya bulleted siyah谋lar谋. 233 00:10:47,810 --> 00:10:51,010 V蓹 n枚vb蓹ti be艧 elementl蓹ri ayr谋-ayr谋 sifari艧 siyah谋s谋 var 234 00:10:51,010 --> 00:10:52,980 alt谋 ild蓹n ba艧lay谋r. 235 00:10:52,980 --> 00:10:56,247 Ki Bel蓹 ki, nec蓹 biz HTML istifad蓹 siyah谋lar谋 qurmaq. 236 00:10:56,247 --> 00:10:58,080 Ba艧qa bir 艧ey ola bil蓹r HTML il蓹 etm蓹k ist蓹yirik 237 00:10:58,080 --> 00:11:01,520 bir masa qurmaq sat谋r ve s眉tun m蓹lumat 238 00:11:01,520 --> 00:11:04,560 bir m蓹lumat t蓹qdim x眉susil蓹 yol t蓹艧kil edib. 239 00:11:04,560 --> 00:11:09,110 Biz bir ola bil蓹r HTML Bunu etm蓹k 眉莽眉n a莽谋q bracket ba艧layan masa m眉蓹yy蓹n 240 00:11:09,110 --> 00:11:10,160 masa. 241 00:11:10,160 --> 00:11:14,680 V蓹 sonra masa daxilind蓹 biz sat谋rlar, TR tags bir s谋ra ola bil蓹r 242 00:11:14,680 --> 00:11:15,980 h蓹r bir s谋ra g枚st蓹rir. 243 00:11:15,980 --> 00:11:22,510 V蓹 sonra TD tags TR tags daxili getm蓹k bir s谋ra 蓹rzind蓹 bir s眉tun m眉蓹yy蓹n etm蓹k. 244 00:11:22,510 --> 00:11:24,340 >> N蓹 眉莽眉n TD adl谋 v蓹 TC deyil? 245 00:11:24,340 --> 00:11:25,940 Yax艧谋, TD masa data dayan谋r. 246 00:11:25,940 --> 00:11:27,900 Ad蓹t蓹n qoyulmas谋 edirik orada m蓹lumat. 247 00:11:27,900 --> 00:11:29,440 Bu TD v蓹 TC var n蓹 ki, var. 248 00:11:29,440 --> 00:11:31,140 Bu bir az confusing var. 249 00:11:31,140 --> 00:11:33,720 >> Bel蓹 ki, masa tags v蓹 Sizin masa tags daxilind蓹 250 00:11:33,720 --> 00:11:35,600 Siz sat谋r, TRS bir s谋ra var. 251 00:11:35,600 --> 00:11:40,030 V蓹 h蓹r bir s谋ra daxili var S眉tun say谋 TDS 252 00:11:40,030 --> 00:11:42,880 siz ist蓹yir蓹m ki, x眉susi s谋ra. 253 00:11:42,880 --> 00:11:47,730 Bir 莽ox n蓹z蓹r salaq CS50 IDE 眉z蓹rind蓹 sad蓹 masa. 254 00:11:47,730 --> 00:11:49,730 >> Bel蓹 ki, burada bir fayl var masa dot HTML 莽a臒谋r谋b. 255 00:11:49,730 --> 00:11:53,390 Nin n蓹z蓹r salaq n蓹 kimi g枚r眉n眉r. 256 00:11:53,390 --> 00:11:56,225 Bir 莽ox burada orada ged蓹n, lakin Fark 蓹g蓹r m蓹n bir masa a莽谋q. 257 00:11:56,225 --> 00:11:57,850 M蓹n masa il蓹 m眉蓹yy蓹n ba艧layan al谋ram. 258 00:11:57,850 --> 00:12:02,100 V蓹 sonra m蓹nim ilk s谋rada m蓹n y蓹qin var ki, d枚rd s眉tun, bir, iki, 眉莽, 259 00:12:02,100 --> 00:12:02,660 d枚rd. 260 00:12:02,660 --> 00:12:04,290 V蓹 sonra m蓹n ki, s谋ra il蓹 bitirdim. 261 00:12:04,290 --> 00:12:07,750 >> Sonra m蓹n ba艧qa bir s谋ra ba艧lamaq v蓹 iki, d枚rd, alt谋, s蓹kkiz yoxdur. 262 00:12:07,750 --> 00:12:08,850 Ki, s谋ra bitirin. 263 00:12:08,850 --> 00:12:11,410 Ba艧qa s谋ra, 眉莽, alt谋, doqquz, 12 etm蓹yin. 264 00:12:11,410 --> 00:12:14,830 V蓹 sonra son sat谋r, d枚rd, s蓹kkiz, 12, v蓹 bu olsa 265 00:12:14,830 --> 00:12:16,560 bir az, 16 burada k蓹sdi. 266 00:12:16,560 --> 00:12:17,710 >> Hesab edir蓹m ki, s谋ra tamamlad谋. 267 00:12:17,710 --> 00:12:18,970 M蓹n masa tamamlad谋. 268 00:12:18,970 --> 00:12:21,430 V蓹 sonra m蓹n HTML il蓹 bitirdim. 269 00:12:21,430 --> 00:12:22,590 Bu nec蓹 g枚r眉n眉r? 270 00:12:22,590 --> 00:12:26,014 271 00:12:26,014 --> 00:12:27,430 B蓹li, bu g枚rm蓹k h蓹qiq蓹t蓹n 莽ox deyil. 272 00:12:27,430 --> 00:12:31,690 M蓹n ayd谋n m蓹nim informasiya t蓹艧kil etdik bir q蓹d蓹r daha m眉t蓹艧蓹kkil 艧蓹kild蓹. 273 00:12:31,690 --> 00:12:33,755 Amma burada super olduqca deyil. 274 00:12:33,755 --> 00:12:36,130 V蓹 biz il蓹 m蓹艧臒ul olacaq biz CSS haqq谋nda dan谋艧maq zaman ki. 275 00:12:36,130 --> 00:12:38,930 Biz bu fikri yenid蓹n laz谋md谋r biz Masa etm蓹k 眉莽眉n n蓹 276 00:12:38,930 --> 00:12:41,260 b蓹lk蓹 bir az daha yax艧谋 format? 277 00:12:41,260 --> 00:12:45,070 Amma h蓹l蓹 d枚rd sat谋r var, h蓹r biri d枚rd s眉tun var, 278 00:12:45,070 --> 00:12:48,890 bir edir v蓹 h蓹qiq蓹t蓹n bu m蓹bl蓹臒l蓹r n蓹 脟ox sad蓹 d枚rd d枚rd vurma t蓹r蓹find蓹n 279 00:12:48,890 --> 00:12:49,870 masa. 280 00:12:49,870 --> 00:12:51,690 >> Biz haqq谋nda dan谋艧maq laz谋md谋r, yaln谋z bir ne莽蓹 tags. 281 00:12:51,690 --> 00:12:54,617 Haqq谋nda dan谋艧maq ed蓹k HTML forma anlay谋艧谋. 282 00:12:54,617 --> 00:12:57,450 Bel蓹 ki, bu g枚rm眉艧蓹m bil蓹r bir web page daxil kontekstind蓹. 283 00:12:57,450 --> 00:12:59,100 Ad蓹t蓹n siz istifad蓹莽i ad谋 yaz谋n. 284 00:12:59,100 --> 00:13:01,510 Siz parol yaz谋n v蓹 siz getm蓹k iyi. 285 00:13:01,510 --> 00:13:04,170 Ki, bir forma ba艧lan臒谋c谋 olacaq. 286 00:13:04,170 --> 00:13:05,420 >> 脺z蓹rind蓹 atlama ikinci div. 287 00:13:05,420 --> 00:13:07,987 Biz d蓹 giri艧 olan c眉r formalar谋n谋n daxilind蓹 uy臒un. 288 00:13:07,987 --> 00:13:10,320 Bu elementl蓹r var ki, Siz, h蓹qiq蓹t蓹n, daxil yazaraq edirik 289 00:13:10,320 --> 00:13:12,580 v蓹 ya radio d眉ym蓹l蓹ri sen ticking, v蓹 ya 莽ek 290 00:13:12,580 --> 00:13:14,310 Siz off ticking edirik qutular谋. 291 00:13:14,310 --> 00:13:15,770 Bel蓹 ki, bu formalar谋 daxili getm蓹k. 292 00:13:15,770 --> 00:13:18,500 Onlar 蓹sas蓹n t蓹艧kil 艧蓹klind蓹 h蓹r bir sat谋r 293 00:13:18,500 --> 00:13:19,887 forma yax艧谋 bi莽imlendirilmi艧 olunur. 294 00:13:19,887 --> 00:13:22,220 Sonra bu anlay谋艧 var h蓹qiq蓹t蓹n ki, bir div, 295 00:13:22,220 --> 00:13:25,060 h蓹r hans谋 bir kateqoriya uy臒un M蓹n var olanlar kimi tags 296 00:13:25,060 --> 00:13:26,170 Daha 蓹vv蓹l bunu. 297 00:13:26,170 --> 00:13:29,790 Bu, sad蓹c蓹 sort ay谋r谋r b蓹zi ixtiyari division-- ba艧lan臒谋c谋 298 00:13:29,790 --> 00:13:31,670 S蓹hif蓹nin div--. 299 00:13:31,670 --> 00:13:33,210 He莽 bir vizual fasil蓹 var. 300 00:13:33,210 --> 00:13:34,800 He莽 bir x蓹tt var. 301 00:13:34,800 --> 00:13:37,180 Bu kimi yola deyil avtomatik ayr谋 y谋臒谋n. 302 00:13:37,180 --> 00:13:39,430 Siz stil var ediyorum ki, yol bunu. 303 00:13:39,430 --> 00:13:42,110 >> Bu, sad蓹c蓹 sort bir ist蓹yir蓹m deyir M蓹nim web page yer par莽a, 304 00:13:42,110 --> 00:13:45,190 v蓹 m蓹n yaln谋z z蓹ng etm蓹k 眉莽眉n gedir蓹m Bu m蓹nim s蓹hif蓹 bu b枚lm蓹. 305 00:13:45,190 --> 00:13:47,619 Biz daxili m蓹hsullar谋 qoya bil蓹r divs v蓹 蓹slind蓹, 306 00:13:47,619 --> 00:13:49,410 biz art谋q ba艧 zaman Ikinci IDE alaca臒谋q 307 00:13:49,410 --> 00:13:53,760 M蓹n qoyulmas谋 al谋ram ki, g枚r蓹c蓹ksiniz m蓹nim bir div daxilind蓹 t蓹艧kil edir. 308 00:13:53,760 --> 00:13:57,050 >> M蓹n IDE A burada var div formas谋 dot HTML adl谋 fayl. 309 00:13:57,050 --> 00:13:59,260 Onu a莽maq ed蓹k. 310 00:13:59,260 --> 00:14:01,460 Dediyim kimi bildir蓹k ki, div ixtiyari n枚v眉d眉r. 311 00:14:01,460 --> 00:14:01,640 Sa臒? 312 00:14:01,640 --> 00:14:02,973 Bu, h蓹qiq蓹t蓹n bir 艧ey dem蓹k deyil. 313 00:14:02,973 --> 00:14:05,140 Bel蓹 ki, bir ixtiyari var m蓹nim s蓹hif蓹 ilk b枚lg眉s眉. 314 00:14:05,140 --> 00:14:07,848 V蓹 sonra yerin蓹 ba艧qa bir div sonra line s蓹kkiz ba艧layan, 315 00:14:07,848 --> 00:14:08,730 Bu forma var. 316 00:14:08,730 --> 00:14:13,594 V蓹 forma daxilind蓹 bir var giri艧 say谋, forma alanlar. 317 00:14:13,594 --> 00:14:16,510 Bel蓹 ki, onun ad谋 bir sah蓹 var A-- h蓹qiq蓹t蓹n bir 艧ey dem蓹k deyil ki, 318 00:14:16,510 --> 00:14:19,350 sa臒, indi ki, y蓹qin m蓹tn, ba艧qa bir edir ki, 319 00:14:19,350 --> 00:14:22,630 Radio bir parol ba艧qa edir d眉ym蓹sini bir onay qutusu var ki, ba艧qa, 320 00:14:22,630 --> 00:14:24,797 v蓹 ki, ba艧qa bir d眉ym蓹sin蓹 g枚nd蓹rin. 321 00:14:24,797 --> 00:14:26,630 Yax艧谋, n蓹 bu yoxdur b眉t眉n h蓹qiq蓹t蓹n kimi baxmaq? 322 00:14:26,630 --> 00:14:27,629 Yax艧谋, bir n蓹z蓹r salaq. 323 00:14:27,629 --> 00:14:31,010 Biz 枚nizleme p蓹nc蓹r蓹 onu a莽maq laz谋md谋r. 324 00:14:31,010 --> 00:14:33,557 Bu kefi Qeyd ed蓹k ki, ilk var division-- 325 00:14:33,557 --> 00:14:34,640 Burada he莽 bir vizual ayr谋lmas谋. 326 00:14:34,640 --> 00:14:37,150 Bu, h蓹qiq蓹t蓹n, do臒ru bir 艧ey etm蓹di? 327 00:14:37,150 --> 00:14:38,220 >> V蓹 sonra m蓹nim forma var. 328 00:14:38,220 --> 00:14:39,890 M蓹n h蓹r hans谋 bir x眉susi bi莽imlendirme etm蓹di. 329 00:14:39,890 --> 00:14:42,680 Bel蓹 ki, forma biridir m蓹lumat b枚y眉k s谋ra. 330 00:14:42,680 --> 00:14:46,424 M蓹n f蓹rqli m蓹nim formu bi莽imlendirilmi艧 olsayd谋, M蓹n x蓹tti il蓹 x蓹tti il蓹 line ola bil蓹r. 331 00:14:46,424 --> 00:14:47,590 Amma h蓹r hans谋 bir 眉slubu etm蓹dim. 332 00:14:47,590 --> 00:14:49,256 Yen蓹 biz burada CSS s枚hb蓹t deyilik. 333 00:14:49,256 --> 00:14:51,030 Biz yaln谋z HTML haqq谋nda s枚hb蓹t edirik. 334 00:14:51,030 --> 00:14:53,980 >> D蓹 m蓹nim m蓹tn 艧蓹klind蓹 I tipli bil蓹r unutmay谋n ki, n枚v眉, m蓹tn formalar谋 335 00:14:53,980 --> 00:14:55,480 bel蓹 ki, m蓹n ad qoymaq olar. 336 00:14:55,480 --> 00:14:57,330 V蓹 m蓹nim parol I 艧ifr蓹mi ed蓹bil蓹rsiniz. 337 00:14:57,330 --> 00:14:59,740 V蓹 sah蓹sind蓹, 莽眉nki , n枚v眉 parol deyil 338 00:14:59,740 --> 00:15:01,470 Siz m蓹nim parol n蓹 bilmir蓹m. 339 00:15:01,470 --> 00:15:02,800 Bu, b眉t眉n n枚qt蓹l蓹r var. 340 00:15:02,800 --> 00:15:09,140 >> M蓹n d蓹 bir off g蓹n蓹 se莽蓹 bil蓹rsiniz radio 'd眉ym蓹sin蓹 v蓹 ya bir onay qutusu off i艧ar蓹l蓹yin. 341 00:15:09,140 --> 00:15:10,420 Ya m蓹n formada t蓹qdim ed蓹 bil蓹r. 342 00:15:10,420 --> 00:15:11,810 M蓹n bir 艧ey etm蓹dim, bel蓹 ki, m蓹n 艧蓹klind蓹 t蓹qdim zaman, 343 00:15:11,810 --> 00:15:13,090 s蓹hif蓹 yaln谋z yenilenir. 344 00:15:13,090 --> 00:15:16,970 Amma b蓹lk蓹 konfiqurasiya ed蓹 bil蓹r m蓹nim Ba艧qa bir 艧ey d眉ym蓹sini g枚nd蓹rin. 345 00:15:16,970 --> 00:15:20,410 V蓹 biz n蓹 ed蓹 n蓹 g枚r眉rs眉n眉z PHP bir g蓹l蓹c蓹k video edir. 346 00:15:20,410 --> 00:15:22,520 Amma bu 莽ox qurur sad蓹 formada ki, biz 347 00:15:22,520 --> 00:15:27,360 users qar艧谋l谋ql谋 眉莽眉n istifad蓹 ed蓹 bil蓹rsiniz v蓹 bizim saytda m蓹lumat t蓹qdim edir. 348 00:15:27,360 --> 00:15:29,620 >> Son bir comment biz 蓹vv蓹l b蓹zi dig蓹r tags 眉莽眉n h蓹r蓹k蓹t 349 00:15:29,620 --> 00:15:32,040 Bu n蓹z蓹r 眉莽眉n Giri艧 tag bir d蓹f蓹 daha. 350 00:15:32,040 --> 00:15:35,760 M蓹n qeyd etdik Notice q谋rm谋z谋 tag bitir. 351 00:15:35,760 --> 00:15:39,390 Biz bu g眉n蓹 q蓹d蓹r g枚rd眉m h蓹r tag var bir ba艧lan臒谋c谋 v蓹 son bir a莽谋l谋艧谋 olmu艧dur 352 00:15:39,390 --> 00:15:41,030 tag v蓹 yekun tag. 353 00:15:41,030 --> 00:15:42,520 >> Lakin giri艧 tag deyil. 354 00:15:42,520 --> 00:15:46,860 Gedir he莽 bir m蓹tn var giri艧 tags aras谋nda. 355 00:15:46,860 --> 00:15:49,160 M蓹lumat b眉t眉n biz 莽atd谋rmaq ist蓹y蓹n edirik 356 00:15:49,160 --> 00:15:52,640 hiss蓹si kimi borcludur ki girdi atributlar谋. 357 00:15:52,640 --> 00:15:54,690 Biz input ad谋 x b蓹rab蓹rdir ed蓹k. 358 00:15:54,690 --> 00:15:55,580 Type y b蓹rab蓹rdir. 359 00:15:55,580 --> 00:15:57,660 Ki, h蓹qiq蓹t蓹n, b眉t眉n m蓹lumat ehtiyac谋m谋z var. 360 00:15:57,660 --> 00:15:59,470 >> Bu 枚z眉n眉 ba臒lan谋艧 tag adlan谋r. 361 00:15:59,470 --> 00:16:02,470 Bu a莽谋lmas谋 v蓹 t蓹l蓹b etmir yax谋n m蓹lumat b眉t眉n 莽眉nki 362 00:16:02,470 --> 00:16:04,974 daxilind蓹 olan tag v蓹 onun atributlar谋. 363 00:16:04,974 --> 00:16:06,390 Bel蓹 ki, b蓹z蓹n d蓹 bu g枚r蓹c蓹ksiniz. 364 00:16:06,390 --> 00:16:10,400 Bir varsa ki, yaln谋z x蓹b蓹rdar olmaq tamamil蓹 m眉stakil tag, 365 00:16:10,400 --> 00:16:14,170 Bu a莽谋r v蓹 枚z眉n眉 ba臒lay谋r sol, a莽谋q bucaql谋 bracket 366 00:16:14,170 --> 00:16:17,000 v蓹 莽izgi buca臒谋 sa臒 bracket. 367 00:16:17,000 --> 00:16:20,580 Biz o ba艧qa bir g枚r蓹c蓹ksiniz 陌ndi image tags il蓹, el蓹c蓹 d蓹. 368 00:16:20,580 --> 00:16:23,300 >> Biz images haqq谋nda dan谋艧maq 蓹vv蓹l, hiperlink haqq谋nda dan谋艧maq laz谋md谋r. 369 00:16:23,300 --> 00:16:26,080 Biz ist蓹yirsinizs蓹, bizim web page olmaq interaktiv v蓹 bizi 蓹traf谋nda h蓹r蓹k蓹t, 370 00:16:26,080 --> 00:16:28,121 Bu m眉mk眉n g枚z蓹l olard谋 o biri bas谋n 371 00:16:28,121 --> 00:16:30,190 n蓹 ad蓹t蓹n mavi link olmu艧dur. 372 00:16:30,190 --> 00:16:34,440 Bu qurmaq nec蓹 蓹slind蓹 Bizim web page bir hiperlink. 373 00:16:34,440 --> 00:16:36,540 V蓹 maraql谋 kifay蓹t q蓹d蓹r ba艧qa HTML tag var 374 00:16:36,540 --> 00:16:39,000 bir k枚pr眉 deyil, link 莽a臒谋r谋b. 375 00:16:39,000 --> 00:16:44,130 Burada anker dayan谋r, v蓹 ki, bir k枚pr眉 g枚st蓹rir nec蓹. 376 00:16:44,130 --> 00:16:49,150 >> A href x dem蓹kdir getm蓹k b蓹rab蓹rdir web page X. V蓹 h蓹r 艧ey 377 00:16:49,150 --> 00:16:51,580 A tag a莽谋q aras谋nda v蓹 yax谋n bir tag 378 00:16:51,580 --> 00:16:56,010 n蓹 olacaq vur臒ulay谋b bir ke莽id kimi g枚r眉n眉r mavi m蓹tn 379 00:16:56,010 --> 00:16:57,590 biz tan谋艧 oldu臒unu. 380 00:16:57,590 --> 00:17:01,660 A艧a臒谋da biz image tag, olan 枚z眉n眉 ke莽irm蓹k 眉莽眉n tag ba臒lay谋r 381 00:17:01,660 --> 00:17:05,599 X yerl蓹艧蓹n bir resim v蓹 Siz d蓹yi艧dirm蓹k ed蓹 bil蓹r 382 00:17:05,599 --> 00:17:08,280 ifad蓹 ed蓹r蓹k image eni v蓹 h眉nd眉rl眉y眉 383 00:17:08,280 --> 00:17:11,640 v蓹 dig蓹r atributlar谋 da ki, dot dot var n枚qt蓹. 384 00:17:11,640 --> 00:17:14,260 >> Burada 莽ox alt biz 莽ox maraql谋 var 385 00:17:14,260 --> 00:17:16,170 tag axtar谋r ki deyil bir yekun tag var. 386 00:17:16,170 --> 00:17:19,410 Bu nida point DOCTYPE HTML var. 387 00:17:19,410 --> 00:17:23,300 Bel蓹 ki, HTML b蓹ri web pages tikinti 眉莽眉n erk蓹n 1990-c谋 ill蓹rd蓹 388 00:17:23,300 --> 00:17:25,859 v蓹 m蓹ruz getdi O vaxtdan b蓹ri bir ne莽蓹 d眉z蓹li艧l蓹r. 389 00:17:25,859 --> 00:17:28,550 茝n son 2014-ci ild蓹 bir t蓹fti艧 m蓹ruz 390 00:17:28,550 --> 00:17:33,440 陌ndi cari olan HTML5 adl谋 de-fakto HTML standart sort. 391 00:17:33,440 --> 00:17:36,730 >> G枚st蓹rir ki, bizim web pages, HTML5 istifad蓹 yaz谋lm谋艧d谋r 392 00:17:36,730 --> 00:17:38,160 biz ba艧lamaq nec蓹 bu. 393 00:17:38,160 --> 00:17:40,380 Bu 蓹ks oluna bil蓹r, lakin n蓹 蓹sas蓹n 394 00:17:40,380 --> 00:17:45,930 dem蓹kdir tags h蓹r hans谋 bir istifad蓹 ed蓹 bil蓹rsiniz HTML5 tags, bu yeni tags ki, var. 395 00:17:45,930 --> 00:17:48,591 Bel蓹likl蓹, biz h蓹mi艧蓹 ba艧lamaq biz HTML5 istifad蓹 edirsinizs蓹. 396 00:17:48,591 --> 00:17:51,340 V蓹 b眉t眉n tags biz haqq谋nda s枚hb蓹t etdik 蓹vv蓹ll蓹r HTML5 tags deyil. 397 00:17:51,340 --> 00:17:55,470 Amma bu g枚st蓹rir ki HTML5 tags i艧tirak ed蓹c蓹k. 398 00:17:55,470 --> 00:17:58,400 V蓹 bel蓹 ki, biz nida var DOCTYPE HTML olan 399 00:17:58,400 --> 00:18:01,280 莽ox ba艧谋nda bizim HTML fayl v蓹 sonra sonra point 400 00:18:01,280 --> 00:18:04,930 Biz, h蓹qiq蓹t蓹n, bizim HTML a莽谋q tag v蓹 oradan davam etdirilir. 401 00:18:04,930 --> 00:18:10,050 >> son bir, bir comment tag edir olan 莽ox, az f蓹rqli g枚r眉n眉r. 402 00:18:10,050 --> 00:18:12,810 Bu bucaq il蓹 off ba艧lay谋r bracket nida dash 403 00:18:12,810 --> 00:18:15,220 dash lakin he莽 bir ba臒lan谋艧 bracket. 404 00:18:15,220 --> 00:18:20,150 Orada bu iki elementl蓹ri aras谋nda Siz 艧蓹rh yazmaq yerdir. 405 00:18:20,150 --> 00:18:28,420 V蓹 艧蓹kill蓹r n蓹z蓹r ed蓹k v蓹 艧蓹rhl蓹r v蓹 CS50 IDE links. 406 00:18:28,420 --> 00:18:32,850 >> M蓹n bir fayl adl谋 image link burada var M蓹n a莽maq 眉莽眉n gedir蓹m dot HTML. 407 00:18:32,850 --> 00:18:36,420 M蓹n bir ne莽蓹 var ihbar M蓹nim HTML g枚r眉艧leri burada 艧蓹rh. 408 00:18:36,420 --> 00:18:38,990 Bel蓹 ki, yaln谋z C v蓹 dig蓹r kimi proqramla艧d谋rma dill蓹ri, 409 00:18:38,990 --> 00:18:43,169 Yaln谋z bir bi莽imlendirme dili olmaqla HTML 艧蓹rh etm蓹k imkan谋 yoxdur. 410 00:18:43,169 --> 00:18:45,710 V蓹 m蓹n y蓹qin gedir蓹m Rick Astley bir 艧蓹kil yerl蓹艧dirm蓹k 411 00:18:45,710 --> 00:18:49,060 haradasa bu div aras谋nda tag, bu 枚zba艧谋na b枚lm蓹. 412 00:18:49,060 --> 00:18:51,497 G枚r眉n眉r ki, fayl Rick dot JPEG, yerl蓹艧蓹n olan 413 00:18:51,497 --> 00:18:53,580 biz art谋q geri r蓹hb蓹rlik 蓹g蓹r ikinci 眉莽眉n fayl a臒ac, 414 00:18:53,580 --> 00:18:55,490 m枚vcud bir fayl cari kataloq. 415 00:18:55,490 --> 00:18:56,031 Bel蓹 ki, OK. 416 00:18:56,031 --> 00:18:57,710 M蓹n bunu istinad ed蓹 bil蓹r. 417 00:18:57,710 --> 00:18:59,680 >> Sonra m蓹n daxili links ola bil蓹r. 418 00:18:59,680 --> 00:19:05,080 Bel蓹 ki, burada line 11-d蓹 qeyd M蓹nim href salam dot HTML edir. 419 00:19:05,080 --> 00:19:09,050 Bel蓹 ki, yaln谋z dot HTML salam aiddir olan cari kataloq m枚vcuddur. 420 00:19:09,050 --> 00:19:12,980 M蓹n d蓹 xarici ola bil蓹r HTTPS yaln谋z ifad蓹 ed蓹r蓹k links 421 00:19:12,980 --> 00:19:16,180 M蓹n s枚hb蓹t deyil蓹m g枚st蓹rir ki, M蓹nim cari kataloq bir fayl haqq谋nda. 422 00:19:16,180 --> 00:19:19,730 M蓹n m枚vcud olan bir fayl s枚hb蓹t al谋ram haradasa M蓹n internet 眉zr蓹 423 00:19:19,730 --> 00:19:23,370 HTTP protokolu istifad蓹 ed蓹r蓹k t蓹l蓹b etm蓹k. 424 00:19:23,370 --> 00:19:25,990 >> Bel蓹 ki, bir n蓹z蓹r salaq n蓹 Bu s蓹hif蓹ni kimi ola bil蓹r 425 00:19:25,990 --> 00:19:29,500 v蓹 Rick bir 艧蓹kil 眉莽眉n haz谋r Astley ekranda g枚st蓹rm蓹k. 426 00:19:29,500 --> 00:19:31,490 M蓹n bu 枚nizleme bil蓹rsiniz. 427 00:19:31,490 --> 00:19:33,800 Rick Astley da var Bu ixtiyari 莽ox top 428 00:19:33,800 --> 00:19:35,008 b枚lm蓹 M蓹n 眉st qoydu. 429 00:19:35,008 --> 00:19:36,960 V蓹 sonra a艧a臒谋 a艧a臒谋da M蓹nim links var, sa臒? 430 00:19:36,960 --> 00:19:39,330 >> M蓹n salam dot HTML 眉莽眉n bir ke莽id var. 431 00:19:39,330 --> 00:19:42,860 M蓹n ki, bas谋n 蓹g蓹r, m蓹n almaq Bu s蓹hif蓹d蓹 蓹srl蓹rd蓹 432 00:19:42,860 --> 00:19:47,050 biz 莽ox tan谋艧 oldu臒unu Bizim proqram 莽ox ba艧lan臒谋c谋d谋r. 433 00:19:47,050 --> 00:19:50,880 M蓹n bir daha a莽谋q oldu臒unu s蓹hif蓹 pop, m蓹n 蓹g蓹r pop image link bir d蓹f蓹 daha a莽maq 434 00:19:50,880 --> 00:19:54,420 M蓹n d蓹 xarici getm蓹k olar CS50 veb. 435 00:19:54,420 --> 00:19:56,740 V蓹 biz laz谋md谋r see-- bir az ki莽iltm蓹k burada 436 00:19:56,740 --> 00:20:00,260 biz CS50 veb n枚v g枚r蓹c蓹ksiniz bizim s蓹hif蓹 ortas谋nda 蓹laq蓹dar. 437 00:20:00,260 --> 00:20:04,670 Bel蓹likl蓹, m蓹n daxili etm蓹k bacard谋 xarici link, el蓹c蓹 d蓹 ke莽id. 438 00:20:04,670 --> 00:20:07,200 >> HTML il蓹 son qayda biz burada s枚hb蓹t olacaq 439 00:20:07,200 --> 00:20:09,510 HTML yax艧谋 t蓹艧kil edilm蓹lidir. 440 00:20:09,510 --> 00:20:13,020 C biz bir 莽ox dan谋艧d谋q 艧eyi m眉xt蓹lif sintaksis. 441 00:20:13,020 --> 00:20:17,650 HTML syntax h蓹qiq蓹t蓹n tags 蓹traf谋nda d枚ner. 442 00:20:17,650 --> 00:20:19,660 A莽谋q h蓹r tag qapal谋 olmal谋d谋r. 443 00:20:19,660 --> 00:20:22,630 V蓹 蓹slind蓹, h蓹r tag a莽maq 蓹ks qaydada ba臒lanmal谋d谋r. 444 00:20:22,630 --> 00:20:25,790 >> Bel蓹 ki, bir qal谋n tag a莽maq 蓹g蓹r, bir italik tag, v蓹 sonra bir qeyd tag 445 00:20:25,790 --> 00:20:28,120 bir b眉t眉n 眉莽 etm蓹k M蓹tn x眉susi d蓹sti 446 00:20:28,120 --> 00:20:30,070 Siz 蓹ks qaydada onlara yax谋n olmal谋d谋r. 447 00:20:30,070 --> 00:20:32,270 Qal谋n a莽谋ld谋 Bel蓹 ki, italik, siz, qeyd 448 00:20:32,270 --> 00:20:35,240 qal谋n, qeyd, maili ba臒lamaq ist蓹yirik. 449 00:20:35,240 --> 00:20:39,990 Encapsulation bu c眉r n蓹dir HTML g枚z蓹l v蓹 m眉t蓹艧蓹kkil saxlay谋r. 450 00:20:39,990 --> 00:20:44,370 >> C f蓹rqli olaraq, baxmayaraq ki, sintaksis s蓹hvl蓹r olmayacaq h蓹qiq蓹t蓹n b蓹lk蓹 HTML 艧ik蓹st. 451 00:20:44,370 --> 00:20:48,730 Sizin HTML deyil yax艧谋 ola bil蓹r formala艧m谋艧, lakin h蓹l蓹 d蓹 i艧 olard谋. 452 00:20:48,730 --> 00:20:50,589 V蓹 bel蓹 ki, bu s蓹hvl蓹r t蓹r蓹find蓹n slayd s谋ralayabilirsiniz. 453 00:20:50,589 --> 00:20:52,130 Bu, h蓹qiq蓹t蓹n oyan谋q olmas谋 siz蓹 var. 454 00:20:52,130 --> 00:20:54,760 B蓹z蓹n onlar u臒ursuz olacaq, lakin b蓹z蓹n siz il蓹 眉z 蓹ld蓹 ed蓹 bil蓹rsiniz. 455 00:20:54,760 --> 00:20:56,509 >> Bu, h蓹qiq蓹t蓹n ola bil蓹r 莽蓹tin v蓹zif蓹, baxmayaraq ki, 456 00:20:56,509 --> 00:21:00,660 Siz a莽谋lan zaman takip bir tag, siz onu ba臒lad谋, 457 00:21:00,660 --> 00:21:04,110 x眉susil蓹 HTML fayllar谋 b枚y眉k v蓹 daha b枚y眉k almaq. 458 00:21:04,110 --> 00:21:05,490 Siz bir yard谋m laz谋md谋r. 459 00:21:05,490 --> 00:21:07,560 V蓹 online var Validator tools ki, 460 00:21:07,560 --> 00:21:11,474 web n蓹z蓹r 眉莽眉n istifad蓹 ed蓹 bil蓹rsiniz s蓹hif蓹 v蓹 yax艧谋 t蓹艧kil HTML g枚rmek. 461 00:21:11,474 --> 00:21:13,390 V蓹 siz m眉tl蓹q olmal谋d谋r bu n蓹z蓹r 462 00:21:13,390 --> 00:21:16,620 v蓹 kimi istifad蓹 ba艧lamaq HTML il蓹 b蓹zi i艧l蓹r ba艧layacaq, 463 00:21:16,620 --> 00:21:20,800 almaq, yaln谋z, bel蓹 ki, HTML yaz谋l谋 t蓹艧kili haqq谋nda b蓹zi yax艧谋 v蓹rdi艧l蓹r 464 00:21:20,800 --> 00:21:24,377 yax艧谋 bir 艧蓹kild蓹 HTML v蓹 yax艧谋 stil v蓹 蓹min edilm蓹si 465 00:21:24,377 --> 00:21:27,210 he莽 bir 艧ey m蓹艧臒ul deyilik ki, bir syntax error yarada bil蓹r ki, 466 00:21:27,210 --> 00:21:30,270 siz bir az s蓹b蓹b olacaq yol a艧a臒谋 bir problem. 467 00:21:30,270 --> 00:21:31,190 >> M蓹n Doug Lloyd edir蓹m. 468 00:21:31,190 --> 00:21:33,450 Bu CS50 edir. 469 00:21:33,450 --> 00:21:34,859