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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: ดังนั้นเราจึงใช้เวลา
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
>> แต่ที่เป็นไปได้ตกลง

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 เป็นข้อความของ Hyper Markup Language

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
ล้อมรอบทุกอย่างด้วยแท็ก

46
00:02:11,480 --> 00:02:13,850
ดังนั้นนี่คือสิ่งที่แท็กดูเหมือนว่า

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
หลังจากที่เราได้ทำในสิ่งที่เป็น
เห็นได้ชัดมากของ HTM​​L อื่น ๆ

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
เราไม่เพียง แต่มีแท็กเหล่านี้

57
00:02:40,658 --> 00:02:44,010
เห็นได้ชัดว่าเรามีนี้
สิ่งที่เรียกว่าแท็กหัว

58
00:02:44,010 --> 00:02:46,010
ดี, OK, สิ่งที่?

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
ตอนนี้ฉันเยื้อง HTM​​L ของฉันไป
เป็นจริงที่ดีและการจัด

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
ใน Chrome ก็มักจะคีย์ 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
>> ดังนั้นลองมาดูที่หนึ่ง
คู่ของแท็กที่พบบ่อย

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
>> และเราจะเห็นว่านี่ฉัน
มีข้อความนี้เป็นแท็ก B ที่เป็นตัวหนา

149
00:06:51,810 --> 00:06:54,010
ข้อความนี้เป็นผมแท็กตัวเอียง

150
00:06:54,010 --> 00:06:56,307
และข้อความนี้เป็นแท็ก U ขีดเส้นใต้

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
แท็กแน่นอนขีดเส้นใต้ในขณะนี้

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
มันไม่พอเพียง
กด Enter และออกจากช่องว่าง

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
ดังนั้นเราจึงไม่สามารถเพียงแค่กด Enter
และคาดว่าเครื่องคอมพิวเตอร์ของเรา

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
มีจำนวนมากที่เกิดขึ้นที่นี่
เพราะผมได้ใส่ Lorem บาง

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
>> ทำไมถึงเรียกว่าทีดีและไม่ TC?

245
00:11:24,340 --> 00:11:25,940
ดีทีย่อมาจากข้อมูลตาราง

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
เราสามารถนำสิ่งที่อยู่ภายใน
ของ divs และในความเป็นจริง

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 ของฉัน
ไฟล์ที่เรียกว่าจุด div รูปแบบ 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
และอื่น ๆ ที่เป็นปุ่ม Submit

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
ประเภทเท่ากับปี

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
ดังนั้นบางครั้งคุณจะเห็นนี้มากเกินไป

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
และน่าสนใจพอ
มีแท็กอีก

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
>> a href เท่ากับ 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
ภาพอยู่ที่เอ็กซ์และ
คุณอาจจะสามารถที่จะเปลี่ยน

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
มันเป็นจุดประเภทเอกสาร HTML อัศเจรีย์

387
00:17:19,410 --> 00:17:23,300
HTML เพื่อให้ได้รับรอบตั้งแต่
ช่วงปี 1990 สำหรับการสร้างหน้าเว็บ

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
และเพื่อให้เรามีอัศเจรีย์
ประเภทเอกสาร 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
ดังนั้นเช่นเดียวกับในซีและอื่น ๆ
การเขียนโปรแกรมภาษา

409
00:18:38,990 --> 00:18:43,169
HTML เพียงแค่เป็นภาษามาร์กอัป
จะมีความสามารถที่จะมีความคิดเห็น

410
00:18:43,169 --> 00:18:45,710
และดังนั้นฉันจะเห็นได้ชัดว่า
วางภาพของ Rick 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 ที่นี่
href ของฉันคือสวัสดีจุด 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
มี Rick 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
>> ฉันมีการเชื่อมโยงไปสวัสดีจุดที่ 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
โดยเฉพาะอย่างยิ่ง HTM​​L ของคุณ
ได้รับไฟล์ใหญ่และขนาดใหญ่

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