1
00:00:00,000 --> 00:00:06,100

2
00:00:06,100 --> 00:00:08,790
>> داگ لوید: بنابراین ما صرف
about-- اگر ریاضی من حق است،

3
00:00:08,790 --> 00:00:11,900
و من فکر می کنم به دنبال back-- من فکر می کنم
ما صرف حدود 35 فیلم صحبت کردن

4
00:00:11,900 --> 00:00:15,139
در مورد جنبه های مختلف C، شاید
کمی بیشتر، شاید کمی کمتر است.

5
00:00:15,139 --> 00:00:16,930
و ما را پوشش نمی دهد
همه چیز را در C است، اما ما

6
00:00:16,930 --> 00:00:21,170
تحت پوشش یک تکه بزرگ از
زبان، اکثریت قریب به اتفاق از آن،

7
00:00:21,170 --> 00:00:22,882
قطعا برای استفاده معمول.

8
00:00:22,882 --> 00:00:25,090
در حال حاضر ما قصد داریم به بحث
در مورد زبان دیگر، HTML.

9
00:00:25,090 --> 00:00:28,180
و ما در حال رفتن به پوشش
آن را فقط در یک فیلم.

10
00:00:28,180 --> 00:00:29,340
>> اما که به OK.

11
00:00:29,340 --> 00:00:31,410
که رفتن به واقع تبدیل به
چیزی است که شما در حال رفتن به مورد استفاده برای.

12
00:00:31,410 --> 00:00:33,535
حالا که شما باید
اصول یک زبان،

13
00:00:33,535 --> 00:00:35,776
آن را در واقع بسیار آسان
شروع به دیگران یادگیری.

14
00:00:35,776 --> 00:00:37,650
بنابراین ما قصد داریم به شروع
به قدم به عقب کمی

15
00:00:37,650 --> 00:00:43,340
و براق بر پایه
تفاوت بین این زبان

16
00:00:43,340 --> 00:00:45,750
و به نوعی شما را ترک به آن است.

17
00:00:45,750 --> 00:00:48,530
در بسیاری از واقعا بزرگ وجود دارد
منابع در اینترنت، که

18
00:00:48,530 --> 00:00:51,279
ما قصد داریم به شروع کارگردانی شما
به سمت زیرا اینترنت است

19
00:00:51,279 --> 00:00:53,340
یک مخزن عظیمی از اطلاعات.

20
00:00:53,340 --> 00:00:55,960
و پس از آن شما می خواهم نمی خواهید
شود از دست دادن لزوما

21
00:00:55,960 --> 00:00:58,349
با داشتن اطلاعات نمی
تحت پوشش در یک ویدیو.

22
00:00:58,349 --> 00:01:00,640
شما هنوز هم قادر به دریافت شود
همه چیز شما نیاز و استفاده

23
00:01:00,640 --> 00:01:03,590
دانش شما در حال حاضر
تا با درک C ساخته شده است

24
00:01:03,590 --> 00:01:07,130
را به منحنی یادگیری برای این
زبان های دیگر در واقع یک تملق گفتن دارد.

25
00:01:07,130 --> 00:01:08,640
قول میدهم.

26
00:01:08,640 --> 00:01:12,770
>> اما اجازه دهید در مورد یک زبان صحبت
که واقعا اساسی برای هر وب

27
00:01:12,770 --> 00:01:14,830
صفحه، که HTML.

28
00:01:14,830 --> 00:01:18,230
HTML بیش از حد متن زبان نشانه گذاری است.

29
00:01:18,230 --> 00:01:22,700
HTML یک زبان است، اما آن است
یک زبان برنامه نویسی.

30
00:01:22,700 --> 00:01:23,900
>> HTML کند متغیرهای ندارد.

31
00:01:23,900 --> 00:01:26,430
این منطق ندارد و یا
توابع و یا چیزی شبیه به آن.

32
00:01:26,430 --> 00:01:30,301
ما می توانیم هر انجام
برنامه نویسی به خودی خود در HTML.

33
00:01:30,301 --> 00:01:32,300
گاهی اوقات شما می شنوید
مردم خود را توصیف

34
00:01:32,300 --> 00:01:35,710
به عنوان برنامه نویسان HTML، که
است کاملا دقیق نیست.

35
00:01:35,710 --> 00:01:37,980
ما می توانیم برنامه های HTML ارسال کنید.

36
00:01:37,980 --> 00:01:40,770
>> HTML استفاده می شود فقط به علامت تا متن.

37
00:01:40,770 --> 00:01:42,690
آن را یک زبان نشانه گذاری نامیده می شود.

38
00:01:42,690 --> 00:01:47,680
و آنچه این does-- این markup--
ما با استفاده از برچسب ها در HTML و این tags--

39
00:01:47,680 --> 00:01:51,600
این markup-- معنایی
ساختار یک صفحه را تعریف می

40
00:01:51,600 --> 00:01:55,280
و باعث می شود که متنی ساده است که
وجود دارد بین تگ برای تفسیر می

41
00:01:55,280 --> 00:01:57,320
توسط مرورگر در روش های مختلف.

42
00:01:57,320 --> 00:02:00,370
و شاید بهتر است به توضیح
این راه های از یک تصویر.

43
00:02:00,370 --> 00:02:06,450
>> در اینجا یک صفحه HTML بسیار ساده است، نیست
یک برنامه HTML، دوباره، یک صفحه HTML.

44
00:02:06,450 --> 00:02:08,680
و ما می دانیم که این یک
صفحه HTML از آنجا که ما را

45
00:02:08,680 --> 00:02:11,480
همه چیز را با دستورات HTML محدود شده است.

46
00:02:11,480 --> 00:02:13,850
بنابراین این چیزی است که یک تگ HTML نظر می رسد.

47
00:02:13,850 --> 00:02:15,870
آن را بین براکت زاویه است.

48
00:02:15,870 --> 00:02:18,570
و متوجه در بالای ما
HTML و در پایین بسیار،

49
00:02:18,570 --> 00:02:21,400
پس ما انجام داده ایم چیزی است که
ظاهرا بسیاری از دیگر HTML،

50
00:02:21,400 --> 00:02:24,310
ما باید زاویه بریده بریده براکت HTML.

51
00:02:24,310 --> 00:02:29,262
به طوری که از مرز است
بین آنچه HTML غیر فعال است و چه چیزی نیست.

52
00:02:29,262 --> 00:02:32,220
و البته، مرسوم، فقط
در حالی که همه از برنامه های C خود را به شما نوشت

53
00:02:32,220 --> 00:02:35,300
با پسوند دات C،
تمام فایل های HTML خود را

54
00:02:35,300 --> 00:02:37,909
با پسوند HTML نقطه پایان خواهد رسید.

55
00:02:37,909 --> 00:02:39,200
اما وجود دارد بیشتر در جریان است در اینجا.

56
00:02:39,200 --> 00:02:40,658
ما نه تنها باید از این دستورات HTML.

57
00:02:40,658 --> 00:02:44,010
ما ظاهرا این دارند
چیزی به نام برچسب سر.

58
00:02:44,010 --> 00:02:46,010
خب باشه، چه است؟

59
00:02:46,010 --> 00:02:48,550
>> خب شاید بهتر است به
تشخیص از طریق یک بدن،

60
00:02:48,550 --> 00:02:50,590
بدن که محتوای صفحه وب.

61
00:02:50,590 --> 00:02:55,860
بنابراین شاید از برچسب سر مسائل را تعریف می کند
این است که نه در پنجره مرورگر مناسب،

62
00:02:55,860 --> 00:02:59,410
اما به نحوی به مهم ما
صفحه وب به درستی ارائه شده است.

63
00:02:59,410 --> 00:03:02,490
به عنوان مثال، در داخل
برچسب سر ما برچسب عنوان.

64
00:03:02,490 --> 00:03:05,500
>> بنابراین عنوان می شود سلام جهان،
است که در واقع به آنچه

65
00:03:05,500 --> 00:03:08,797
نشان می دهد تا در تب در کروم
و یا در سافاری و یا Firefox--

66
00:03:08,797 --> 00:03:11,880
هر مرورگر شما prefer-- که
چه خبر است نشان می دهد تا در عنوان.

67
00:03:11,880 --> 00:03:14,800
و قبل از آن را نشان می دهد زبانه
در کل پنجره مرورگر خود را

68
00:03:14,800 --> 00:03:19,710
و شما تنها می توانید یک صفحه را
باز کردن در یک پنجره مرورگر در یک زمان.

69
00:03:19,710 --> 00:03:22,160
به طوری که برای رفتن به
عنوان صفحه تا من در تب

70
00:03:22,160 --> 00:03:24,600
و یا نوار پنجره مرورگر، سلام جهان.

71
00:03:24,600 --> 00:03:28,611
و سپس محتوای من
صفحه وب خواهد بود جهان، سلام.

72
00:03:28,611 --> 00:03:31,360
بنابراین اجازه دهید نگاهی به آنچه که برخی از
چیزی شبیه این ممکن است مانند نگاه.

73
00:03:31,360 --> 00:03:33,210
این صفحه در HTML بسیار ساده است.

74
00:03:33,210 --> 00:03:35,970
بنابراین من در اینجا در IDE CS50 من و
من در یک کمی بزرگنمایی است.

75
00:03:35,970 --> 00:03:38,290
و من فقط رفتن به
باز کردن سلام نقطه HTML

76
00:03:38,290 --> 00:03:42,000
و شما نشان می دهد که این است که تقریبا
محتوای صفحه است که ما قبل دیدم.

77
00:03:42,000 --> 00:03:45,240
ساده تگ های HTML، سر من،
تگ عنوان، بدن، و غیره.

78
00:03:45,240 --> 00:03:47,320
من فاصله دار را به تمیز کردن.

79
00:03:47,320 --> 00:03:51,530
>> و پس از آن چه می توانم انجام در من
IDE است که فقط پیش نمایش صفحه.

80
00:03:51,530 --> 00:03:52,630
و ما به.

81
00:03:52,630 --> 00:03:56,070
محتوای صفحه من جهان است،
سلام، و من نمی هر چیزی را ببینید

82
00:03:56,070 --> 00:03:58,500
از تگ سر وجود دارد.

83
00:03:58,500 --> 00:03:59,980
این فقط محتوای بدن است.

84
00:03:59,980 --> 00:04:00,780
جهان، سلام.

85
00:04:00,780 --> 00:04:03,700
و دوباره بدن فقط
گفت، جهان، سلام.

86
00:04:03,700 --> 00:04:06,160
بخش دیگر از دست رفته است.

87
00:04:06,160 --> 00:04:07,610
>> به طوری که واقعا همه چیز در آن است.

88
00:04:07,610 --> 00:04:11,370
این صفحه در HTML عمومی بسیار ساده است.

89
00:04:11,370 --> 00:04:14,280
در حال حاضر من به HTML فاصله دار را
واقعا زیبا و سازمان یافته،

90
00:04:14,280 --> 00:04:15,840
اما من در واقع نه به.

91
00:04:15,840 --> 00:04:17,959
من می توانم آن را به نگاه بسیار زشت است.

92
00:04:17,959 --> 00:04:19,467
و این هنوز هم کار می کنند.

93
00:04:19,467 --> 00:04:21,050
این امر می تواند صفحه وب یکسان است.

94
00:04:21,050 --> 00:04:23,100
من فقط از شر بدست
همه از فضای سفید است.

95
00:04:23,100 --> 00:04:24,820
>> همانطور که معلوم است، فضای سفید داده است.

96
00:04:24,820 --> 00:04:28,540
و تا زمانی که ما در حال ارسال داده ها از
فرستنده به گیرنده، از سرور

97
00:04:28,540 --> 00:04:30,670
به مشتری، هزینه های داده پول است.

98
00:04:30,670 --> 00:04:34,460
و پس از گرفتن فضای خالی خلاص شدن از شر
است که در واقع یک ایده خوب

99
00:04:34,460 --> 00:04:37,320
اگر شما کسی هستید که در خدمت
تا مقدار زیادی از محتوای وب.

100
00:04:37,320 --> 00:04:39,820
این یک ایده بد است اگر شما
فردی که یادگیری این مسائل

101
00:04:39,820 --> 00:04:41,528
و شما می خواهید به
آن را به سادگی برگزار می شود.

102
00:04:41,528 --> 00:04:43,810
این خیلی آسان تر به تجزیه از این است.

103
00:04:43,810 --> 00:04:45,540
اما این عملکرد یکسان.

104
00:04:45,540 --> 00:04:48,720
>> دندانه و چیزهای که
در واقع در HTML مهم نیست.

105
00:04:48,720 --> 00:04:53,634
تمام آنچه که مهم است و باز کردن برچسب ها
بسته شدن برچسب ها در جهت درست.

106
00:04:53,634 --> 00:04:55,050
متوجه آنچه در اینجا اتفاق افتاده، هر چند.

107
00:04:55,050 --> 00:04:58,450
نشانه گذاری به ما می دهد یک راه برای
برقراری ارتباط اطلاعات اضافی

108
00:04:58,450 --> 00:04:59,940
مورد آنچه که ما نوشته شده است.

109
00:04:59,940 --> 00:05:03,130
بخش سلام جهان شد
تفسیر به عنوان به عنوان.

110
00:05:03,130 --> 00:05:06,410
و جهان، سلام بخشی بود
آن را به عنوان محتوای

111
00:05:06,410 --> 00:05:09,090
و یا چه باید باشد
قابل مشاهده بر روی صفحه وب است.

112
00:05:09,090 --> 00:05:12,167
>> بیش از 100 از این تفاوت وجود دارد
برچسب ها و تعداد زیادی از منابع بزرگ

113
00:05:12,167 --> 00:05:13,000
آنلاین آنها را پیدا کنید.

114
00:05:13,000 --> 00:05:14,900
ما قصد داریم در مورد یک بحث
تعداد کمی از آنها در این فیلم، برخی از

115
00:05:14,900 --> 00:05:16,440
از چیزهای واقعا اساسی است.

116
00:05:16,440 --> 00:05:18,440
اما ما در حال بحث نمی
در مورد آن همه به خاطر آن

117
00:05:18,440 --> 00:05:20,250
می شود جامع به انجام این کار.

118
00:05:20,250 --> 00:05:22,880
>> چیز دیگری که شما می توانید انجام دهید، هر چند،
است باز کردن ابزار توسعه است.

119
00:05:22,880 --> 00:05:26,069
و اگر شما از یاد
ویدیو های ما در HTTP،

120
00:05:26,069 --> 00:05:27,860
من توضیح داد که چگونه برای باز کردن
تا ابزار توسعه است.

121
00:05:27,860 --> 00:05:32,020
در کروم آن را معمولا کلید F12
برای باز کردن نوار ابزار توسعه دهنده.

122
00:05:32,020 --> 00:05:35,909
پس از آن به جای انتخاب شبکه
تب، شما می توانید زبانه عناصر را انتخاب نمایید.

123
00:05:35,909 --> 00:05:37,700
و اگر شما یک وب بار
صفحه، واقع شما می خواهید

124
00:05:37,700 --> 00:05:40,280
HTML است که آن صفحه وب را ایجاد ببینید.

125
00:05:40,280 --> 00:05:44,090
و بنابراین شما می توانید تعداد زیادی در مورد HTML یادگیری
با نگاه کردن به وب سایت های مورد علاقه خود را

126
00:05:44,090 --> 00:05:48,474
و دیدن آنها ساخت
تکه های مختلف از آنها که دوست دارید.

127
00:05:48,474 --> 00:05:50,890
بنابراین شاید این سرد وجود دارد
الگو یا چیزی شبیه به آن.

128
00:05:50,890 --> 00:05:52,140
چگونه می توانم آنها آن را با HTML؟

129
00:05:52,140 --> 00:05:55,630
خب شما فقط می توانید باز کردن توسعه خود را
ابزار و شناور بیش از آن عنصر

130
00:05:55,630 --> 00:05:57,700
و ببینید که دقیقا چه HTML آن را می سازد.

131
00:05:57,700 --> 00:05:59,450
به طوری که واقعا
راه خوب برای یادگیری HTML،

132
00:05:59,450 --> 00:06:02,330
و من به شدت توصیه
شما آن را انجام هر دو به یادگیری HTML

133
00:06:02,330 --> 00:06:04,930
و همچنین برای یادگیری کمی
کمی در مورد برخی از گزینه های

134
00:06:04,930 --> 00:06:07,050
موجود به شما در
ابزار توسعه، که

135
00:06:07,050 --> 00:06:10,200
قطعا در دستی به عنوان آمده
شما شروع به انجام وب فشرده تر

136
00:06:10,200 --> 00:06:11,090
برنامه نويسي.

137
00:06:11,090 --> 00:06:14,080
>> بنابراین اجازه دهید یک نگاهی به
زن و شوهر از تگ های HTML مشترک است.

138
00:06:14,080 --> 00:06:17,210
و ما به پرش و نگاهی به
چه از این دستورات نیز ارائه خواهد شد

139
00:06:17,210 --> 00:06:20,490
به عنوان با نگاه برخی از فایل های در IDE است.

140
00:06:20,490 --> 00:06:26,330
بنابراین در اینجا سه ​​برچسب ها بسیار اساسی هستند
افزایش سرعت ظاهر بصری از متن.

141
00:06:26,330 --> 00:06:29,050
برچسبهای B، من برچسب ها، برچسب ها و U وجود دارد.

142
00:06:29,050 --> 00:06:33,170
و به ترتیب آنچه انجام می دهند
ارائه متن بین آنها به صورت ضخیم،

143
00:06:33,170 --> 00:06:35,430
کج، زیر خط و.

144
00:06:35,430 --> 00:06:40,430
بنابراین اجازه دهید ببینیم که چه چیزی را نگاه
مانند بر روی صفحه وب واقعی در IDE است.

145
00:06:40,430 --> 00:06:43,390
>> بنابراین در اینجا در IDE من من یک
فایل به نام BIU نقطه HTML.

146
00:06:43,390 --> 00:06:46,770
BIU نقطه HTML فقط
حروف درشت، کج، زیر خط دار.

147
00:06:46,770 --> 00:06:47,830
من آن را باز کنید.

148
00:06:47,830 --> 00:06:51,810
>> و ما در اینجا خواهید دید که من
این متن bold است برچسب ها B.

149
00:06:51,810 --> 00:06:54,010
این متن italic است برچسب ها من.

150
00:06:54,010 --> 00:06:56,307
و این متن برچسب ها U underlined را میدهد.

151
00:06:56,307 --> 00:06:57,640
این چیست به مانند نگاه؟

152
00:06:57,640 --> 00:06:59,473
خوب دوباره، تمام من
انجام دهید این است در اینجا به بیش از

153
00:06:59,473 --> 00:07:04,690
به مرورگر من، مرورگر فایل من، کلیک کنید
پیش نمایش، و این چیزی است که می آید تا.

154
00:07:04,690 --> 00:07:07,520
>> متن را در بین B
برچسب ها است که در واقع در حال حاضر تیره می کند.

155
00:07:07,520 --> 00:07:10,720
متن را در بین من
برچسب ها است که در واقع در حال حاضر مورب.

156
00:07:10,720 --> 00:07:14,634
و متن در بین U
برچسب ها است که در واقع در حال حاضر underlined را میدهد.

157
00:07:14,634 --> 00:07:15,550
به طوری که خیلی خوب است.

158
00:07:15,550 --> 00:07:18,450
ما اکنون می دانیم که چگونه برای ایجاد متن
نگاه کمی بیشتر فانتزی

159
00:07:18,450 --> 00:07:20,360
و یا قرعه کشی تاکید به کارهای خاص است.

160
00:07:20,360 --> 00:07:25,530
یکی دیگر از چند برچسب ها مشترک در اینجا
پاراگراف ها، برچسب ها P و هدر،

161
00:07:25,530 --> 00:07:27,980
که من در اینجا به عنوان HX ارائه شده است.

162
00:07:27,980 --> 00:07:32,520
>> از این دستورات P، این پاراگراف،
شکستن متن خود را تا به پاراگراف.

163
00:07:32,520 --> 00:07:34,646
این به اندازه کافی نیست که فقط
آمار را وارد کنید و ترک فاصله،

164
00:07:34,646 --> 00:07:37,186
به دلیل یک کامپیوتر فقط رفتن
به آنچه که شما آن را به انجام

165
00:07:37,186 --> 00:07:39,450
و آن را نادیده سفید
فضا برای بیشتر قسمت ها.

166
00:07:39,450 --> 00:07:41,636
بنابراین ما نمی توانیم فقط ضربه را وارد کنید
و انتظار کامپیوتر ما

167
00:07:41,636 --> 00:07:43,760
برای تفسیر که ما می خواهیم
برای شروع یک پاراگراف جدید.

168
00:07:43,760 --> 00:07:47,670
ما باید بسیار به صراحت می گویند این
یکی paragraph-- این است another--

169
00:07:47,670 --> 00:07:50,740
با گذاشتن هر کدام در یک مجموعه ای از برچسب ها P.

170
00:07:50,740 --> 00:07:54,560
>> و ما نیز این گزینه ها
برچسب ها برای برچسب H، این دستورات هدر.

171
00:07:54,560 --> 00:07:57,000
ما شش سطح مختلف
از هدر، یک، دو، سه،

172
00:07:57,000 --> 00:08:01,110
چهار، پنج و شش، که
به تدریج بزرگتر و بزرگتر

173
00:08:01,110 --> 00:08:01,710
هدر.

174
00:08:01,710 --> 00:08:04,360
و آنها کوچکتر و
کوچکتر و کوچکتر و کوچکتر است.

175
00:08:04,360 --> 00:08:07,690
بنابراین ما باید یک ضربه سطح بالا، یک ثانیه
هدر سطح، و به همین ترتیب، و غیره.

176
00:08:07,690 --> 00:08:10,480
>> اجازه دهید یک نگاه شاید برخی از
برچسب ها P و برخی از تگ هدر

177
00:08:10,480 --> 00:08:13,110
در عمل در یک صفحه وب.

178
00:08:13,110 --> 00:08:18,180
بنابراین در اینجا در IDE من یک فایل به نام
PH نقطه HTML، PH بودن پاراگراف

179
00:08:18,180 --> 00:08:18,970
و تگ هدر.

180
00:08:18,970 --> 00:08:20,709
باز که تا.

181
00:08:20,709 --> 00:08:23,000
وجود دارد بسیاری در رفتن در اینجا
چون من طراح قرار داده ام

182
00:08:23,000 --> 00:08:24,660
Ipsum در، برخی فقط متن تصادفی در اینجا.

183
00:08:24,660 --> 00:08:27,284
بنابراین من زوم کردن کمی
به دلیل وجود دارد آنقدر در رفتن.

184
00:08:27,284 --> 00:08:31,980
اما توجه کنید که من در بسیاری دارند
بالا در اینجا من یک H1، سطح یک،

185
00:08:31,980 --> 00:08:32,802
تگ هدر.

186
00:08:32,802 --> 00:08:36,010
سپس من یک پاراگراف، است که فقط باید
یک دسته از Lorem text-- تصادفی ipsum--

187
00:08:36,010 --> 00:08:38,720
فقط به طور پیش فرض پر کردن استاندارد در متن.

188
00:08:38,720 --> 00:08:41,970
بنابراین من دو پاراگراف در داخل آن
سطح یک ضربه سر و سپس به پایین زیر من

189
00:08:41,970 --> 00:08:46,850
یک سطح دو هدر در اینجا در خط 24،
یک ضربه سطح دوم، و دیگری دو

190
00:08:46,850 --> 00:08:47,840
پاراگراف.

191
00:08:47,840 --> 00:08:51,910
خب این چه چیزی را مانند نگاه
اگر مشاهده آن من در پیش نمایش من؟

192
00:08:51,910 --> 00:08:53,790
بیایید ببینید.

193
00:08:53,790 --> 00:08:55,730
>> بنابراین توجه داشته باشید که
هدر سطح اول در اینجا

194
00:08:55,730 --> 00:08:58,420
است که در واقع بسیار کمی بزرگتر
از هدر سطح دوم است.

195
00:08:58,420 --> 00:08:59,940
بنابراین ما تگ H1 استفاده می شود.

196
00:08:59,940 --> 00:09:03,820
و توجه کنید که برچسب P به ما اجازه می دهد
برای شکستن همه چیز را به پاراگراف.

197
00:09:03,820 --> 00:09:07,500
اگر ما از کسانی که در تگ P بود خلاص
و در واقع فقط با قرار دادن وارد و یا بازگشت

198
00:09:07,500 --> 00:09:10,110
در بین آنچه که ما امیدوار بود
باشد پاراگراف مختلف،

199
00:09:10,110 --> 00:09:13,193
همه آنها را فقط با هم شدت بهم زدن و
آن را این بند خوب نیست

200
00:09:13,193 --> 00:09:15,840
جدایی با فضای بالا و پایین.

201
00:09:15,840 --> 00:09:18,300
و به طوری که آنچه پاراگراف
برچسب ها و تگ هدر

202
00:09:18,300 --> 00:09:22,440
معمولا استفاده می شود به انجام به منظور جلب
توجه به بخش هایی از صفحه وب سایت ما

203
00:09:22,440 --> 00:09:23,550
در آن راه.

204
00:09:23,550 --> 00:09:27,560
>> تا در کنار برخی از تگ های که با استفاده از ما
برای ساخت لیست در صفحه وب ما.

205
00:09:27,560 --> 00:09:30,820
بنابراین ما باید نامرتب
lists-- ULs-- که فقط

206
00:09:30,820 --> 00:09:34,090
لیست گلوله ای، دستور داد
لیست که numbered-- هستند

207
00:09:34,090 --> 00:09:37,680
OLs-- و در داخل از هم
یکی از کسانی که ما نیاز به

208
00:09:37,680 --> 00:09:40,600
مجموعه ای از چگونه برای نشان اقلام لیست، LI.

209
00:09:40,600 --> 00:09:44,370
و بنابراین ما باید تگ UL باز
و ما وضعیت را در داخل آن است.

210
00:09:44,370 --> 00:09:46,920
و پس از آن زمانی که ما با هم انجام شود
که، ما می توانید از تگ UL را ببندید.

211
00:09:46,920 --> 00:09:49,850
>> و به همین ترتیب ما می توانیم
یک لیست مرتب و یا شماره

212
00:09:49,850 --> 00:09:51,560
قرار داده و فهرست اقلام در داخل از آن.

213
00:09:51,560 --> 00:09:53,350
بنابراین اجازه دهید یک نگاهی از
در چند لیست

214
00:09:53,350 --> 00:09:57,230
و آنچه که آنها
به عنوان ارائه در CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
بنابراین من در اینجا در IDE من اند
فایل به نام لیست نقطه HTML.

216
00:10:00,640 --> 00:10:03,100
بیا یک نگاهی بیندازیم.

217
00:10:03,100 --> 00:10:08,482
>> و توجه در اینجا من یک نامرتب دارند
لیست با پنج چیز در آن است.

218
00:10:08,482 --> 00:10:11,440
و پس از آن من یک لیست مرتب، و
من برچسب را تغییر داده ام کمی،

219
00:10:11,440 --> 00:10:11,939
درست؟

220
00:10:11,939 --> 00:10:13,152
من گفته ام شروع برابر است با شش.

221
00:10:13,152 --> 00:10:16,110
به نظر می رسد با یک لیست مرتب من
می توانید نقطه شروع هر کجا تنظیم

222
00:10:16,110 --> 00:10:20,130
من به طور پیش فرض want-- آن one-- خواهد بود
تنها با اضافه کردن این ویژگی به اصطلاح

223
00:10:20,130 --> 00:10:21,190
به تگ OL من.

224
00:10:21,190 --> 00:10:23,572
و به این ترتیب این لیست
شروع به شمارش در شش.

225
00:10:23,572 --> 00:10:26,780
پس عناصر که لیست شماره
باید شش، هفت، هشت، نه، ده،

226
00:10:26,780 --> 00:10:29,930
چرا که پنج عنصر وجود دارد
در لیست، به عنوان یکی از مخالف،

227
00:10:29,930 --> 00:10:33,770
دو، سه، چهار، پنج، که
امر می تواند مورد اگر OL گفته بود

228
00:10:33,770 --> 00:10:36,730
بدون تعیین ویژگی شروع می شود.

229
00:10:36,730 --> 00:10:41,594
>> بنابراین ما فقط این پیشنمایش بنابراین شما می توانید
یک حس برای آنچه که در اینجا.

230
00:10:41,594 --> 00:10:42,260
و ما به.

231
00:10:42,260 --> 00:10:44,610
فهرست من وجود دارد.

232
00:10:44,610 --> 00:10:47,810
پنج عنصر اول
لیست های نامرتب و یا گلوله ای.

233
00:10:47,810 --> 00:10:51,010
و پنج عنصر بعدی
یک لیست مرتب جداگانه

234
00:10:51,010 --> 00:10:52,980
با شروع از شش.

235
00:10:52,980 --> 00:10:56,247
به طوری که چگونه ما می توانیم
ساخت لیست با استفاده از HTML.

236
00:10:56,247 --> 00:10:58,080
چیز دیگری که شما ممکن است
می خواهید با HTML

237
00:10:58,080 --> 00:11:01,520
ساخت یک جدول از
اطلاعات از سطر و ستون

238
00:11:01,520 --> 00:11:04,560
برای ارائه اطلاعات در یک
به خصوص راه سازمان یافته است.

239
00:11:04,560 --> 00:11:09,110
برای انجام این کار با HTML ما می توانیم یک دارند
تعریف جدول آغاز براکت باز

240
00:11:09,110 --> 00:11:10,160
جدول.

241
00:11:10,160 --> 00:11:14,680
و سپس در داخل آن جدول ما
ممکن است مجموعه ای از ردیف ها، برچسب ها TR دارند

242
00:11:14,680 --> 00:11:15,980
به نشان می دهد هر ردیف.

243
00:11:15,980 --> 00:11:22,510
و سپس برچسب ها TD داخل برچسب ها TR رفتن
برای مشخص کردن یک ستون در یک ردیف.

244
00:11:22,510 --> 00:11:24,340
>> چرا آن را به نام TD و TC نیست؟

245
00:11:24,340 --> 00:11:25,940
خب، TD مخفف داده های جدول.

246
00:11:25,940 --> 00:11:27,900
معمولا شما در حال قرار دادن
اطلاعات شما وجود دارد.

247
00:11:27,900 --> 00:11:29,440
به همین دلیل آن را TD و TC.

248
00:11:29,440 --> 00:11:31,140
این یک کمی گیج کننده است.

249
00:11:31,140 --> 00:11:33,720
>> بنابراین شما باید برچسب ها جدول و
داخل برچسب ها جدول خود را

250
00:11:33,720 --> 00:11:35,600
شما یک تعداد سطرها، TRS.

251
00:11:35,600 --> 00:11:40,030
و در داخل هر سطر شما
TDS برای تعداد ستون ها

252
00:11:40,030 --> 00:11:42,880
که شما می خواهید به
در آن ردیف خاص است.

253
00:11:42,880 --> 00:11:47,730
اجازه دهید یک نگاه بسیار
جدول ساده در بیش از CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> بنابراین من در اینجا یک فایل
به نام جدول نقطه HTML.

255
00:11:49,730 --> 00:11:53,390
اجازه دهید یک نگاه
آنچه که به نظر می رسد.

256
00:11:53,390 --> 00:11:56,225
وجود دارد بسیاری در رفتن در اینجا اما
اگر شما متوجه من یک جدول باز است.

257
00:11:56,225 --> 00:11:57,850
من شروع به تعریف با جدول.

258
00:11:57,850 --> 00:12:02,100
و سپس در ردیف اول من ظاهرا
چهار ستون، یک، دو، سه،

259
00:12:02,100 --> 00:12:02,660
چهار.

260
00:12:02,660 --> 00:12:04,290
و سپس من با آن ردیف انجام می شود.

261
00:12:04,290 --> 00:12:07,750
>> پس از آن یک ردیف دیگر شروع کنم و
انجام دو، چهار، شش، هشت.

262
00:12:07,750 --> 00:12:08,850
پایان برساند که ردیف.

263
00:12:08,850 --> 00:12:11,410
آیا ردیف دیگری، سه، شش، نه، 12.

264
00:12:11,410 --> 00:12:14,830
و سپس یک ردیف گذشته، چهار،
هشت، 12 و اگر آن را

265
00:12:14,830 --> 00:12:16,560
کمی قطع در اینجا، 16.

266
00:12:16,560 --> 00:12:17,710
>> من به پایان رسید که ردیف.

267
00:12:17,710 --> 00:12:18,970
من جدول به پایان رسید.

268
00:12:18,970 --> 00:12:21,430
و سپس من با HTML من انجام می شود.

269
00:12:21,430 --> 00:12:22,590
این به چه شکلی است؟

270
00:12:22,590 --> 00:12:26,014

271
00:12:26,014 --> 00:12:27,430
خوب، آن را واقعا نمی بسیار برای دیدن.

272
00:12:27,430 --> 00:12:31,690
من به وضوح اطلاعات من سازماندهی کرده اید
در راه تا حدودی سازمان یافته تر.

273
00:12:31,690 --> 00:12:33,755
اما آن را فوق العاده زیبا اینجا نیست.

274
00:12:33,755 --> 00:12:36,130
و ما قصد داریم برای مقابله با
که هنگامی که ما در مورد CSS صحبت کنید.

275
00:12:36,130 --> 00:12:38,930
ما این ایده از شما دوباره
آنچه که ما انجام دهید تا یک table--

276
00:12:38,930 --> 00:12:41,260
شاید آن را با فرمت کمی بهتر؟

277
00:12:41,260 --> 00:12:45,070
اما من هنوز چهار ردیف،
که هر کدام دارای چهار ستون،

278
00:12:45,070 --> 00:12:48,890
و واقعا چه این مقدار به یک
بسیار ساده چهار چهار ضرب

279
00:12:48,890 --> 00:12:49,870
جدول.

280
00:12:49,870 --> 00:12:51,690
>> فقط چند برچسب ها ما در مورد صحبت کنید.

281
00:12:51,690 --> 00:12:54,617
اجازه دهید در مورد صحبت
مفهوم یک فرم HTML.

282
00:12:54,617 --> 00:12:57,450
بنابراین شما ممکن است این در دیده
زمینه ورود به یک صفحه وب.

283
00:12:57,450 --> 00:12:59,100
معمولا شما در نام کاربری خود را تایپ کنید.

284
00:12:59,100 --> 00:13:01,510
شما رمز عبور خود را تایپ کنید،
و شما خوب به آن بروید.

285
00:13:01,510 --> 00:13:04,170
این امر می تواند آغاز یک فرم است.

286
00:13:04,170 --> 00:13:05,420
>> پرش بیش از div یک دوم.

287
00:13:05,420 --> 00:13:07,987
ما همچنین ورودی دارند که
نوع داخل اشکال مناسب است.

288
00:13:07,987 --> 00:13:10,320
این عناصر هستند که
شما در واقع به تایپ کردن،

289
00:13:10,320 --> 00:13:12,580
و یا دکمه های رادیویی شما
تیک تاک، و یا چک

290
00:13:12,580 --> 00:13:14,310
جعبه های که شما در حال تیک تاک کردن.

291
00:13:14,310 --> 00:13:15,770
بنابراین این داخل اشکال است.

292
00:13:15,770 --> 00:13:18,500
و آنها را تشکیل می دهند اساسا
هر سطر از فرم

293
00:13:18,500 --> 00:13:19,887
در صورتی که فرم خود را به خوبی فرمت.

294
00:13:19,887 --> 00:13:22,220
سپس این مفهوم وجود دارد
یک div که واقعا نمی

295
00:13:22,220 --> 00:13:25,060
جا و در هر دسته خاص
برچسب مانند آنهایی که من

296
00:13:25,060 --> 00:13:26,170
انجام شده است قبلا.

297
00:13:26,170 --> 00:13:29,790
این فقط از نوع demarcates
آغاز برخی از division-- دلخواه

298
00:13:29,790 --> 00:13:31,670
div-- صفحه.

299
00:13:31,670 --> 00:13:33,210
بدون استراحت بصری وجود دارد.

300
00:13:33,210 --> 00:13:34,800
هیچ خط وجود دارد.

301
00:13:34,800 --> 00:13:37,180
آن را به عنوان یک تنظیم نشده
تکه جداگانه به صورت خودکار.

302
00:13:37,180 --> 00:13:39,430
شما می خواهم که آن را سبک
که راه را برای انجام این کار.

303
00:13:39,430 --> 00:13:42,110
>> این فقط از نوع گوید من می خواهم یک
تکه ای از فضای در صفحه وب من،

304
00:13:42,110 --> 00:13:45,190
و من فقط رفتن به پاسخ
به این بخش از صفحه من.

305
00:13:45,190 --> 00:13:47,619
ما می توانیم چیزهای داخل قرار
راستیآزمایی اطلاعات طراحی، و در واقع،

306
00:13:47,619 --> 00:13:49,410
هنگامی که ما سر را به
IDE در یک ثانیه، ما

307
00:13:49,410 --> 00:13:53,760
دید که من قرار دادن من
فرم داخل یک div.

308
00:13:53,760 --> 00:13:57,050
>> بنابراین من در اینجا در IDE من اند
فایل به نام دیو فرم دات HTML.

309
00:13:57,050 --> 00:13:59,260
بیایید آن را باز کنید.

310
00:13:59,260 --> 00:14:01,460
توجه داشته باشید که مثل من گفت،
DIV نوع دلخواه است.

311
00:14:01,460 --> 00:14:01,640
درست؟

312
00:14:01,640 --> 00:14:02,973
آن واقعا هیچ معنایی ندارد.

313
00:14:02,973 --> 00:14:05,140
بنابراین من دلخواه باشند
بخش اول صفحه من.

314
00:14:05,140 --> 00:14:07,848
و بعد به جای یکی دیگر از DIV
بعد از آن، با شروع در خط هشت،

315
00:14:07,848 --> 00:14:08,730
من این فرم.

316
00:14:08,730 --> 00:14:13,594
و در داخل قالب من یک
تعداد ورودی ها، زمینه های فرم.

317
00:14:13,594 --> 00:14:16,510
بنابراین من باید یک درست است که نام A--
که واقعا هیچ معنایی ندارد

318
00:14:16,510 --> 00:14:19,350
now-- راست که ظاهرا
طول می کشد متن، یکی دیگر که

319
00:14:19,350 --> 00:14:22,630
یک رمز عبور، دیگری است که یک رادیو طول می کشد
را فشار دهید، دیگری است که یک جعبه چک است،

320
00:14:22,630 --> 00:14:24,797
و دیگری که یک ثبت را فشار دهید.

321
00:14:24,797 --> 00:14:26,630
خب، چه می کند این
همه در واقع شبیه؟

322
00:14:26,630 --> 00:14:27,629
خوب، اجازه دهید نگاهی به.

323
00:14:27,629 --> 00:14:31,010
ما آن را در پنجره پیش نمایش ما باز کردن.

324
00:14:31,010 --> 00:14:33,557
توجه کنید که این دلخواه
اولین division-- وجود دارد

325
00:14:33,557 --> 00:14:34,640
هیچ جدایی بصری است.

326
00:14:34,640 --> 00:14:37,150
این واقعا انجام هر کاری، درست است؟

327
00:14:37,150 --> 00:14:38,220
>> و بعد من فرم من داشته باشد.

328
00:14:38,220 --> 00:14:39,890
و من هیچ قالب خاصی نیست.

329
00:14:39,890 --> 00:14:42,680
بنابراین شکل است که فقط یکی
ردیف بزرگ از اطلاعات است.

330
00:14:42,680 --> 00:14:46,424
اگر من فرم متفاوت فرمت شده،
من ممکن است آن را با خط خط به خط.

331
00:14:46,424 --> 00:14:47,590
اما من هیچ یک ظاهر طراحی شده نیست.

332
00:14:47,590 --> 00:14:49,256
باز هم، ما در مورد CSS صحبت نمی کنید.

333
00:14:49,256 --> 00:14:51,030
ما در حال صحبت کردن در HTML فقط در مورد.

334
00:14:51,030 --> 00:14:53,980
>> خب به صورت متن من می توانم type--
به یاد داشته باشید که اشکال از نوع متن

335
00:14:53,980 --> 00:14:55,480
بنابراین من می تواند نام من قرار داده است.

336
00:14:55,480 --> 00:14:57,330
و رمز عبور من
می توانید رمز عبور من را تایپ کنید.

337
00:14:57,330 --> 00:14:59,740
و چون که درست
از نوع رمز عبور،

338
00:14:59,740 --> 00:15:01,470
شما نمی دانید که رمز عبور من است.

339
00:15:01,470 --> 00:15:02,800
این همه نقطه است.

340
00:15:02,800 --> 00:15:09,140
>> من همچنین می توانید به تیک تیک کردن را انتخاب کنید
دکمه های رادیویی و یا تیک تیک کردن یک جعبه چک.

341
00:15:09,140 --> 00:15:10,420
و یا من می تواند فرم را ارسال کنید.

342
00:15:10,420 --> 00:15:11,810
و من هیچ کاری انجام نمی،
تا زمانی که من فرم را انتخاب و

343
00:15:11,810 --> 00:15:13,090
صفحه فقط تازه.

344
00:15:13,090 --> 00:15:16,970
اما من شاید می تواند پیکربندی من
دکمه ارسال را به انجام کار دیگری.

345
00:15:16,970 --> 00:15:20,410
و خواهیم دید که چه ما می توانیم با انجام
که در یک ویدیو آینده در PHP.

346
00:15:20,410 --> 00:15:22,520
اما این را می سازد بسیار
فرم ساده که ما

347
00:15:22,520 --> 00:15:27,360
می توانید استفاده کنید به کاربران تعامل و
ارائه اطلاعات به وب سایت ما.

348
00:15:27,360 --> 00:15:29,620
>> یکی از آخرین نظر قبل از ما
حرکت بر روی برخی از تگ های دیگر

349
00:15:29,620 --> 00:15:32,040
به نگاهی به این
تگ ورودی یک بار دیگر.

350
00:15:32,040 --> 00:15:35,760
توجه کنید که من مشخص کردم
به پایان می رسد از برچسب به رنگ قرمز.

351
00:15:35,760 --> 00:15:39,390
هر تگ دیگر ما تا کنون دیده ام است
آغاز و پایان، باز به حال

352
00:15:39,390 --> 00:15:41,030
برچسب و برچسب پایانی ندارد.

353
00:15:41,030 --> 00:15:42,520
>> اما یک تگ ورودی را نمی کند.

354
00:15:42,520 --> 00:15:46,860
هیچ متنی که می رود وجود دارد
در بین تگ ورودی.

355
00:15:46,860 --> 00:15:49,160
همه اطلاعات
ما در حال به قصد انتقال

356
00:15:49,160 --> 00:15:52,640
است تا به عنوان بخشی از محدود
صفات که ورودی.

357
00:15:52,640 --> 00:15:54,690
توجه داشته باشید که ما نام ورودی برابر است با X.

358
00:15:54,690 --> 00:15:55,580
نوع برابر y.

359
00:15:55,580 --> 00:15:57,660
این واقعا همه
اطلاعات ما نیاز داریم.

360
00:15:57,660 --> 00:15:59,470
>> این یک تگ بسته شدن خود به نام.

361
00:15:59,470 --> 00:16:02,470
این کار باز و یک نیاز نیست
نزدیک به دلیل تمام اطلاعات

362
00:16:02,470 --> 00:16:04,974
در داخل موجود
برچسب ها و ویژگی های آن است.

363
00:16:04,974 --> 00:16:06,390
بنابراین گاهی اوقات شما این را ببینید، TOO.

364
00:16:06,390 --> 00:16:10,400
پس فقط آگاه باشید که اگر شما یک
برچسب است که به طور کامل خود شامل،

365
00:16:10,400 --> 00:16:14,170
آن باز می شود و خود را با بسته
براکت زاویه باز در سمت چپ

366
00:16:14,170 --> 00:16:17,000
و زاویه بریده بریده
براکت در سمت راست.

367
00:16:17,000 --> 00:16:20,580
ما یکی دیگر از کسانی را ببینید
در حال حاضر با برچسب تصویر و همچنین.

368
00:16:20,580 --> 00:16:23,300
>> قبل از اینکه ما در مورد تصاویر صحبت می کنیم،
در مورد نیاز به لینک صحبت کنید.

369
00:16:23,300 --> 00:16:26,080
اگر ما می خواهیم صفحه وب ما را به عنوان
تعاملی و ما حرکت در اطراف،

370
00:16:26,080 --> 00:16:28,121
این امر می تواند خوب باشد قادر
با کلیک بر روی یکی از آن

371
00:16:28,121 --> 00:16:30,190
آنچه به طور معمول یک لینک آبی رنگ است.

372
00:16:30,190 --> 00:16:34,440
این است که در واقع نحوه ساخت
یک لینک در صفحه وب ما.

373
00:16:34,440 --> 00:16:36,540
و به اندازه کافی جالب
یکی دیگر از تگ HTML وجود دارد

374
00:16:36,540 --> 00:16:39,000
نام لینک است که یک لینک است.

375
00:16:39,000 --> 00:16:44,130
در اینجا برای لنگر می ایستد، و
این که چگونه ما نشان می دهد یک لینک.

376
00:16:44,130 --> 00:16:49,150
>> یک عکاس هنگام عکسبرداری برابر است با X معنی به
وب X. صفحه و همه چیز

377
00:16:49,150 --> 00:16:51,580
بین باز برچسب
و نزدیک برچسب

378
00:16:51,580 --> 00:16:56,010
همان چیزی است که برای رفتن به تاکید است که
متن آبی است که به نظر می رسد مثل یک لینک

379
00:16:56,010 --> 00:16:57,590
که ما با آن آشنا هستید.

380
00:16:57,590 --> 00:17:01,660
در زیر است که ما یک تگ تصویر، که
است خود بسته شدن تگ برای نمایش

381
00:17:01,660 --> 00:17:05,599
یک تصویر واقع در X. و
شما ممکن است قادر به تغییر

382
00:17:05,599 --> 00:17:08,280
که تصویر را بوسیله
عرض و ارتفاع

383
00:17:08,280 --> 00:17:11,640
و ویژگی های دیگر در
که نقطه نقطه نقطه وجود دارد.

384
00:17:11,640 --> 00:17:14,260
>> در پایین در اینجا
ما باید بسیار جالب

385
00:17:14,260 --> 00:17:16,170
به دنبال تگ که نمی
یک برچسب پایانی ندارد.

386
00:17:16,170 --> 00:17:19,410
این علامت تعجب نقطه DOCTYPE HTML است.

387
00:17:19,410 --> 00:17:23,300
بنابراین HTML در حدود سال بوده است
اوایل 1990s برای ساخت صفحات وب،

388
00:17:23,300 --> 00:17:25,859
و آن را تحت رفته
چند تجدید نظر پس از آن.

389
00:17:25,859 --> 00:17:28,550
اخیرا در سال 2014
آن را تحت یک تجدید نظر

390
00:17:28,550 --> 00:17:33,440
نام HTML5 است که در حال حاضر در حال حاضر
مرتب کردن بر اساس استاندارد بالفعل HTML.

391
00:17:33,440 --> 00:17:36,730
>> نشان می دهد که وب سایت ما
صفحات نوشته شده با استفاده از HTML5،

392
00:17:36,730 --> 00:17:38,160
این است که چگونه ما شروع کردن.

393
00:17:38,160 --> 00:17:40,380
می توان آن را حذف اما
چه که اساسا

394
00:17:40,380 --> 00:17:45,930
معنی است که شما می توانید هر یک از برچسب ها استفاده کنید
که برچسب HTML5، آن برچسب جدید است.

395
00:17:45,930 --> 00:17:48,591
بنابراین ما همیشه شروع کردن
اگر ما با استفاده از HTML5.

396
00:17:48,591 --> 00:17:51,340
و همه ما در مورد برچسب ها صحبت کرده ام
قبلا تگ HTML5 است.

397
00:17:51,340 --> 00:17:55,470
اما این نشان می دهد که
برچسب ها HTML5 حضور خواهد داشت.

398
00:17:55,470 --> 00:17:58,400
و بنابراین ما باید تعجب
DOCTYPE HTML، که

399
00:17:58,400 --> 00:18:01,280
در همان ابتدا از ما
فایل HTML، و سپس پس از آن نقطه

400
00:18:01,280 --> 00:18:04,930
ما در واقع HTML باز
برچسب و ادامه از وجود دارد.

401
00:18:04,930 --> 00:18:10,050
>> یکی از آخرین برچسب توضیحات،
که به نظر می رسد کمی متفاوت است، بیش از حد.

402
00:18:10,050 --> 00:18:12,810
این شروع می شود با زاویه
براکت به علامت تعجب فاصله

403
00:18:12,810 --> 00:18:15,220
خط تیره اما هیچ براکت بسته.

404
00:18:15,220 --> 00:18:20,150
در میان این دو عنصر وجود دارد
است که در آن شما ارسال نظرات خود را.

405
00:18:20,150 --> 00:18:28,420
و اجازه دهید نگاهی به تصاویر
و نظرات و لینک در CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> بنابراین من در اینجا یک فایل به نام تصویر لینک
نقطه HTML که من قصد دارم به باز کردن.

407
00:18:32,850 --> 00:18:36,420
و متوجه من چند کردم
نظرات در نظرات HTML است.

408
00:18:36,420 --> 00:18:38,990
بنابراین درست مانند C و سایر
زبانهای برنامه نویسی،

409
00:18:38,990 --> 00:18:43,169
HTML فقط با بودن در یک زبان نشانه گذاری
اختصاص توانایی به نظر.

410
00:18:43,169 --> 00:18:45,710
و به این ترتیب من ظاهرا به رفتن
مشخصات یک عکس از ریک Astley

411
00:18:45,710 --> 00:18:49,060
جایی بین این DIV
برچسب، این تقسیم بندی دلخواه.

412
00:18:49,060 --> 00:18:51,497
ظاهرا که فایل است
واقع در ریک نقطه JPEG، که

413
00:18:51,497 --> 00:18:53,580
اگر ما سر به عقب به
درخت فایل من برای یک ثانیه،

414
00:18:53,580 --> 00:18:55,490
یک فایل که در وجود دارد
دایرکتوری جاری است.

415
00:18:55,490 --> 00:18:56,031
به طوری که خوب است.

416
00:18:56,031 --> 00:18:57,710
من می توانم آن مرجع است.

417
00:18:57,710 --> 00:18:59,680
>> سپس من می توانید از لینک های داخلی را داشته باشد.

418
00:18:59,680 --> 00:19:05,080
بنابراین در خط 11 توجه در اینجا
عکاس هنگام عکسبرداری من خوش آمدید نقطه HTML است.

419
00:19:05,080 --> 00:19:09,050
به طوری که فقط به سلام نقطه HTML اشاره
که در دایرکتوری جاری وجود دارد.

420
00:19:09,050 --> 00:19:12,980
و من همچنین می توانید خارجی
لینک تنها با مشخص کردن HTTPS

421
00:19:12,980 --> 00:19:16,180
نشان می دهد که من صحبت نمی
در مورد یک فایل در پوشه فعلی من.

422
00:19:16,180 --> 00:19:19,730
من صحبت کردن در مورد یک فایل که وجود دارد
جایی در اینترنت، که من

423
00:19:19,730 --> 00:19:23,370
به درخواست استفاده از پروتکل HTTP.

424
00:19:23,370 --> 00:19:25,990
>> بنابراین اجازه دهید نگاهی به آنچه
این صفحه ممکن است مانند نگاه

425
00:19:25,990 --> 00:19:29,500
و آماده برای یک عکس از ریک گرفتن
Astley در نشان می دهد تا بر روی صفحه نمایش خود را.

426
00:19:29,500 --> 00:19:31,490
بنابراین من این پیش نمایش.

427
00:19:31,490 --> 00:19:33,800
این ریک Astley وجود دارد در
بسیار بالا در این دلخواه

428
00:19:33,800 --> 00:19:35,008
بخش من آن را در بالا قرار داده.

429
00:19:35,008 --> 00:19:36,960
و پس از آن در زیر من
لینک های من، درست است؟

430
00:19:36,960 --> 00:19:39,330
>> من یک لینک به hello نقطه HTML.

431
00:19:39,330 --> 00:19:42,860
و اگر من کلیک کنید که، من
بیش از این صفحه منتقل

432
00:19:42,860 --> 00:19:47,050
که ما بسیار آشنا با از هستی
ابتدا از برنامه های ما.

433
00:19:47,050 --> 00:19:50,880
اگر من آن صفحه باز پاپ دوباره، اگر من
پاپ لینک تصویر را باز یک بار دیگر،

434
00:19:50,880 --> 00:19:54,420
من همچنین می توانید به خارج
به وب سایت CS50 است.

435
00:19:54,420 --> 00:19:56,740
وجود دارد و ما see-- من شما
زوم کردن کمی here--

436
00:19:56,740 --> 00:20:00,260
ما CS50 که مرتب سازی بر وب سایت از دید
جاسازی شده در وسط صفحه است.

437
00:20:00,260 --> 00:20:04,670
بنابراین من قادر به داخلی بود
پیوند به عنوان یک لینک خارجی.

438
00:20:04,670 --> 00:20:07,200
>> آخرین قانون با HTML که
ما قصد داریم به مورد اینجا صحبت

439
00:20:07,200 --> 00:20:09,510
این است که خود را در HTML باید به خوبی شکل گرفته است.

440
00:20:09,510 --> 00:20:13,020
در C که ما بسیاری در مورد صحبت کردیم
نحو های مختلف از همه چیز.

441
00:20:13,020 --> 00:20:17,650
در HTML نحو واقعا
حول محور برچسب ها.

442
00:20:17,650 --> 00:20:19,660
هر تگ شما برای باز کردن باید بسته شود.

443
00:20:19,660 --> 00:20:22,630
و در واقع، هر تگ شما برای باز کردن
باید در جهت معکوس بسته شود.

444
00:20:22,630 --> 00:20:25,790
>> بنابراین اگر شما برای باز کردن یک برچسب با حروف درشت، یک کج
برچسب، و پس از آن یک برچسب زیر خط دار خط

445
00:20:25,790 --> 00:20:28,120
به انجام هر سه به یک
مجموعه ای خاص از متن،

446
00:20:28,120 --> 00:20:30,070
شما باید آنها را در جهت معکوس را ببندید.

447
00:20:30,070 --> 00:20:32,270
بنابراین اگر شما باز با حروف درشت،
کج، زیر خط دار خط، شما می

448
00:20:32,270 --> 00:20:35,240
می خواهید برای بستن خط دار خط، کج، جسورانه است.

449
00:20:35,240 --> 00:20:39,990
این نوع از داده ها با یگدیگر چه چیزی است
نگه می دارد HTML زیبا و سازمان یافته.

450
00:20:39,990 --> 00:20:44,370
>> بر خلاف C، هر چند، خطا نحو نیست
در واقع HTML شما را فلج احتمالا.

451
00:20:44,370 --> 00:20:48,730
HTML شما ممکن است به خوبی
تشکیل اما هنوز هم کار می کنند.

452
00:20:48,730 --> 00:20:50,589
و به این ترتیب این اشتباهات
می توانید از اسلاید های مرتب کردن.

453
00:20:50,589 --> 00:20:52,130
این به شما این است که واقعا مراقب باشند.

454
00:20:52,130 --> 00:20:54,760
گاهی اوقات آنها را شکست اما
گاهی اوقات شما می توانید با آن را دریافت.

455
00:20:54,760 --> 00:20:56,509
>> این می تواند یک واقعا
کار دشوار است، هر چند،

456
00:20:56,509 --> 00:21:00,660
برای پیگیری از زمانی که شما باز
برچسب، هنگامی که شما آن را بسته،

457
00:21:00,660 --> 00:21:04,110
به خصوص به عنوان HTML خود را
فایل های بزرگتر و بزرگتر.

458
00:21:04,110 --> 00:21:05,490
شما به کمک برخی می خواهید.

459
00:21:05,490 --> 00:21:07,560
و آنلاین وجود دارد
ابزار اعتبار سنج که شما

460
00:21:07,560 --> 00:21:11,474
می توانید استفاده کنید به یک نگاه در وب سایت خود را
صفحه و ببینید که اگر آن را به خوبی HTML تشکیل شده است.

461
00:21:11,474 --> 00:21:13,390
و شما قطعا باید
نگاهی به آن

462
00:21:13,390 --> 00:21:16,620
و شروع به استفاده از آنها را به عنوان شما را
شروع انجام بعضی از کار با HTML،

463
00:21:16,620 --> 00:21:20,800
نوشتن HTML، فقط بنابراین شما می توانید
برخی از عادات خوب در مورد سازماندهی

464
00:21:20,800 --> 00:21:24,377
HTML خود را در یک راه خوب و
سبک خوب و مطمئن شوید

465
00:21:24,377 --> 00:21:27,210
که شما در حال انجام نیست که هر چیزی
می تواند یک خطای نحوی که ایجاد

466
00:21:27,210 --> 00:21:30,270
شما باعث یک بیت از
یک مشکل پایین جاده.

467
00:21:30,270 --> 00:21:31,190
>> من داگ لوید هستم.

468
00:21:31,190 --> 00:21:33,450
این CS50 است.

469
00:21:33,450 --> 00:21:34,859