1
00:00:00,000 --> 00:00:00,140

2
00:00:00,140 --> 00:00:03,700
>> PROFESSOR HARLAN: HTML, atau Hiperteks
Bahasa Markup, merupakan bahasa dalam

3
00:00:03,700 --> 00:00:04,870
yang laman web ditulis.

4
00:00:04,870 --> 00:00:08,140
Kini, ia bukan satu bahasa pengaturcaraan,
kerana ia tidak membenarkan kita untuk menyatakan

5
00:00:08,140 --> 00:00:11,420
logik, seperti untuk gelung, dan semasa gelung,
dan syarat-syarat dan sebagainya.

6
00:00:11,420 --> 00:00:14,690
Sebaliknya, ia merupakan satu bahasa markup
yang membolehkan kita untuk menentukan apa yang web

7
00:00:14,690 --> 00:00:17,490
halaman harus kelihatan seperti, struktur
dan estetika.

8
00:00:17,490 --> 00:00:20,210
Dan ia berbuat demikian dengan cara
apa yang dipanggil tag.

9
00:00:20,210 --> 00:00:23,470
Mari kita menyelam dalam dan membuat yang paling mudah
halaman web, satu yang hanya berkata, untuk

10
00:00:23,470 --> 00:00:25,410
contoh, hello dunia.

11
00:00:25,410 --> 00:00:29,940
>> Perhatikan di sini, dalam gedit, bahawa saya telah pun
disimpan fail tersebut hello.html.

12
00:00:29,940 --> 00:00:32,990
Dan notis turun di sini, di terminal
tingkap, yang saya kelihatan dalam

13
00:00:32,990 --> 00:00:36,070
direktori yang dipanggil awam, yang itu sendiri
adalah di dalam direktori yang dipanggil

14
00:00:36,070 --> 00:00:39,770
tuan rumah tempatan, yang itu sendiri adalah di dalam
direktori yang dipanggil vhosts, yang

15
00:00:39,770 --> 00:00:42,850
itu sendiri adalah di dalam John Harvard
direktori rumah.

16
00:00:42,850 --> 00:00:45,850
Sekarang ternyata, kerana cara
kami telah dikonfigurasikan perkakas, yang

17
00:00:45,850 --> 00:00:49,670
ada di dalam dunia sebenar sebagai satu cara yang mungkin,
apa-apa bahagian dalam awam ini

18
00:00:49,670 --> 00:00:53,400
direktori harus, sesungguhnya, boleh diakses
ke seluruh awam melalui

19
00:00:53,400 --> 00:00:56,610
pelayar web, walaupun, sekarang,
Saya satu-satunya orang akan menjadi

20
00:00:56,610 --> 00:00:58,340
mengakses halaman web ini.

21
00:00:58,340 --> 00:01:03,120
>> Sekarang mari kita kembali ke hello.html dan mula
menulis beberapa bahasa tersebut.

22
00:01:03,120 --> 00:01:07,110
Pertama, di atas fail ini, saya akan
nyatakan kurungan terbuka, seru

23
00:01:07,110 --> 00:01:10,400
ketika, ruang DOCTYPE html.

24
00:01:10,400 --> 00:01:13,930
Keturunan ini bukan tag, per se, walaupun
walaupun ia bermula dengan terbuka

25
00:01:13,930 --> 00:01:18,020
kurungan, tetapi ia, sebaliknya, adalah khas
satu baris serpihan yang menentukan kepada

26
00:01:18,020 --> 00:01:22,370
penyemak imbas, di sini datang web
halaman yang ditulis dalam HTML.

27
00:01:22,370 --> 00:01:26,920
>> Mari kita datang, di atas garis yang tersendiri,
nyatakan terbuka kurungan html, menunjukkan

28
00:01:26,920 --> 00:01:29,890
untuk pelayar yang di sini,
sesungguhnya, adalah HTML itu.

29
00:01:29,890 --> 00:01:34,150
Di dalam itu, mari kita mengensot sedikit, dan
kemudian melakukan kepala, menyatakan kepada

30
00:01:34,150 --> 00:01:37,470
penyemak imbas, di sini datang ketua
laman, yang, untuk sekarang, menganggap adalah

31
00:01:37,470 --> 00:01:40,830
dasarnya bar tajuk sekurang-
atas tetingkap pelayar.

32
00:01:40,830 --> 00:01:45,500
Mari kita seterusnya menentukan, di dalam kepala yang
tag, bahawa kita akan mempunyai tajuk

33
00:01:45,500 --> 00:01:47,570
sesuatu yang mudah seperti khabar.

34
00:01:47,570 --> 00:01:51,550
Tetapi sekarang, mari kita memberitahu pelayar
kita selesai menyediakan tajuk.

35
00:01:51,550 --> 00:01:56,080
Untuk melakukan itu, sebagaimana kita membuka atau memulakan
tag, gelaran, detik yang lalu,

36
00:01:56,080 --> 00:02:00,250
mari kita kini rapat atau mengakhiri tag bahawa dengan
menyatakan, di kesan, sebaliknya.

37
00:02:00,250 --> 00:02:05,010
>> Untuk menyatakan bahawa, kita kurungan terbuka,
palang ke hadapan, tajuk.

38
00:02:05,010 --> 00:02:07,830
Begitu juga, kini kita selesai menentukan,
untuk sekarang, ketua ini

39
00:02:07,830 --> 00:02:12,340
halaman, kami akan melakukan yang terbuka kurungan palang kepala,
memberitahu pelayar bahawa kita

40
00:02:12,340 --> 00:02:14,710
kini dilakukan menyediakan kepala.

41
00:02:14,710 --> 00:02:18,080
Hanya satu bahagian kini kekal, yang
yang dipanggil badan halaman web, yang

42
00:02:18,080 --> 00:02:21,120
benar-benar merupakan intipati
mana-mana halaman web.

43
00:02:21,120 --> 00:02:24,780
>> Mari kita menentukan bahawa, di sini, ia
permulaan, dengan terbuka kurungan, badan,

44
00:02:24,780 --> 00:02:25,600
kurungan dekat.

45
00:02:25,600 --> 00:02:29,080
Dan mari kita kini menulis sesuatu
seperti hello dunia koma.

46
00:02:29,080 --> 00:02:32,930
Berasa seperti ini adalah web yang cukup baik
halaman, jadi mari kita sekarang beralih kepada barisan baru.

47
00:02:32,930 --> 00:02:37,460
Nyatakan kurungan terbuka, tanda palang ke hadapan,
badan, memaklumkan pelayar yang kami

48
00:02:37,460 --> 00:02:38,650
dilakukan menyediakan badan.

49
00:02:38,650 --> 00:02:41,120
Begitu juga, mari kita kini memaklumkan
pelayar yang saya dilakukan

50
00:02:41,120 --> 00:02:43,230
menyediakan laman web.

51
00:02:43,230 --> 00:02:47,120
Pada garis sendiri, kami akan melakukan yang terbuka
kurungan, tanda palang ke hadapan, html.

52
00:02:47,120 --> 00:02:49,350
>> Sekarang, notis estetika
halaman web ini.

53
00:02:49,350 --> 00:02:52,290
Walaupun, dari segi teknikal, ia bukan
diperlukan untuk menyediakan sebanyak putih

54
00:02:52,290 --> 00:02:55,450
ruang seperti yang saya lakukan, ia adalah gaya yang baik, kerana
kod itu, boleh dikatakan, lebih

55
00:02:55,450 --> 00:02:56,490
lebih senang dibaca.

56
00:02:56,490 --> 00:03:00,780
Notis, khususnya, bahawa apabila saya membuka
atau memulakan tag, saya kemudian indent dalam

57
00:03:00,780 --> 00:03:02,040
garisan yang diikuti.

58
00:03:02,040 --> 00:03:05,990
Dan apabila saya menutup atau tag, saya
menutup tag yang sama ada pada yang sama

59
00:03:05,990 --> 00:03:09,790
talian, jika ia selaras yang agak pendek, atau
pada baris baru dalam apa-apa cara yang

60
00:03:09,790 --> 00:03:14,540
garis tag menutup dengan tag terbuka,
sama seperti yang kami lakukan pada bahasa seperti C

61
00:03:14,540 --> 00:03:17,380
dengan penyokong gigi kerinting membuka dan menutup.

62
00:03:17,380 --> 00:03:20,350
>> Sekarang mari kita simpan fail ini dan cuba
untuk membukanya dalam pelayar web

63
00:03:20,350 --> 00:03:21,600
bahagian dalam perkakas.

64
00:03:21,600 --> 00:03:24,180

65
00:03:24,180 --> 00:03:30,310
Mari kita membuka Chrome, dan mari kita kini
melawat http://localhost, yang merupakan

66
00:03:30,310 --> 00:03:34,930
nama panggilan untuk perkakas
sendiri, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Dan notis bahawa saya tidak benar-benar ditaip
awam, kerana ia tersirat

68
00:03:38,230 --> 00:03:42,430
bahawa jika melawat halaman ini melalui web
penyemak imbas, anda memang mahu mengakses

69
00:03:42,430 --> 00:03:44,430
kandungan direktori awam.

70
00:03:44,430 --> 00:03:47,740
Tetapi saya hendak akses, khususnya,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Jadi mari kita kini tekan Enter
dan lihat apa yang berlaku.

72
00:03:50,854 --> 00:03:51,710
>> Hm.

73
00:03:51,710 --> 00:03:56,260
Saya tidak mempunyai kebenaran untuk akses
/ Hello.html pada pelayan ini.

74
00:03:56,260 --> 00:03:57,570
Sekarang, mengapa yang mungkin?

75
00:03:57,570 --> 00:04:01,040
Nah, ternyata ia bukan yang mencukupi
untuk hanya meletakkan fail ini, hello.html,

76
00:04:01,040 --> 00:04:02,560
dalam direktori awam.

77
00:04:02,560 --> 00:04:06,150
Kita juga perlu untuk memberitahu secara proaktif
alat yang kita, sesungguhnya, mahu

78
00:04:06,150 --> 00:04:09,470
membenarkan keseluruhan dunia, berpotensi,
untuk mengakses fail ini.

79
00:04:09,470 --> 00:04:12,470
Untuk berbuat demikian, kita perlu untuk berubah
kebenaran, jadi untuk bercakap, dan kita boleh

80
00:04:12,470 --> 00:04:14,600
berbuat demikian di baris arahan.

81
00:04:14,600 --> 00:04:20,079
>> Mari kita taip ls-l untuk mendapatkan penyenaraian yang panjang
fail di dalam direktori ini, Enter.

82
00:04:20,079 --> 00:04:22,480
Dan kita lihat, sesungguhnya, hello.html.

83
00:04:22,480 --> 00:04:25,882
Tetapi di sana di sebelah kiri,
notis, adalah r dan w a.

84
00:04:25,882 --> 00:04:29,050
R, seperti yang anda mungkin telah meneka, bermakna
membaca, dan w cara menulis, tetapi

85
00:04:29,050 --> 00:04:32,470
hakikat terdapat hanya satu r itu dan
satu seperti w, sepanjang jalan kepada yang

86
00:04:32,470 --> 00:04:36,710
kiri mereka sengkang, bermakna hanya
pemilik fail, diri saya sendiri, boleh sebenarnya

87
00:04:36,710 --> 00:04:38,370
membaca dan menulis fail ini.

88
00:04:38,370 --> 00:04:41,610
>> Kita perlu untuk bertukar-tukar sekurang-kurangnya satu lain
r untuk membiarkan seluruh dunia membaca

89
00:04:41,610 --> 00:04:42,810
Fail ini juga.

90
00:04:42,810 --> 00:04:47,320
Dan untuk melakukan ini, kita boleh berbuat demikian dengan
perintah, chmod, atau menukar mod.

91
00:04:47,320 --> 00:04:54,030
chmod a, untuk semua, ditambah r,
ruang, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Tiada apa-apa seolah-olah telah berlaku, tetapi
yang umumnya sesuatu yang baik.

93
00:04:56,970 --> 00:05:02,490
Jadi ls-l lagi harus, mudah-mudahan,
menghasilkan beberapa r tambahan ini.

94
00:05:02,490 --> 00:05:04,130
>> Dan sesungguhnya, kita lihat itu.

95
00:05:04,130 --> 00:05:08,350
Di sebelah kiri di sini sekarang, notis
bahawa saya telah membaca dan menulis keistimewaan.

96
00:05:08,350 --> 00:05:10,320
Ada r lain, dan kemudian r lain.

97
00:05:10,320 --> 00:05:13,180
Nah, ternyata r di tengah-tengah
bermakna kumpulan saya, yang kebetulan

98
00:05:13,180 --> 00:05:15,370
pelajar dalam perkakas,
juga boleh membaca fail ini.

99
00:05:15,370 --> 00:05:18,235
Tetapi itu sebahagian besarnya tidak relevan di sini,
kerana kita sedang bercakap tentang web dan

100
00:05:18,235 --> 00:05:19,850
tidak perkakas itu sendiri.

101
00:05:19,850 --> 00:05:23,420
Tetapi itu r ketiga sepanjang jalan di
betul menunjukkan bahawa seluruh dunia,

102
00:05:23,420 --> 00:05:25,920
atau semua, dapat membaca fail ini.

103
00:05:25,920 --> 00:05:29,290
>> Sekarang mari kita kembali ke penyemak imbas saya, tambah nilai
halaman, dan lihat jika saya tidak

104
00:05:29,290 --> 00:05:32,050
lagi dilarang.

105
00:05:32,050 --> 00:05:36,800
Mari kita klik tambah nilai icon Chrome sehingga
di sini, atau memukul Kawalan-R, dan di sana kami

106
00:05:36,800 --> 00:05:38,750
mempunyainya, hello dunia.

107
00:05:38,750 --> 00:05:41,248