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

2
00:00:00,140 --> 00:00:03,700
>> 教授HARLAN：HTML、またはハイパーテキスト
マークアップ言語は、言語です

3
00:00:03,700 --> 00:00:04,870
ウェブページが書き込まれる。

4
00:00:04,870 --> 00:00:08,140
今は、プログラミング言語ではありません、
それは私たちが表現できるようにしていないため

5
00:00:08,140 --> 00:00:11,420
ロジック、forループ、およびwhileループのような、
と条件などが挙げられる。

6
00:00:11,420 --> 00:00:14,690
むしろ、それは確かに、マークアップ言語の
それは、私たちはどのようなウェブを指定することができます

7
00:00:14,690 --> 00:00:17,490
ページは構造的には、次のようになります
そして審美的。

8
00:00:17,490 --> 00:00:20,210
そして、それは例によりそうし
タグと呼ばれるもの。

9
00:00:20,210 --> 00:00:23,470
それでは中のダイビングとの最も単純なを作ろう
Webページは、単純に言う1、用

10
00:00:23,470 --> 00:00:25,410
例えば、ハローワールド。

11
00:00:25,410 --> 00:00:29,940
>> 私はすでにしたので、geditの中で、ここに注目してください
hello.htmlとしてファイルを保存した。

12
00:00:29,940 --> 00:00:32,990
と端末に、ここにダウン気づく
窓、私は内部のように見えること

13
00:00:32,990 --> 00:00:36,070
公共というディレクトリ自体
というディレクトリの中にある

14
00:00:36,070 --> 00:00:39,770
それ自体が内部にあるローカルホスト、
バーチャルホストと呼ばれるディレクトリ、その

15
00:00:39,770 --> 00:00:42,850
自体のジョンハーバード大学の中にある
ホームディレクトリ。

16
00:00:42,850 --> 00:00:45,850
今では方法のため、判明
我々は、アプライアンスを構成したしました

17
00:00:45,850 --> 00:00:49,670
、などの現実世界で可能な限りの方法である
この国民の内にあるもの

18
00:00:49,670 --> 00:00:53,400
ディレクトリには、確かに、アクセス可能であるべき
経由全体公衆に

19
00:00:53,400 --> 00:00:56,610
Webブラウザ、にも関わらず、今のところ、
私はあることを行っている唯一のユーザーだ

20
00:00:56,610 --> 00:00:58,340
このWebページにアクセスする。

21
00:00:58,340 --> 00:01:03,120
>> それではhello.html、スタートに戻りましょう
その言語のいくつかを書いて。

22
00:01:03,120 --> 00:01:07,110
まず、このファイルの上に、私はするつもりだ
開き括弧を指定して、感嘆符

23
00:01:07,110 --> 00:01:10,400
ポイント、DOCTYPE空間HTML。

24
00:01:10,400 --> 00:01:13,930
この行はあっても、それ自体は、タグではありません
それは、オープンで始まるんが

25
00:01:13,930 --> 00:01:18,020
ブラケットが、それは、その代わりに、特別です
に指定する1行の断片

26
00:01:18,020 --> 00:01:22,370
ブラウザは、ここではウェブが来る
HTMLで記述されたページ。

27
00:01:22,370 --> 00:01:26,920
>> 、単独行で、[次へ]レッツ
を示して、開き括弧のHTMLを指定する

28
00:01:26,920 --> 00:01:29,890
ここでブラウザに、
確かに、そのHTMLです。

29
00:01:29,890 --> 00:01:34,150
その内、のは少しインデントさせて、
その後に指定して、頭を行う

30
00:01:34,150 --> 00:01:37,470
ブラウザは、ここでのヘッドが付属してい
今のところ、想定し、ページが、ある

31
00:01:37,470 --> 00:01:40,830
非常に基本的にタイトルバー
ブラウザのウィンドウの上部。

32
00:01:40,830 --> 00:01:45,500
それでは、次のことが頭の中、指定することができます
我々はタイトルを持っていますタグ、

33
00:01:45,500 --> 00:01:47,570
こんにちはのような単純なもの。

34
00:01:47,570 --> 00:01:51,550
しかし、それでは、ブラウザを教えてみましょう
我々はタイトルを提供して完了です。

35
00:01:51,550 --> 00:01:56,080
我々はオープンまたは開始と同じように、それを行うために
タグ、タイトル、前の瞬間、

36
00:01:56,080 --> 00:02:00,250
それでは閉じさせるかによってそのタグを終わらせる
実際には、指定して、反対。

37
00:02:00,250 --> 00:02:05,010
>> それを表現するために、我々はオープンブラケットを行い、
スラッシュ、タイトル。

38
00:02:05,010 --> 00:02:07,830
同様に、今我々が完了していることを規定し、
今のところ、これの頭部

39
00:02:07,830 --> 00:02:12,340
ページは、我々はオープンブラケットスラッシュヘッドをやる、
我々はしているブラウザを伝える

40
00:02:12,340 --> 00:02:14,710
今頭の提供に行わ。

41
00:02:14,710 --> 00:02:18,080
唯一の1の部分は、今、残っている
Webページの、いわゆるボディ、その

42
00:02:18,080 --> 00:02:21,120
本当に本質を構成している
任意のWebページの。

43
00:02:21,120 --> 00:02:24,780
>> それはだのは、ここでは、次の点を指​​定してみましょう
開き括弧、ボディと、始まる、

44
00:02:24,780 --> 00:02:25,600
閉じ括弧。

45
00:02:25,600 --> 00:02:29,080
そして今度は、何かを書いてみましょう
ハローのようなコンマの世界。

46
00:02:29,080 --> 00:02:32,930
これは十分に良いウェブであるように感じている
ページ、それでは、新しい行に移動してみましょう。

47
00:02:32,930 --> 00:02:37,460
開き括弧、スラッシュを指定して、
体、我々はしているブラウザに通知

48
00:02:37,460 --> 00:02:38,650
体を提供する行って。

49
00:02:38,650 --> 00:02:41,120
と同様に、今度は通知してみましょう
私は終わりだブラウザ

50
00:02:41,120 --> 00:02:43,230
ウェブページを提供する。

51
00:02:43,230 --> 00:02:47,120
単独行では、我々はオープンやる
ブラケット、スラッシュ、HTML。

52
00:02:47,120 --> 00:02:49,350
>> 今、美学に気付く
このWebページの。

53
00:02:49,350 --> 00:02:52,290
にも関わらず、技術的に、そうではありません
白色限り提供するために必要

54
00:02:52,290 --> 00:02:55,450
私がした空間と、それは良いスタイル、ためです
コー​​ドは、間違いなく、いくらです

55
00:02:55,450 --> 00:02:56,490
より読みやすい。

56
00:02:56,490 --> 00:03:00,780
特に注意してください、私が開いたときには、
または、タグ、私はその後、インデントを開始

57
00:03:00,780 --> 00:03:02,040
続く行。

58
00:03:02,040 --> 00:03:05,990
そして、私は閉じるか、およびタグに、私
どちらかと同じで、そのタグを閉じる

59
00:03:05,990 --> 00:03:09,790
行、それはかなり短い線の場合や、
このような方法で、新しい行に

60
00:03:09,790 --> 00:03:14,540
開始タグと終了タグラインアップ、
我々は、Cのような言語でやったのと同じように

61
00:03:14,540 --> 00:03:17,380
開閉中括弧で。

62
00:03:17,380 --> 00:03:20,350
>> それでは、このファイルを保存してみましょう
Webブラウザで開きます

63
00:03:20,350 --> 00:03:21,600
アプライアンスの内部。

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

65
00:03:24,180 --> 00:03:30,310
それではChromeを開きましょう、今みましょう
である、http://localhostと訪問

66
00:03:30,310 --> 00:03:34,930
アプライアンスのニックネーム
それ自体、/ hello.html。

67
00:03:34,930 --> 00:03:38,230
そして、私は実際に型指定されていないことがわかりました
それは暗黙なので、公共の

68
00:03:38,230 --> 00:03:42,430
そのWeb経由でこのページを訪問した場合
ブラウザは、あなたが実際にアクセスしたい

69
00:03:42,430 --> 00:03:44,430
その公開ディレクトリの内容。

70
00:03:44,430 --> 00:03:47,740
しかし、私は具体的には、アクセスしたいです、
hello.html。

71
00:03:47,740 --> 00:03:50,854
それでは、今Enterを押してみましょう
何が起こるかを参照してください。

72
00:03:50,854 --> 00:03:51,710
>> HM。

73
00:03:51,710 --> 00:03:56,260
私は、アクセスする権限がありません
/このサーバー上のhello.html。

74
00:03:56,260 --> 00:03:57,570
今、なぜそれがあるかもしれない？

75
00:03:57,570 --> 00:04:01,040
まあ、それはそれは十分ではありませんが判明
単純にこのファイルを置き、hello.html、

76
00:04:01,040 --> 00:04:02,560
その公開ディレクトリに。

77
00:04:02,560 --> 00:04:06,150
我々はまた、積極的に指示する必要があります
我々は、確かに、するアプライアンス

78
00:04:06,150 --> 00:04:09,470
潜在的に、全世界を許可し、
このファイルにアクセスできます。

79
00:04:09,470 --> 00:04:12,470
そのためには、我々は変更する必要があり、その
パーミッションは、いわば、と我々はできる

80
00:04:12,470 --> 00:04:14,600
コマンドラインでこれを行う。

81
00:04:14,600 --> 00:04:20,079
>> 長いリストを取得するためのは、LS-Lを入力してみましょう
このディレクトリ内のファイルの入力します。

82
00:04:20,079 --> 00:04:22,480
そして、我々はhello.html、確かに、参照してください。

83
00:04:22,480 --> 00:04:25,882
しかし、こっち左側に​​、
通知は、RとWである。

84
00:04:25,882 --> 00:04:29,050
rは、ご想像のとおり、意味
読み、そしてW手段が書きますが、

85
00:04:29,050 --> 00:04:32,470
一つだけRがあると事実と
1このようなすべての方法に引き継が、W

86
00:04:32,470 --> 00:04:36,710
これらのダッシュの左側には、意味だけ
ファイルの所有者、私自身、することができます実際に

87
00:04:36,710 --> 00:04:38,370
このファイルの読み取りと書き込み。

88
00:04:38,370 --> 00:04:41,610
>> 我々は、他の少なくとも1をトグルする必要がある
R全世界が読むようにする

89
00:04:41,610 --> 00:04:42,810
このファイルにも。

90
00:04:42,810 --> 00:04:47,320
これを行うために、我々はしてそうすることができる
コマンド、chmodコマンド、または変更モード。

91
00:04:47,320 --> 00:04:54,030
chmodの、すべてのため、プラスR、
スペース、hello.htmlを入力してください。

92
00:04:54,030 --> 00:04:56,970
何も起こっていないようにみえますが、
それは一般的に良いことだ。

93
00:04:56,970 --> 00:05:02,490
だから、LS-Lは、再び、うまくいけば、万が一、
いくつかの追加のRが得られる。

94
00:05:02,490 --> 00:05:04,130
>> 実際、我々はそのような見ていますか。

95
00:05:04,130 --> 00:05:08,350
今ここに左側に、予告
私は読んで、書き込み権限をしていること。

96
00:05:08,350 --> 00:05:10,320
他のR、その後、他のRがあります。

97
00:05:10,320 --> 00:05:13,180
まあ、それは途中でRが判明
たまたま私の基を意味し、

98
00:05:13,180 --> 00:05:15,370
アプライアンスの学生、
また、このファイルを読むことができます。

99
00:05:15,370 --> 00:05:18,235
しかし、それは、ここで大部分は無関係だが、
私たちはウェブの話をしているため、と

100
00:05:18,235 --> 00:05:19,850
しないアプライアンス自体。

101
00:05:19,850 --> 00:05:23,420
しかし、すべての方法でその第三R
右全世界ことを示し、

102
00:05:23,420 --> 00:05:25,920
またはすべて、このファイルを読むことができます。

103
00:05:25,920 --> 00:05:29,290
>> リロード、それでは私のブラウザに戻りましょう
ページ、およびノー​​だかどうかを確認

104
00:05:29,290 --> 00:05:32,050
長い禁じ。

105
00:05:32,050 --> 00:05:36,800
それではChromeのReloadアイコンをクリックしてみましょう
ここ、またはControl-Rにヒットし、そこに我々は

106
00:05:36,800 --> 00:05:38,750
それを持って、ハローワールド。

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