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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Oleh itu, kita menghabiskan
about-- jika matematik saya adalah betul,

3
00:00:08,790 --> 00:00:11,900
dan saya fikir mencari back-- saya fikir
kita membelanjakan kira-kira 35 video bercakap

4
00:00:11,900 --> 00:00:15,139
tentang pelbagai aspek C, mungkin
lebih sedikit, mungkin sedikit kurang.

5
00:00:15,139 --> 00:00:16,930
Dan kami tidak meliputi
segala-galanya dalam C, tetapi kita

6
00:00:16,930 --> 00:00:21,170
meliputi sebahagian besar daripada
bahasa, sebahagian besar daripadanya,

7
00:00:21,170 --> 00:00:22,882
pasti untuk kegunaan biasa.

8
00:00:22,882 --> 00:00:25,090
Sekarang kita akan bercakap
tentang bahasa lain, HTML.

9
00:00:25,090 --> 00:00:28,180
Dan kita akan meliputi
ia hanya dalam satu video.

10
00:00:28,180 --> 00:00:29,340
>> Tetapi itu akan menjadi OK.

11
00:00:29,340 --> 00:00:31,410
Yang akan benar-benar menjadi
sesuatu yang anda akan membiasakan diri.

12
00:00:31,410 --> 00:00:33,535
Sekarang bahawa anda mempunyai
asas-asas satu bahasa,

13
00:00:33,535 --> 00:00:35,776
ia sebenarnya agak mudah
untuk mula belajar orang lain.

14
00:00:35,776 --> 00:00:37,650
Oleh itu, kita akan mula
untuk melangkah belakang sedikit

15
00:00:37,650 --> 00:00:43,340
dan menyembunyikan asas
perbezaan di antara bahasa-bahasa ini

16
00:00:43,340 --> 00:00:45,750
dan jenis meninggalkan anda kepadanya.

17
00:00:45,750 --> 00:00:48,530
Ada banyak benar-benar hebat
sumber di internet, yang

18
00:00:48,530 --> 00:00:51,279
kita akan mula mengarahkan anda
arah kerana internet adalah

19
00:00:51,279 --> 00:00:53,340
repositori maklumat yang luas.

20
00:00:53,340 --> 00:00:55,960
Dan supaya ia tidak seperti yang anda akan
menjadi tewas semestinya

21
00:00:55,960 --> 00:00:58,349
dengan tidak mempunyai maklumat yang
dibincangkan dalam video.

22
00:00:58,349 --> 00:01:00,640
Anda masih boleh mendapatkan
semua yang anda perlukan dan penggunaan

23
00:01:00,640 --> 00:01:03,590
pengetahuan yang anda telah pun
dibina dengan memahami C

24
00:01:03,590 --> 00:01:07,130
untuk membuat keluk pembelajaran untuk ini
bahasa lain sebenarnya adalah lebih rata lot.

25
00:01:07,130 --> 00:01:08,640
Saya berjanji.

26
00:01:08,640 --> 00:01:12,770
>> Tetapi mari kita bercakap tentang satu bahasa
itu benar-benar asas untuk setiap web

27
00:01:12,770 --> 00:01:14,830
halaman, iaitu HTML.

28
00:01:14,830 --> 00:01:18,230
HTML adalah Hyper Text Markup Language.

29
00:01:18,230 --> 00:01:22,700
HTML adalah bahasa yang tetapi ia adalah
bukan bahasa pengaturcaraan.

30
00:01:22,700 --> 00:01:23,900
>> HTML tidak mempunyai pembolehubah.

31
00:01:23,900 --> 00:01:26,430
Ia tidak mempunyai logik atau
fungsi atau apa-apa seperti itu.

32
00:01:26,430 --> 00:01:30,301
Kita tidak boleh berbuat apa-apa
pengaturcaraan per se dalam HTML.

33
00:01:30,301 --> 00:01:32,300
Kadang-kadang anda akan mendengar
orang menggambarkan diri mereka

34
00:01:32,300 --> 00:01:35,710
sebagai pengaturcara HTML, yang
tidak sepenuhnya tepat.

35
00:01:35,710 --> 00:01:37,980
Kita tidak boleh menulis program HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML hanya digunakan untuk menandakan teks.

37
00:01:40,770 --> 00:01:42,690
Ia dipanggil bahasa markup.

38
00:01:42,690 --> 00:01:47,680
Dan apa ini does-- markup-- ini
kita menggunakan tag HTML dan tags-- ini

39
00:01:47,680 --> 00:01:51,600
ini markup-- semantik
mentakrifkan struktur halaman

40
00:01:51,600 --> 00:01:55,280
dan menyebabkan teks yang jelas bahawa
wujud di antara tag untuk ditafsirkan

41
00:01:55,280 --> 00:01:57,320
oleh pelayar dalam cara yang berbeza.

42
00:01:57,320 --> 00:02:00,370
Dan mungkin ia adalah yang terbaik untuk menerangkan
cara oleh ini ilustrasi.

43
00:02:00,370 --> 00:02:06,450
>> Berikut adalah halaman HTML sangat mudah, tidak
program HTML, sekali lagi, dalam halaman HTML.

44
00:02:06,450 --> 00:02:08,680
Dan kita tahu ia adalah satu
Halaman HTML kerana kami telah

45
00:02:08,680 --> 00:02:11,480
disempadani segala-galanya dengan tag HTML.

46
00:02:11,480 --> 00:02:13,850
Jadi ini adalah apa tag HTML kelihatan seperti.

47
00:02:13,850 --> 00:02:15,870
Ia antara kurungan sudut.

48
00:02:15,870 --> 00:02:18,570
Dan perhatikan di bahagian atas kita ada
HTML dan di bahagian paling bawah,

49
00:02:18,570 --> 00:02:21,400
selepas kita telah melakukan apa yang
nampaknya banyak HTML yang lain,

50
00:02:21,400 --> 00:02:24,310
kita ada kurung sudut slash HTML.

51
00:02:24,310 --> 00:02:29,262
Jadi yang jenis adalah sempadan
antara apa yang HTML dan apa yang tidak.

52
00:02:29,262 --> 00:02:32,220
Dan sudah tentu, konvensional, hanya
kerana anda telah menulis semua program C anda

53
00:02:32,220 --> 00:02:35,300
dengan sambungan titik C,
semua fail HTML anda

54
00:02:35,300 --> 00:02:37,909
akan berakhir dengan sambungan HTML titik.

55
00:02:37,909 --> 00:02:39,200
Tetapi ada lagi berlaku di sini.

56
00:02:39,200 --> 00:02:40,658
Kami bukan sahaja mempunyai tag HTML.

57
00:02:40,658 --> 00:02:44,010
Kami nampaknya mempunyai ini
Perkara yang dipanggil tag kepala.

58
00:02:44,010 --> 00:02:46,010
Nah, OK, apa itu?

59
00:02:46,010 --> 00:02:48,550
>> Well mungkin ia adalah yang terbaik untuk
membezakan melalui sebuah badan,

60
00:02:48,550 --> 00:02:50,590
badan menjadi kandungan laman web.

61
00:02:50,590 --> 00:02:55,860
Jadi mungkin tag kepala mentakrifkan barangan
yang bukan dalam tetingkap penyemak imbas yang betul,

62
00:02:55,860 --> 00:02:59,410
tetapi entah bagaimana penting untuk kami
laman web yang diberikan dengan betul.

63
00:02:59,410 --> 00:03:02,490
Sebagai contoh, bahagian dalam
tag kepala kita mempunyai tag tajuk.

64
00:03:02,490 --> 00:03:05,500
>> Jadi tajuk yang dunia hello,
yang sebenarnya akan menjadi apa

65
00:03:05,500 --> 00:03:08,797
muncul dalam tab dalam Chrome
atau dalam safari atau Firefox--

66
00:03:08,797 --> 00:03:11,880
apa sahaja pelayar anda prefer-- itulah
apa yang akan muncul dalam tajuk.

67
00:03:11,880 --> 00:03:14,800
Dan sebelum tab ia akan menunjukkan
dalam tetingkap pelayar keseluruhan anda

68
00:03:14,800 --> 00:03:19,710
dan anda hanya boleh mempunyai satu halaman
membuka dalam tetingkap penyemak imbas pada satu masa.

69
00:03:19,710 --> 00:03:22,160
Jadi yang akan menjadi yang
tajuk halaman saya sehingga dalam tab

70
00:03:22,160 --> 00:03:24,600
atau bar tetingkap pelayar, hello dunia.

71
00:03:24,600 --> 00:03:28,611
Dan kemudian kandungan saya
Laman web akan menjadi dunia, hello.

72
00:03:28,611 --> 00:03:31,360
Oleh itu, mari kita lihat apa yang ada
Perkara seperti ini mungkin kelihatan seperti.

73
00:03:31,360 --> 00:03:33,210
Ini adalah halaman HTML yang agak mudah.

74
00:03:33,210 --> 00:03:35,970
Jadi saya di sini dalam IDE CS50 saya dan
Saya telah dizum dalam sedikit.

75
00:03:35,970 --> 00:03:38,290
Dan saya hanya akan
membuka hello dot HTML

76
00:03:38,290 --> 00:03:42,000
dan menunjukkan kepada anda bahawa ini adalah cukup banyak
kandungan halaman yang kita lihat sebelum ini.

77
00:03:42,000 --> 00:03:45,240
Mudah tag HTML, kepala saya,
tag tajuk, badan, dan sebagainya.

78
00:03:45,240 --> 00:03:47,320
Saya telah dilekukan menjadi bersih.

79
00:03:47,320 --> 00:03:51,530
>> Dan kemudian apa yang boleh saya lakukan pada saya
IDE hanya pratonton halaman.

80
00:03:51,530 --> 00:03:52,630
Dan kita pergi.

81
00:03:52,630 --> 00:03:56,070
Kandungan halaman saya adalah dunia,
hello, dan saya tidak melihat apa-apa

82
00:03:56,070 --> 00:03:58,500
dari tag kepala di sana.

83
00:03:58,500 --> 00:03:59,980
Ia hanya kandungan badan.

84
00:03:59,980 --> 00:04:00,780
Dunia, hello.

85
00:04:00,780 --> 00:04:03,700
Dan sekali lagi tubuh,
berkata, dunia, hello.

86
00:04:03,700 --> 00:04:06,160
Bahagian lain yang hilang.

87
00:04:06,160 --> 00:04:07,610
>> Jadi, itu benar-benar semua itu.

88
00:04:07,610 --> 00:04:11,370
Ini adalah asas halaman HTML sangat mudah.

89
00:04:11,370 --> 00:04:14,280
Sekarang saya telah dilekukan HTML saya untuk
menjadi benar-benar baik dan teratur,

90
00:04:14,280 --> 00:04:15,840
tetapi saya tidak benar-benar perlu.

91
00:04:15,840 --> 00:04:17,959
Saya boleh membuat ia kelihatan agak hodoh.

92
00:04:17,959 --> 00:04:19,467
Dan ini masih akan bekerja.

93
00:04:19,467 --> 00:04:21,050
Ini akan menjadi laman web yang sama yang tepat.

94
00:04:21,050 --> 00:04:23,100
Saya baru sahaja mendapat menghapuskan
semua ruang putih.

95
00:04:23,100 --> 00:04:24,820
>> Ternyata, ruang putih adalah data.

96
00:04:24,820 --> 00:04:28,540
Dan setelah kami menghantar data dari
Pengguna kepada penerima, dari pelayan

97
00:04:28,540 --> 00:04:30,670
kepada pelanggan, data kos wang.

98
00:04:30,670 --> 00:04:34,460
Dan supaya menghapuskan ruang kosong
sebenarnya adalah idea yang baik

99
00:04:34,460 --> 00:04:37,320
jika anda seseorang yang berkhidmat
sehingga banyak kandungan web.

100
00:04:37,320 --> 00:04:39,820
Ia adalah idea yang buruk jika anda
seseorang yang yang belajar barangan ini

101
00:04:39,820 --> 00:04:41,528
dan anda mahu mempunyai
ia baik yang dianjurkan.

102
00:04:41,528 --> 00:04:43,810
Ini adalah lebih mudah untuk menghuraikan daripada ini.

103
00:04:43,810 --> 00:04:45,540
Tetapi ia adalah fungsi yang serupa.

104
00:04:45,540 --> 00:04:48,720
>> Lekukan dan barangan seperti itu
sebenarnya tidak kira dalam HTML.

105
00:04:48,720 --> 00:04:53,634
Apa yang penting ialah tag membuka dan
menutup tag dalam susunan yang betul.

106
00:04:53,634 --> 00:04:55,050
Perhatikan apa yang berlaku di sini, walaupun.

107
00:04:55,050 --> 00:04:58,450
Markup ini memberikan kita satu cara untuk
menyampaikan maklumat tambahan

108
00:04:58,450 --> 00:04:59,940
tentang apa yang kita tulis.

109
00:04:59,940 --> 00:05:03,130
Bahagian Hello, Dunia adalah
ditafsirkan sebagai tajuk.

110
00:05:03,130 --> 00:05:06,410
Dan dunia ini, hello bahagian adalah
ditafsirkan sebagai kandungan

111
00:05:06,410 --> 00:05:09,090
atau apa yang sepatutnya menjadi
boleh dilihat di laman web saya.

112
00:05:09,090 --> 00:05:12,167
>> Terdapat lebih daripada 100 ini yang berbeza
tag dan banyak sumber yang besar

113
00:05:12,167 --> 00:05:13,000
dalam talian untuk mencari mereka.

114
00:05:13,000 --> 00:05:14,900
Kita akan bercakap tentang
beberapa daripada mereka dalam video ini, beberapa

115
00:05:14,900 --> 00:05:16,440
barangan yang benar-benar asas.

116
00:05:16,440 --> 00:05:18,440
Tetapi kita tidak akan bercakap
tentang itu semua kerana ia

117
00:05:18,440 --> 00:05:20,250
akan menjadi menyeluruh untuk berbuat demikian.

118
00:05:20,250 --> 00:05:22,880
>> Satu lagi perkara yang anda boleh lakukan, walaupun,
adalah membuka alat pemaju.

119
00:05:22,880 --> 00:05:26,069
Dan jika anda ingat dari
video kami pada HTTP,

120
00:05:26,069 --> 00:05:27,860
Saya menjelaskan bagaimana untuk membuka
sehingga alat pemaju.

121
00:05:27,860 --> 00:05:32,020
Dalam Chrome ia biasanya utama F12
untuk membuka bar alat pemaju.

122
00:05:32,020 --> 00:05:35,909
Ketika itu dan bukannya memilih Rangkaian
tab, anda boleh memilih tab Elemen ini.

123
00:05:35,909 --> 00:05:37,700
Dan jika anda memuatkan web yang
halaman, anda akan benar-benar

124
00:05:37,700 --> 00:05:40,280
melihat HTML yang mencipta laman web itu.

125
00:05:40,280 --> 00:05:44,090
Dan supaya anda boleh belajar banyak perkara mengenai HTML
dengan melihat laman web kegemaran anda

126
00:05:44,090 --> 00:05:48,474
dan melihat bagaimana mereka membina
pelbagai potongan daripada mereka yang anda suka.

127
00:05:48,474 --> 00:05:50,890
Jadi mungkin ada sejuk
corak atau sesuatu seperti itu.

128
00:05:50,890 --> 00:05:52,140
Bagaimana mereka membuat ia dengan HTML?

129
00:05:52,140 --> 00:05:55,630
Baik anda hanya boleh membuka pemaju anda
alat dan berlegar lebih elemen yang

130
00:05:55,630 --> 00:05:57,700
dan melihat dengan jelas apa HTML menjadikannya.

131
00:05:57,700 --> 00:05:59,450
Jadi itulah yang benar-benar
cara yang baik untuk belajar HTML,

132
00:05:59,450 --> 00:06:02,330
dan saya amat menggalakkan
anda melakukannya kedua-dua untuk belajar HTML

133
00:06:02,330 --> 00:06:04,930
dan juga untuk belajar sedikit
sedikit mengenai beberapa pilihan

134
00:06:04,930 --> 00:06:07,050
disediakan untuk anda dalam
alat pemaju, yang

135
00:06:07,050 --> 00:06:10,200
pasti akan sangat berguna sebagai
anda mula melakukan web yang lebih intensif

136
00:06:10,200 --> 00:06:11,090
pengaturcaraan.

137
00:06:11,090 --> 00:06:14,080
>> Jadi mari kita lihat pada
beberapa tag HTML biasa.

138
00:06:14,080 --> 00:06:17,210
Dan kita akan melompat dan kita lihat pada
apa tag ini juga akan menyebabkan

139
00:06:17,210 --> 00:06:20,490
kerana dengan melihat beberapa fail dalam IDE saya.

140
00:06:20,490 --> 00:06:26,330
Jadi di sini adalah tiga tag yang sangat asas untuk
Tweaker penampilan visual teks.

141
00:06:26,330 --> 00:06:29,050
Ada tag B, saya tag, dan tag U.

142
00:06:29,050 --> 00:06:33,170
Dan masing-masing apa yang mereka lakukan adalah
menyebabkan teks di antara mereka yang berani,

143
00:06:33,170 --> 00:06:35,430
italik dan garis bawah.

144
00:06:35,430 --> 00:06:40,430
Jadi mari kita lihat apa yang akan kelihatan
seperti pada laman web sebenar dalam IDE saya.

145
00:06:40,430 --> 00:06:43,390
>> Jadi di sini dalam IDE saya, saya mempunyai
fail dipanggil BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML hanya menjadi
tebal, italik, menekankan.

147
00:06:46,770 --> 00:06:47,830
Saya akan membukanya.

148
00:06:47,830 --> 00:06:51,810
>> Dan kita akan melihat bahawa di sini Saya
mempunyai teks ini adalah tag B berani.

149
00:06:51,810 --> 00:06:54,010
Teks ini adalah tag saya italik.

150
00:06:54,010 --> 00:06:56,307
Dan teks ini adalah tag U bergaris bawah.

151
00:06:56,307 --> 00:06:57,640
Apakah ini akan kelihatan seperti?

152
00:06:57,640 --> 00:06:59,473
Baik lagi, semua saya mempunyai
lakukan adalah pergi ke sini

153
00:06:59,473 --> 00:07:04,690
untuk pelayar saya, pelayar fail saya, klik
Preview, dan ini adalah apa yang datang.

154
00:07:04,690 --> 00:07:07,520
>> Teks dalam antara B
tag memang sekarang berani.

155
00:07:07,520 --> 00:07:10,720
Teks dalam antara I
tag memang sekarang italik.

156
00:07:10,720 --> 00:07:14,634
Dan teks di antara U
tag memang sekarang bergaris bawah.

157
00:07:14,634 --> 00:07:15,550
Jadi, itu cukup baik.

158
00:07:15,550 --> 00:07:18,450
Kini kita tahu bagaimana untuk membuat teks
kelihatan mewah yang lebih sedikit

159
00:07:18,450 --> 00:07:20,360
atau menarik perhatian kepada perkara-perkara tertentu.

160
00:07:20,360 --> 00:07:25,530
Satu lagi beberapa tag biasa di sini adalah
tag perenggan, tag P, dan header,

161
00:07:25,530 --> 00:07:27,980
yang saya telah dicatatkan di sini sebagai HX.

162
00:07:27,980 --> 00:07:32,520
>> Tag P, tag perenggan,
memecahkan teks anda ke dalam perenggan.

163
00:07:32,520 --> 00:07:34,646
Ia tidak cukup untuk hanya
tekan Enter dan meninggalkan ruang,

164
00:07:34,646 --> 00:07:37,186
kerana komputer hanya akan
untuk melakukan apa yang anda beritahu kepada melakukan

165
00:07:37,186 --> 00:07:39,450
dan ia mengabaikan putih
ruang untuk sebahagian besar.

166
00:07:39,450 --> 00:07:41,636
Oleh itu, kita tidak boleh hanya melanda Masukkan
dan mengharapkan komputer kita

167
00:07:41,636 --> 00:07:43,760
mentafsirkan bahawa kita mahu
untuk memulakan perenggan baru.

168
00:07:43,760 --> 00:07:47,670
Kita perlu mengatakan sangat jelas ini
adalah salah paragraph-- ini adalah another--

169
00:07:47,670 --> 00:07:50,740
dengan melampirkan setiap satu dalam satu set P tag.

170
00:07:50,740 --> 00:07:54,560
>> Dan kami juga mempunyai pilihan ini
untuk tag H, tag header.

171
00:07:54,560 --> 00:07:57,000
Kami mempunyai enam tahap yang berbeza
pengepala, satu, dua, tiga,

172
00:07:57,000 --> 00:08:01,110
empat, lima dan enam, yang
semakin besar dan lebih besar

173
00:08:01,110 --> 00:08:01,710
tajuk.

174
00:08:01,710 --> 00:08:04,360
Dan mereka mendapatkan lebih kecil dan
yang lebih kecil dan lebih kecil dan lebih kecil.

175
00:08:04,360 --> 00:08:07,690
Jadi kita mempunyai tandukan peringkat tertinggi, yang kedua
header peringkat, dan sebagainya, dan sebagainya.

176
00:08:07,690 --> 00:08:10,480
>> Mari kita lihat mungkin beberapa
Tag P dan beberapa tag header

177
00:08:10,480 --> 00:08:13,110
dalam tindakan pada laman web.

178
00:08:13,110 --> 00:08:18,180
Jadi di sini dalam IDE saya Saya mempunyai fail yang dipanggil
PH dot HTML, PH menjadi perenggan

179
00:08:18,180 --> 00:08:18,970
dan tag header.

180
00:08:18,970 --> 00:08:20,709
Buka bahawa sehingga.

181
00:08:20,709 --> 00:08:23,000
Ada banyak berlaku di sini
kerana saya telah meletakkan beberapa lorem

182
00:08:23,000 --> 00:08:24,660
Mayon, beberapa teks hanya rawak di sini.

183
00:08:24,660 --> 00:08:27,284
Jadi saya akan zum keluar sedikit
kerana terdapat begitu banyak berlaku.

184
00:08:27,284 --> 00:08:31,980
Tetapi notis bahawa saya mempunyai sekurang-
atas di sini saya mempunyai H1, tahap satu,

185
00:08:31,980 --> 00:08:32,802
tag header.

186
00:08:32,802 --> 00:08:36,010
Kemudian saya mempunyai perenggan, yang hanya
sekumpulan text-- lorem rawak ipsum--

187
00:08:36,010 --> 00:08:38,720
hanya lalai pengisian standard dalam teks.

188
00:08:38,720 --> 00:08:41,970
Jadi saya mempunyai dua perenggan di dalam yang
tahap satu header dan kemudian turun di bawah saya

189
00:08:41,970 --> 00:08:46,850
mempunyai tajuk tahap dua di sini pada baris 24,
tandukan tahap kedua, dan dua lagi

190
00:08:46,850 --> 00:08:47,840
perenggan.

191
00:08:47,840 --> 00:08:51,910
Nah apakah ini kelihatan seperti
jika saya melihatnya dalam pratonton saya?

192
00:08:51,910 --> 00:08:53,790
Mari kita lihat.

193
00:08:53,790 --> 00:08:55,730
>> Jadi notis bahawa
header tahap pertama di sini

194
00:08:55,730 --> 00:08:58,420
sebenarnya agak sedikit lebih besar
daripada tajuk tahap kedua.

195
00:08:58,420 --> 00:08:59,940
Oleh itu, kita digunakan tag H1.

196
00:08:59,940 --> 00:09:03,820
Dan perhatikan bahawa tag P membolehkan kita
untuk memecahkan perkara-perkara ke dalam perenggan.

197
00:09:03,820 --> 00:09:07,500
Jika kita telah mendapat menghapuskan tag tersebut P
dan benar-benar hanya meletakkan Masuk atau Pulangan

198
00:09:07,500 --> 00:09:10,110
di antara apa yang kita berharap akan
menjadi perenggan yang berbeza,

199
00:09:10,110 --> 00:09:13,193
mereka akan semua hanya slam bersama-sama dan
ia tidak akan mempunyai perenggan ini bagus

200
00:09:13,193 --> 00:09:15,840
pemisahan dengan ruang atas dan bawah.

201
00:09:15,840 --> 00:09:18,300
Dan sebagainya itulah yang perenggan
tag dan tag header

202
00:09:18,300 --> 00:09:22,440
biasanya digunakan untuk melakukan untuk menarik
perhatian ke bahagian atas laman web kami

203
00:09:22,440 --> 00:09:23,550
dengan cara itu.

204
00:09:23,550 --> 00:09:27,560
>> Sehingga datang adalah beberapa tag yang kita gunakan
untuk membina senarai di laman web kami.

205
00:09:27,560 --> 00:09:30,820
Jadi kita mempunyai tidak tertib
lists-- ULs-- yang hanya

206
00:09:30,820 --> 00:09:34,090
senarai berbulet, mengarahkan
senarai yang numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- dan di dalam mana-mana satu
salah seorang daripada mereka, kita perlu mempunyai

208
00:09:37,680 --> 00:09:40,600
set bagaimana untuk menunjukkan item senarai, LI.

209
00:09:40,600 --> 00:09:44,370
Dan dengan itu kita telah buka UL tag
dan kami meletakkan barang-barang di dalamnya.

210
00:09:44,370 --> 00:09:46,920
Dan kemudian apabila kita sudah selesai dengan
itu, kita boleh menutup tag UL.

211
00:09:46,920 --> 00:09:49,850
>> Begitu juga kita boleh mempunyai
senarai tertib tidak terbilang

212
00:09:49,850 --> 00:09:51,560
dan meletakkan barang-barang di dalam senarai itu.

213
00:09:51,560 --> 00:09:53,350
Jadi mari kita lihat
di beberapa senarai

214
00:09:53,350 --> 00:09:57,230
dan apa yang mereka akan
membuat sebagai pada CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Oleh itu, saya ada di dalam IDE saya yang
fail dipanggil senarai dot HTML.

216
00:10:00,640 --> 00:10:03,100
Mari kita lihat.

217
00:10:03,100 --> 00:10:08,482
>> Dan notis di sini saya mempunyai tidak tertib
senarai dengan lima perkara di dalamnya.

218
00:10:08,482 --> 00:10:11,440
Dan kemudian saya mempunyai senarai yang diperintahkan, dan
Saya telah mengubah tag yang sedikit,

219
00:10:11,440 --> 00:10:11,939
bukan?

220
00:10:11,939 --> 00:10:13,152
Saya telah berkata permulaan sama dengan enam.

221
00:10:13,152 --> 00:10:16,110
Ternyata dengan senarai mengarahkan saya
boleh menetapkan titik permulaan di mana sahaja

222
00:10:16,110 --> 00:10:20,130
Saya want-- secara lalai ia akan menjadi one--
dengan hanya menambah apa yang dipanggil sifat

223
00:10:20,130 --> 00:10:21,190
tag OL saya.

224
00:10:21,190 --> 00:10:23,572
Dan supaya senarai ini akan
mula mengira pada enam.

225
00:10:23,572 --> 00:10:26,780
Oleh itu, unsur-unsur yang senarai bernombor
harus enam, tujuh, lapan, sembilan, sepuluh,

226
00:10:26,780 --> 00:10:29,930
kerana terdapat lima elemen
dalam senarai, yang bertentangan dengan satu,

227
00:10:29,930 --> 00:10:33,770
dua, tiga, empat, lima, yang
akan berlaku jika saya katakan OL

228
00:10:33,770 --> 00:10:36,730
tanpa menyatakan sifat permulaan.

229
00:10:36,730 --> 00:10:41,594
>> Oleh itu, kita hanya akan pratonton ini supaya anda boleh
mendapatkan rasa untuk apa yang berlaku di sini.

230
00:10:41,594 --> 00:10:42,260
Dan kita pergi.

231
00:10:42,260 --> 00:10:44,610
Ada senarai saya.

232
00:10:44,610 --> 00:10:47,810
Yang pertama lima elemen
senarai tidak tertib atau berbulet.

233
00:10:47,810 --> 00:10:51,010
Dan lima elemen yang akan datang
adalah senarai mengarahkan berasingan

234
00:10:51,010 --> 00:10:52,980
bermula dari enam.

235
00:10:52,980 --> 00:10:56,247
Jadi itulah bagaimana kita boleh
membina senarai menggunakan HTML.

236
00:10:56,247 --> 00:10:58,080
Satu lagi perkara yang anda mungkin
mahu lakukan dengan HTML

237
00:10:58,080 --> 00:11:01,520
adalah membina jadual
maklumat baris dan lajur

238
00:11:01,520 --> 00:11:04,560
untuk membentangkan maklumat dalam
terutamanya yang dianjurkan cara.

239
00:11:04,560 --> 00:11:09,110
Untuk melakukan ini dengan HTML kita boleh mempunyai
definisi meja bermula kurungan terbuka

240
00:11:09,110 --> 00:11:10,160
meja.

241
00:11:10,160 --> 00:11:14,680
Dan kemudian di dalam jadual yang kita
mungkin mempunyai satu set baris, tag TR

242
00:11:14,680 --> 00:11:15,980
untuk menunjukkan setiap baris.

243
00:11:15,980 --> 00:11:22,510
Dan kemudian tag TD masuk ke dalam tag TR
untuk menentukan lajur dalam berturut-turut.

244
00:11:22,510 --> 00:11:24,340
>> Mengapa ia dipanggil TD dan tidak TC?

245
00:11:24,340 --> 00:11:25,940
Nah, TD bermaksud data jadual.

246
00:11:25,940 --> 00:11:27,900
Biasanya anda meletakkan
maklumat anda di sana.

247
00:11:27,900 --> 00:11:29,440
Jadi itulah sebabnya ia TD dan tidak TC.

248
00:11:29,440 --> 00:11:31,140
Ia adalah sedikit mengelirukan.

249
00:11:31,140 --> 00:11:33,720
>> Jadi, anda perlu tag meja dan
dalam tag meja anda

250
00:11:33,720 --> 00:11:35,600
anda mempunyai beberapa baris, TRs.

251
00:11:35,600 --> 00:11:40,030
Dan di dalam setiap baris anda mempunyai
TDS untuk bilangan lajur

252
00:11:40,030 --> 00:11:42,880
yang anda mahu mempunyai
berturut-turut tersebut.

253
00:11:42,880 --> 00:11:47,730
Mari kita lihat pada yang sangat
jadual yang mudah alih pada CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Oleh itu, saya ada di fail
dipanggil jadual dot HTML.

255
00:11:49,730 --> 00:11:53,390
Mari kita lihat pada
apa yang kelihatan seperti.

256
00:11:53,390 --> 00:11:56,225
Ada banyak berlaku di sini tetapi
jika anda mendapati saya mempunyai jadual terbuka.

257
00:11:56,225 --> 00:11:57,850
Saya mula definisi dengan meja.

258
00:11:57,850 --> 00:12:02,100
Kemudian berturut-turut pertama saya saya nampaknya
mempunyai empat tiang, satu, dua, tiga,

259
00:12:02,100 --> 00:12:02,660
empat.

260
00:12:02,660 --> 00:12:04,290
Dan kemudian saya selesai dengan baris tersebut.

261
00:12:04,290 --> 00:12:07,750
>> Kemudian saya mula baris lain dan
melakukan dua, empat, enam, lapan.

262
00:12:07,750 --> 00:12:08,850
Menyelesaikan baris tersebut.

263
00:12:08,850 --> 00:12:11,410
Adakah baris lain, tiga, enam, sembilan, 12.

264
00:12:11,410 --> 00:12:14,830
Kemudian berturut-turut lepas, empat,
lapan, 12, dan walaupun ia

265
00:12:14,830 --> 00:12:16,560
sedikit memotong sini, 16.

266
00:12:16,560 --> 00:12:17,710
>> Saya selesai baris tersebut.

267
00:12:17,710 --> 00:12:18,970
Saya selesai meja.

268
00:12:18,970 --> 00:12:21,430
Dan kemudian saya selesai dengan HTML saya.

269
00:12:21,430 --> 00:12:22,590
Apakah ini kelihatan seperti?

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

271
00:12:26,014 --> 00:12:27,430
Nah, ia tidak benar-benar banyak untuk dilihat.

272
00:12:27,430 --> 00:12:31,690
Saya telah jelas dianjurkan maklumat saya
dengan cara yang agak lebih teratur.

273
00:12:31,690 --> 00:12:33,755
Tetapi ia bukan super cantik di sini.

274
00:12:33,755 --> 00:12:36,130
Dan kita akan berurusan dengan
bahawa apabila kita bercakap mengenai CSS.

275
00:12:36,130 --> 00:12:38,930
Kami akan mengkaji semula idea ini
apa yang kita lakukan untuk membuat table-- yang

276
00:12:38,930 --> 00:12:41,260
mungkin memformat ia sedikit lebih baik?

277
00:12:41,260 --> 00:12:45,070
Tetapi saya masih mempunyai empat baris,
setiap yang mempunyai empat tiang,

278
00:12:45,070 --> 00:12:48,890
dan benar-benar apa jumlah ini adalah
sangat mudah empat oleh empat pendaraban

279
00:12:48,890 --> 00:12:49,870
meja.

280
00:12:49,870 --> 00:12:51,690
>> Hanya beberapa tag kita akan bercakap tentang.

281
00:12:51,690 --> 00:12:54,617
Mari kita bercakap tentang
konsep bentuk HTML.

282
00:12:54,617 --> 00:12:57,450
Jadi, anda mungkin telah melihat ini dalam
konteks log masuk ke dalam laman web.

283
00:12:57,450 --> 00:12:59,100
Biasanya anda menaip nama pengguna anda.

284
00:12:59,100 --> 00:13:01,510
Anda menaip kata laluan anda,
dan anda baik untuk pergi.

285
00:13:01,510 --> 00:13:04,170
Yang akan menjadi permulaan borang.

286
00:13:04,170 --> 00:13:05,420
>> Lompat atas div saat.

287
00:13:05,420 --> 00:13:07,987
Kami juga mempunyai input yang
jenis dimuatkan di dalam bentuk.

288
00:13:07,987 --> 00:13:10,320
Ini adalah unsur-unsur yang
anda sebenarnya menaip ke dalam,

289
00:13:10,320 --> 00:13:12,580
atau butang radio anda
berdetik, atau cek

290
00:13:12,580 --> 00:13:14,310
kotak yang anda berdetik di luar.

291
00:13:14,310 --> 00:13:15,770
Jadi ini masuk ke dalam bentuk.

292
00:13:15,770 --> 00:13:18,500
Mereka terdiri daripada dasarnya
setiap baris dalam bentuk

293
00:13:18,500 --> 00:13:19,887
jika borang anda diformat juga.

294
00:13:19,887 --> 00:13:22,220
Kemudian ada konsep
div, yang tidak benar-benar

295
00:13:22,220 --> 00:13:25,060
dimuatkan di dalam mana-mana kategori tertentu
tag seperti yang saya telah

296
00:13:25,060 --> 00:13:26,170
telah lakukan sebelum ini.

297
00:13:26,170 --> 00:13:29,790
Ia hanya jenis demarcates yang
bermula beberapa division-- sewenang-wenangnya

298
00:13:29,790 --> 00:13:31,670
div-- halaman.

299
00:13:31,670 --> 00:13:33,210
Tidak ada rehat dengar.

300
00:13:33,210 --> 00:13:34,800
Tidak ada garis.

301
00:13:34,800 --> 00:13:37,180
Ia tidak ditolak sebagai
sebahagian berasingan secara automatik.

302
00:13:37,180 --> 00:13:39,430
Anda harus gaya ia
cara itu untuk berbuat demikian.

303
00:13:39,430 --> 00:13:42,110
>> Ia hanya jenis kata saya mahu
bahagian ruang di laman web saya,

304
00:13:42,110 --> 00:13:45,190
dan saya hanya akan memanggil
ia bahagian ini laman saya.

305
00:13:45,190 --> 00:13:47,619
Kita boleh meletakkan barangan di dalam
daripada divs, dan sebenarnya,

306
00:13:47,619 --> 00:13:49,410
apabila kita menuju ke
IDE dalam kedua, kita akan

307
00:13:49,410 --> 00:13:53,760
melihat bahawa saya meletakkan saya
terbentuk di dalam div a.

308
00:13:53,760 --> 00:13:57,050
>> Oleh itu, saya ada di dalam IDE saya yang
fail dipanggil div bentuk dot HTML.

309
00:13:57,050 --> 00:13:59,260
Mari kita membukanya.

310
00:13:59,260 --> 00:14:01,460
Perhatikan bahawa seperti saya katakan,
div adalah jenis sewenang-wenangnya.

311
00:14:01,460 --> 00:14:01,640
Betul?

312
00:14:01,640 --> 00:14:02,973
Ia tidak benar-benar bermakna apa-apa.

313
00:14:02,973 --> 00:14:05,140
Jadi saya mempunyai yang sewenang-wenangnya
Bahagian pertama dari laman saya.

314
00:14:05,140 --> 00:14:07,848
Dan ketika itu dan bukannya div lain
di kemudian hari, bermula pada baris lapan,

315
00:14:07,848 --> 00:14:08,730
Saya mempunyai borang ini.

316
00:14:08,730 --> 00:14:13,594
Dan di dalam borang yang saya mempunyai
beberapa input, medan borang.

317
00:14:13,594 --> 00:14:16,510
Jadi saya mempunyai medan yang namanya A--
yang tidak benar-benar bermakna apa-apa

318
00:14:16,510 --> 00:14:19,350
sekarang-- hak yang nampaknya
mengambil teks, dan perasaan yang terdapat

319
00:14:19,350 --> 00:14:22,630
mengambil kata laluan, satu lagi itu adalah satu Radio
butang, satu lagi itu adalah satu kotak semak,

320
00:14:22,630 --> 00:14:24,797
dan satu lagi itu adalah satu butang Submit.

321
00:14:24,797 --> 00:14:26,630
Nah, apakah ini
semua sebenarnya kelihatan seperti?

322
00:14:26,630 --> 00:14:27,629
Nah, mari kita lihat.

323
00:14:27,629 --> 00:14:31,010
Kami akan membukanya dalam tetingkap pratonton kami.

324
00:14:31,010 --> 00:14:33,557
Perhatikan bahawa ini sewenang-wenangnya
pertama division-- ada

325
00:14:33,557 --> 00:14:34,640
ada pemisahan visual di sini.

326
00:14:34,640 --> 00:14:37,150
Ia tidak benar-benar berbuat apa-apa, kan?

327
00:14:37,150 --> 00:14:38,220
>> Dan kemudian saya mempunyai bentuk saya.

328
00:14:38,220 --> 00:14:39,890
Dan saya tidak melakukan apa-apa pemformatan khas.

329
00:14:39,890 --> 00:14:42,680
Jadi bentuk itu hanyalah satu
berturut-turut besar maklumat.

330
00:14:42,680 --> 00:14:46,424
Jika saya telah diformat borang saya berbeza,
Saya mungkin mempunyai ia baris demi baris demi baris.

331
00:14:46,424 --> 00:14:47,590
Tetapi saya tidak melakukan apa-apa gaya.

332
00:14:47,590 --> 00:14:49,256
Sekali lagi, kita tidak bercakap mengenai CSS di sini.

333
00:14:49,256 --> 00:14:51,030
Kami hanya bercakap mengenai HTML.

334
00:14:51,030 --> 00:14:53,980
>> Baik dalam bentuk teks, saya boleh type--
ingat bahawa bentuk jenis teks

335
00:14:53,980 --> 00:14:55,480
jadi saya boleh meletakkan nama saya.

336
00:14:55,480 --> 00:14:57,330
Dan dalam kata laluan kepada saya Saya
boleh menaip kata laluan saya.

337
00:14:57,330 --> 00:14:59,740
Dan kerana bidang itu
adalah kata laluan jenis,

338
00:14:59,740 --> 00:15:01,470
anda tidak tahu apa kata laluan saya.

339
00:15:01,470 --> 00:15:02,800
Itu semua titik.

340
00:15:02,800 --> 00:15:09,140
>> Saya juga boleh memilih untuk menandakan satu
butang radio atau menandakan kotak semak.

341
00:15:09,140 --> 00:15:10,420
Atau saya boleh hantar borang saya.

342
00:15:10,420 --> 00:15:11,810
Dan saya tidak berbuat apa-apa,
jadi apabila saya menghantar borang saya,

343
00:15:11,810 --> 00:15:13,090
halaman yang hanya menyegarkan.

344
00:15:13,090 --> 00:15:16,970
Tetapi saya mungkin boleh mengkonfigurasi saya
Klik butang untuk melakukan sesuatu yang lain.

345
00:15:16,970 --> 00:15:20,410
Dan kita akan lihat apa yang boleh kita lakukan dengan
bahawa dalam video masa depan dalam PHP.

346
00:15:20,410 --> 00:15:22,520
Tetapi ini membina yang sangat
bentuk mudah yang kita

347
00:15:22,520 --> 00:15:27,360
boleh gunakan untuk mempunyai pengguna berinteraksi dan
menyerahkan maklumat kepada laman web kami.

348
00:15:27,360 --> 00:15:29,620
>> Satu komen terakhir sebelum kita
bergerak ke beberapa tag lain

349
00:15:29,620 --> 00:15:32,040
adalah untuk mengambil lihat ini
tag input sekali lagi.

350
00:15:32,040 --> 00:15:35,760
Notis bahawa saya telah menekankan
hujung tag merah.

351
00:15:35,760 --> 00:15:39,390
Setiap tag lain yang kita lihat setakat ini mempunyai
mempunyai permulaan dan akhir, pembukaan

352
00:15:39,390 --> 00:15:41,030
tag dan tag penutup.

353
00:15:41,030 --> 00:15:42,520
>> Tetapi tag input tidak.

354
00:15:42,520 --> 00:15:46,860
Tiada teks yang masuk
di antara tag input.

355
00:15:46,860 --> 00:15:49,160
Semua maklumat yang
kami berhasrat untuk menyampaikan

356
00:15:49,160 --> 00:15:52,640
melekat sebagai sebahagian daripada
sifat-sifat input itu.

357
00:15:52,640 --> 00:15:54,690
Perhatikan kita mempunyai nama input sama x.

358
00:15:54,690 --> 00:15:55,580
Jenis sama dengan y.

359
00:15:55,580 --> 00:15:57,660
Itu benar-benar semua
Maklumat yang kami perlukan.

360
00:15:57,660 --> 00:15:59,470
>> Ini dipanggil tag penutup diri.

361
00:15:59,470 --> 00:16:02,470
Ia tidak memerlukan pembukaan dan
rapat kerana semua maklumat yang

362
00:16:02,470 --> 00:16:04,974
terkandung di dalam
tag dan sifat-sifatnya.

363
00:16:04,974 --> 00:16:06,390
Jadi kadang-kadang anda akan melihat ini juga.

364
00:16:06,390 --> 00:16:10,400
Jadi anda perlu ingat bahawa jika anda mempunyai
tag yang sepenuhnya serba lengkap,

365
00:16:10,400 --> 00:16:14,170
ia membuka dan menutup dirinya dengan
kurungan sudut terbuka di sebelah kiri

366
00:16:14,170 --> 00:16:17,000
dan sudut slash
kurungan di sebelah kanan.

367
00:16:17,000 --> 00:16:20,580
Kami akan melihat satu lagi salah seorang daripada mereka
sekarang atau klik gambar juga.

368
00:16:20,580 --> 00:16:23,300
>> Sebelum kita bercakap mengenai imej, kami
perlu bercakap tentang hiperpautan.

369
00:16:23,300 --> 00:16:26,080
Jika kita mahu laman web kami untuk menjadi
interaktif dan menggerakkan kita di sekeliling,

370
00:16:26,080 --> 00:16:28,121
ia akan lebih baik dapat
klik pada salah satu daripada

371
00:16:28,121 --> 00:16:30,190
apa yang biasanya menjadi pautan biru.

372
00:16:30,190 --> 00:16:34,440
Ini sebenarnya adalah bagaimana kita membina
hyperlink di laman web kami.

373
00:16:34,440 --> 00:16:36,540
Dan yang menariknya
terdapat satu lagi tag HTML

374
00:16:36,540 --> 00:16:39,000
dipanggil pautan, yang tidak hyperlink.

375
00:16:39,000 --> 00:16:44,130
A di sini bermaksud utama, dan
itulah bagaimana kita menunjukkan hyperlink.

376
00:16:44,130 --> 00:16:49,150
>> Href A sama x cara pergi ke
web page X. Dan segala-galanya

377
00:16:49,150 --> 00:16:51,580
antara terbuka tag A
Dan akhir tag A

378
00:16:51,580 --> 00:16:56,010
adalah apa yang akan menjadi yang digariskan
teks biru yang kelihatan seperti pautan

379
00:16:56,010 --> 00:16:57,590
yang kita sudah biasa dengan.

380
00:16:57,590 --> 00:17:01,660
Di bawah bahawa kita mempunyai tag imej, yang
adalah diri yang menutup tag untuk memaparkan

381
00:17:01,660 --> 00:17:05,599
imej yang terletak di X. Dan
anda mungkin dapat mengubah

382
00:17:05,599 --> 00:17:08,280
imej yang dengan menentukan
lebar dan tinggi

383
00:17:08,280 --> 00:17:11,640
dan sifat-sifat lain dalam
yang dot dot dot sana.

384
00:17:11,640 --> 00:17:14,260
>> Di bahagian paling bawah di sini
kita mempunyai sangat menarik

385
00:17:14,260 --> 00:17:16,170
mencari tag yang tidak
mempunyai tag penutup.

386
00:17:16,170 --> 00:17:19,410
Ia seru titik DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Jadi HTML telah wujud sejak
awal 1990-an untuk membina laman web,

388
00:17:23,300 --> 00:17:25,859
dan ia pergi menjalani
beberapa semakan sejak itu.

389
00:17:25,859 --> 00:17:28,550
Baru-baru ini pada tahun 2014
ia menjalani semakan

390
00:17:28,550 --> 00:17:33,440
dipanggil HTML5 yang kini semasa
semacam de facto standard HTML.

391
00:17:33,440 --> 00:17:36,730
>> Untuk menunjukkan bahawa kita
halaman yang bertulis menggunakan HTML5,

392
00:17:36,730 --> 00:17:38,160
ini adalah bagaimana kita mulakan.

393
00:17:38,160 --> 00:17:40,380
Ia boleh ditinggalkan tetapi
apa yang pada dasarnya

394
00:17:40,380 --> 00:17:45,930
cara adalah anda tidak boleh menggunakan mana-mana tag
yang tag HTML5, tag tersebut baru.

395
00:17:45,930 --> 00:17:48,591
Oleh itu, kita sentiasa bermula
jika kita menggunakan HTML5.

396
00:17:48,591 --> 00:17:51,340
Dan semua tanda kita telah bercakap tentang
sebelum ini tidak tag HTML5.

397
00:17:51,340 --> 00:17:55,470
Tetapi ini akan menunjukkan bahawa
Tag HTML5 akan hadir.

398
00:17:55,470 --> 00:17:58,400
Dan dengan itu kita mempunyai tanda seru
DOCTYPE HTML, yang

399
00:17:58,400 --> 00:18:01,280
pada awal-awal kami
Fail HTML, dan kemudian selepas titik itu

400
00:18:01,280 --> 00:18:04,930
kita sebenarnya mempunyai HTML kami terbuka
tag dan teruskan dari sana.

401
00:18:04,930 --> 00:18:10,050
>> Yang terakhir adalah tag komen,
yang kelihatan sedikit berbeza, juga.

402
00:18:10,050 --> 00:18:12,810
Ia bermula dengan sudut
kurungan seru dash

403
00:18:12,810 --> 00:18:15,220
dash tetapi tiada kurungan penutup.

404
00:18:15,220 --> 00:18:20,150
Di antara kedua-dua elemen terdapat
adalah di mana anda menulis komen anda.

405
00:18:20,150 --> 00:18:28,420
Dan mari kita lihat pada imej
dan komen dan pautan dalam CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Oleh itu, saya ada di pautan imej fail yang dipanggil
dot HTML yang saya akan membuka.

407
00:18:32,850 --> 00:18:36,420
Dan notis saya telah mendapat beberapa
Komen di sini dalam komen HTML saya.

408
00:18:36,420 --> 00:18:38,990
Jadi hanya seperti dalam C dan lain-lain
bahasa pengaturcaraan,

409
00:18:38,990 --> 00:18:43,169
HTML hanya dengan menjadi bahasa penanda
tidak mempunyai keupayaan untuk mempunyai komen.

410
00:18:43,169 --> 00:18:45,710
Dan supaya saya nampaknya akan
meletakkan gambar Rick Astley

411
00:18:45,710 --> 00:18:49,060
suatu tempat antara div ini
tag, bahagian sewenang-wenangnya ini.

412
00:18:49,060 --> 00:18:51,497
Rupa-rupanya fail yang
terletak di Rick dot JPEG, yang

413
00:18:51,497 --> 00:18:53,580
jika kita pulang ke
pokok fail saya yang kedua,

414
00:18:53,580 --> 00:18:55,490
Fail yang wujud di
direktori semasa.

415
00:18:55,490 --> 00:18:56,031
Jadi, itu OK.

416
00:18:56,031 --> 00:18:57,710
Saya boleh rujukan.

417
00:18:57,710 --> 00:18:59,680
>> Saya juga boleh memiliki pautan dalaman.

418
00:18:59,680 --> 00:19:05,080
Jadi notis di talian 11 di sini
href saya ialah hello dot HTML.

419
00:19:05,080 --> 00:19:09,050
Supaya, sama merujuk kepada hello dot HTML
yang wujud dalam direktori semasa.

420
00:19:09,050 --> 00:19:12,980
Dan saya juga boleh mempunyai luaran
pautan dengan hanya menyatakan HTTPS

421
00:19:12,980 --> 00:19:16,180
untuk menunjukkan bahawa saya tidak bercakap
mengenai fail dalam direktori semasa saya.

422
00:19:16,180 --> 00:19:19,730
Saya bercakap tentang fail yang wujud
di suatu tempat di internet, yang aku

423
00:19:19,730 --> 00:19:23,370
untuk meminta menggunakan protokol HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Jadi mari kita lihat apa yang
Laman ini mungkin kelihatan seperti

425
00:19:25,990 --> 00:19:29,500
dan bersedia untuk gambar Rick
Astley untuk muncul di skrin anda.

426
00:19:29,500 --> 00:19:31,490
Jadi saya akan pratonton ini.

427
00:19:31,490 --> 00:19:33,800
Ada Rick Astley di
paling atas dalam ini sewenang-wenangnya

428
00:19:33,800 --> 00:19:35,008
Bahagian saya meletakkannya di bahagian atas.

429
00:19:35,008 --> 00:19:36,960
Dan kemudian turun di bawah saya
mempunyai hubungan saya, bukan?

430
00:19:36,960 --> 00:19:39,330
>> Saya mempunyai pautan ke hello dot HTML.

431
00:19:39,330 --> 00:19:42,860
Dan jika saya klik itu, saya mendapat
berpindah ke laman ini

432
00:19:42,860 --> 00:19:47,050
bahawa kami sangat biasa dengan dari
awal-awal program kami.

433
00:19:47,050 --> 00:19:50,880
Jika saya pop bahawa laman terbuka lagi, jika saya
pautan imej pop membuka sekali lagi,

434
00:19:50,880 --> 00:19:54,420
Saya juga boleh pergi secara luaran
ke laman web CS50.

435
00:19:54,420 --> 00:19:56,740
Dan kita see-- saya akan
zum keluar sedikit sini--

436
00:19:56,740 --> 00:20:00,260
kita akan melihat laman web jenis CS50 ini
tertanam di tengah-tengah halaman kami.

437
00:20:00,260 --> 00:20:04,670
Jadi saya dapat membuat dalaman
menghubungkan dan juga pautan luar.

438
00:20:04,670 --> 00:20:07,200
>> Peraturan lalu dengan HTML yang
kita akan bercakap tentang di sini

439
00:20:07,200 --> 00:20:09,510
ialah HTML anda perlu juga terbentuk.

440
00:20:09,510 --> 00:20:13,020
Dalam C kita bercakap banyak tentang
pelbagai sintaks perkara.

441
00:20:13,020 --> 00:20:17,650
Dalam HTML sintaks yang benar-benar
berkisar tag.

442
00:20:17,650 --> 00:20:19,660
Setiap tag anda membuka perlu ditutup.

443
00:20:19,660 --> 00:20:22,630
Dan sebenarnya, setiap tag anda membuka
perlu ditutup secara terbalik.

444
00:20:22,630 --> 00:20:25,790
>> Jadi, jika anda membuka tag tebal, italik yang
tag, dan kemudian tag garis bawah

445
00:20:25,790 --> 00:20:28,120
untuk melakukan ketiga-tiga kepada
set tertentu teks,

446
00:20:28,120 --> 00:20:30,070
anda perlu menutup mereka dalam susunan terbalik.

447
00:20:30,070 --> 00:20:32,270
Jadi, jika anda membuka berani,
italik, garis bawah, anda

448
00:20:32,270 --> 00:20:35,240
mahu menutup garis bawah, italik, berani.

449
00:20:35,240 --> 00:20:39,990
Ini jenis pengkapsulan adalah apa yang
menyimpan HTML baik dan teratur.

450
00:20:39,990 --> 00:20:44,370
>> Tidak seperti C, walaupun, ralat sintaks tidak akan
sebenarnya melumpuhkan HTML anda mungkin.

451
00:20:44,370 --> 00:20:48,730
HTML anda mungkin sebagai tidak
terbentuk tetapi masih akan bekerja.

452
00:20:48,730 --> 00:20:50,589
Dan supaya kesilapan-kesilapan ini
boleh menyusun slaid oleh.

453
00:20:50,589 --> 00:20:52,130
Ia terpulang kepada anda untuk benar-benar berhati-hati.

454
00:20:52,130 --> 00:20:54,760
Kadang-kadang mereka akan gagal tetapi
kadang-kadang anda boleh pergi dengan ia.

455
00:20:54,760 --> 00:20:56,509
>> Ia boleh menjadi satu benar-benar
tugas yang sukar, walaupun,

456
00:20:56,509 --> 00:21:00,660
untuk mengesan apabila anda membuka
tag, apabila anda ditutup,

457
00:21:00,660 --> 00:21:04,110
terutama kerana HTML anda
fail menjadi lebih besar dan lebih besar.

458
00:21:04,110 --> 00:21:05,490
Anda akan mahu bantuan.

459
00:21:05,490 --> 00:21:07,560
Dan ada yang online
alat validator anda

460
00:21:07,560 --> 00:21:11,474
boleh gunakan untuk kita lihat web anda
halaman dan lihat jika ia cukup HTML terbentuk.

461
00:21:11,474 --> 00:21:13,390
Dan anda perlu pasti
kita lihat pada mereka

462
00:21:13,390 --> 00:21:16,620
dan mula menggunakan mereka seperti yang anda
mula melakukan kerja-kerja dengan HTML,

463
00:21:16,620 --> 00:21:20,800
menulis HTML, supaya anda mendapat
beberapa tabiat yang baik tentang menganjurkan

464
00:21:20,800 --> 00:21:24,377
HTML anda dengan cara yang baik dan
gaya yang baik dan memastikan

465
00:21:24,377 --> 00:21:27,210
bahawa anda tidak melakukan apa-apa yang
boleh mewujudkan ralat sintaks yang

466
00:21:27,210 --> 00:21:30,270
akan menyebabkan anda sedikit
masalah di jalan.

467
00:21:30,270 --> 00:21:31,190
>> Saya Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
Ini adalah CS50.

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