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

2
00:00:00,140 --> 00:00:03,700
>> PROFESSOR HARLAN: HTML, atau HyperText
Bahasa Markup, adalah bahasa

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

4
00:00:04,870 --> 00:00:08,140
Sekarang, itu bukan bahasa pemrograman,
karena tidak memungkinkan kita untuk mengekspresikan

5
00:00:08,140 --> 00:00:11,420
logika, seperti untuk loop, dan sementara loop,
dan kondisi dan sejenisnya.

6
00:00:11,420 --> 00:00:14,690
Sebaliknya, itu memang bahasa markup
yang memungkinkan kita untuk menentukan apa web

7
00:00:14,690 --> 00:00:17,490
halaman harus terlihat seperti, struktural
dan estetis.

8
00:00:17,490 --> 00:00:20,210
Dan ia melakukannya dengan cara
apa yang disebut tag.

9
00:00:20,210 --> 00:00:23,470
Mari selami pelajaran dan membuat sederhana
halaman web, yang hanya mengatakan, untuk

10
00:00:23,470 --> 00:00:25,410
Misalnya, hello world.

11
00:00:25,410 --> 00:00:29,940
>> Perhatikan di sini, di gedit, bahwa saya telah sudah
menyimpan file sebagai hello.html.

12
00:00:29,940 --> 00:00:32,990
Dan perhatikan di sini, di terminal
window, bahwa saya tampak dalam

13
00:00:32,990 --> 00:00:36,070
direktori yang disebut publik, yang dengan sendirinya
adalah dalam sebuah direktori yang disebut

14
00:00:36,070 --> 00:00:39,770
host lokal, yang itu sendiri adalah dalam
direktori yang disebut vhosts, yang

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

16
00:00:42,850 --> 00:00:45,850
Sekarang ternyata, karena cara
kami telah dikonfigurasi alat, yang

17
00:00:45,850 --> 00:00:49,670
di dunia nyata cara mungkin,
apa pun di dalam masyarakat ini

18
00:00:49,670 --> 00:00:53,400
direktori harus, memang, dapat diakses
kepada seluruh masyarakat melalui

19
00:00:53,400 --> 00:00:56,610
browser web, meskipun, sekarang,
Aku satu-satunya pengguna yang akan menjadi

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

21
00:00:58,340 --> 00:01:03,120
>> Mari kita sekarang kembali ke hello.html dan mulai
menulis beberapa bahasa tersebut.

22
00:01:03,120 --> 00:01:07,110
Pertama, atas file ini, aku akan
menentukan braket terbuka, seru

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

24
00:01:10,400 --> 00:01:13,930
Baris ini tidak tag, per se, bahkan
meskipun itu dimulai dengan terbuka

25
00:01:13,930 --> 00:01:18,020
braket, tapi, sebaliknya, adalah khusus
satu fragmen baris yang menentukan ke

26
00:01:18,020 --> 00:01:22,370
Browser, inilah web
halaman yang ditulis dalam HTML.

27
00:01:22,370 --> 00:01:26,920
>> Mari kita berikutnya, pada baris sendiri,
tentukan terbuka braket html, menunjukkan

28
00:01:26,920 --> 00:01:29,890
ke browser bahwa di sini,
memang, adalah HTML itu.

29
00:01:29,890 --> 00:01:34,150
Di dalam itu, mari kita indent sedikit, dan
kemudian melakukan kepala, menentukan ke

30
00:01:34,150 --> 00:01:37,470
Browser, inilah kepala
halaman, yang, untuk saat ini, asumsikan adalah

31
00:01:37,470 --> 00:01:40,830
dasarnya judul bar di bagian paling
atas jendela browser.

32
00:01:40,830 --> 00:01:45,500
Mari kita tentukan selanjutnya, dalam kepala yang
tag, bahwa kita akan memiliki judul

33
00:01:45,500 --> 00:01:47,570
sesuatu yang sederhana seperti halo.

34
00:01:47,570 --> 00:01:51,550
Tapi sekarang, mari kita memberitahu browser
kita sudah selesai memberikan judul.

35
00:01:51,550 --> 00:01:56,080
Untuk melakukan itu, sama seperti kita membuka atau memulai
tag, judul, saat lalu,

36
00:01:56,080 --> 00:02:00,250
mari kita menutup atau mengakhiri tag yang oleh
menentukan, pada dasarnya, sebaliknya.

37
00:02:00,250 --> 00:02:05,010
>> Untuk menyatakan bahwa, kita lakukan braket terbuka,
garis miring, judul.

38
00:02:05,010 --> 00:02:07,830
Demikian pula, sekarang kita sudah selesai mendefinisikan,
untuk saat ini, kepala ini

39
00:02:07,830 --> 00:02:12,340
halaman, kita akan melakukan open kepala slash braket,
memberitahu browser bahwa kita

40
00:02:12,340 --> 00:02:14,710
sekarang dilakukan memberikan kepala.

41
00:02:14,710 --> 00:02:18,080
Hanya satu porsi sekarang tetap,
disebut tubuh dari halaman web, yang

42
00:02:18,080 --> 00:02:21,120
benar-benar merupakan esensi
dari setiap halaman web.

43
00:02:21,120 --> 00:02:24,780
>> Mari kita menetapkan bahwa, di sini, itu
dimulai, dengan braket terbuka, tubuh,

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

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

46
00:02:29,080 --> 00:02:32,930
Terasa seperti ini adalah cukup web yang baik
halaman, jadi mari kita sekarang pindah ke baris baru.

47
00:02:32,930 --> 00:02:37,460
Tentukan braket terbuka, garis miring,
tubuh, menginformasikan browser bahwa kita

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

49
00:02:38,650 --> 00:02:41,120
Dan juga, sekarang mari kita menginformasikan
browser yang aku sudah selesai

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

51
00:02:43,230 --> 00:02:47,120
Pada baris sendiri, kita akan melakukan open
braket, garis miring, html.

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

53
00:02:49,350 --> 00:02:52,290
Meskipun, secara teknis, itu bukan
diperlukan untuk menyediakan sebanyak putih

54
00:02:52,290 --> 00:02:55,450
Ruang seperti yang saya lakukan, itu adalah gaya yang baik, karena
kode ini, bisa dibilang, banyak

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

56
00:02:56,490 --> 00:03:00,780
Perhatikan, khususnya, bahwa ketika saya membuka
atau mulai tag, saya kemudian indent di

57
00:03:00,780 --> 00:03:02,040
garis yang mengikuti.

58
00:03:02,040 --> 00:03:05,990
Dan ketika aku menutup atau dan tag, saya
menutup tag yang baik pada sama

59
00:03:05,990 --> 00:03:09,790
line, jika itu adalah garis yang cukup pendek, atau
pada baris baru sedemikian rupa bahwa

60
00:03:09,790 --> 00:03:14,540
baris tag close up dengan tag terbuka,
seperti yang kita lakukan dalam bahasa seperti C

61
00:03:14,540 --> 00:03:17,380
dengan kurung kurawal buka dan tutup.

62
00:03:17,380 --> 00:03:20,350
>> Sekarang mari kita menyimpan file ini dan mencoba
untuk membukanya di browser web

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

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 sekarang
kunjungi http://localhost, yang merupakan

66
00:03:30,310 --> 00:03:34,930
julukan untuk alat
sendiri, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Dan perhatikan bahwa saya tidak benar-benar mengetik
publik, karena itu tersirat

68
00:03:38,230 --> 00:03:42,430
bahwa jika mengunjungi halaman ini melalui web
browser, Anda memang ingin mengakses

69
00:03:42,430 --> 00:03:44,430
isi dari direktori umum.

70
00:03:44,430 --> 00:03:47,740
Tapi aku ingin mengakses, khususnya,
hello.html.

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

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

73
00:03:51,710 --> 00:03:56,260
Saya tidak memiliki izin untuk mengakses
/ Hello.html di server ini.

74
00:03:56,260 --> 00:03:57,570
Sekarang, mengapa bisa begitu?

75
00:03:57,570 --> 00:04:01,040
Nah, ternyata itu tidak cukup
untuk hanya menempatkan file ini, hello.html,

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

77
00:04:02,560 --> 00:04:06,150
Kita juga perlu proaktif memberitahu
alat yang kami, memang, ingin

78
00:04:06,150 --> 00:04:09,470
memungkinkan seluruh dunia, berpotensi,
untuk mengakses file ini.

79
00:04:09,470 --> 00:04:12,470
Untuk melakukannya, kita perlu mengubah nya
perizinan, sehingga untuk berbicara, dan kita bisa

80
00:04:12,470 --> 00:04:14,600
melakukannya pada baris perintah.

81
00:04:14,600 --> 00:04:20,079
>> Mari kita ketik ls-l untuk mendapatkan daftar panjang
file dalam direktori ini, Enter.

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

83
00:04:22,480 --> 00:04:25,882
Tapi di sini di sebelah kiri,
pemberitahuan, adalah r dan w a.

84
00:04:25,882 --> 00:04:29,050
R, seperti yang sudah bisa anda duga, berarti
membaca, dan w berarti menulis, tetapi

85
00:04:29,050 --> 00:04:32,470
fakta hanya ada satu r tersebut dan
satu seperti w, semua jalan ke

86
00:04:32,470 --> 00:04:36,710
kiri mereka tanda hubung, berarti hanya
pemilik file, diriku sendiri, benar-benar dapat

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

88
00:04:38,370 --> 00:04:41,610
>> Kita perlu untuk beralih setidaknya satu lainnya
r untuk membiarkan seluruh dunia membaca

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

90
00:04:42,810 --> 00:04:47,320
Dan untuk melakukan hal ini, kita dapat melakukannya dengan
perintah, chmod, atau mode perubahan.

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
Tidak ada yang tampaknya telah terjadi, tetapi
yang umumnya merupakan hal yang baik.

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

94
00:05:02,490 --> 00:05:04,130
>> Dan memang, kita melihat seperti itu.

95
00:05:04,130 --> 00:05:08,350
Di sisi kiri di sini sekarang, pemberitahuan
bahwa saya telah membaca dan menulis hak istimewa.

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
berarti kelompok saya, yang kebetulan

98
00:05:13,180 --> 00:05:15,370
siswa dalam alat,
juga dapat membaca file ini.

99
00:05:15,370 --> 00:05:18,235
Tapi itu sangat tidak relevan di sini,
karena kita sedang berbicara tentang web dan

100
00:05:18,235 --> 00:05:19,850
bukan alat itu sendiri.

101
00:05:19,850 --> 00:05:23,420
Tapi itu r ketiga sepanjang jalan di
benar menunjukkan bahwa seluruh dunia,

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

103
00:05:25,920 --> 00:05:29,290
>> Sekarang mari kita kembali ke browser saya, reload
halaman, dan melihat apakah aku tidak

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

105
00:05:32,050 --> 00:05:36,800
Mari kita klik icon ulang Chrome up
di sini, atau tekan Control-R, dan di sana kami

106
00:05:36,800 --> 00:05:38,750
memilikinya, hello world.

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