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
>> しかし、それはOKになるだろう。

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
>> しかし、ここで1つの言語について話しましょう
それは、すべてのWebのための本当に基本的な

27
00:01:12,770 --> 00:01:14,830
HTMLでページ。

28
00:01:14,830 --> 00:01:18,230
HTMLはハイパーテキストマークアップ言語です。

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
そして、これは、このmarkup--をdoes--もの
我々は、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
HTMLタグですべてを有界。

46
00:02:11,480 --> 00:02:13,850
だから、これはHTMLタグがどのように見えるかです。

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
私達は何であるかやった後に
明らかに他のHTMLの多くは、

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
私達はちょうどこれらのHTMLタグを持っていません。

57
00:02:40,658 --> 00:02:44,010
我々は明らかにこれを持っています
事はheadタグと呼ばれます。

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
何とか私たちのために重要です
Webページが正しくレンダリングされています。

63
00:02:59,410 --> 00:03:02,490
例えば、内
headタグは、我々はタイトルタグを持っています。

64
00:03:02,490 --> 00:03:05,500
>> だからタイトルはハロー世界であること、
それは実際にどのようなことになるだろう

65
00:03:05,500 --> 00:03:08,797
Chromeでタブに表示
またはサファリや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
あなたは1ページのみを持つことができます
一度ブラウザウィンドウで開きます。

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
そして、私の、コンテンツ
Webページはハロー、世界になります。

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
だから私はここに私のCS50のIDEのだと
私は少しでズームしました。

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
今、私は私にHTMLをインデントしました
本当に素敵で編成され、

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
これは正確に同じWebページになります。

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
または何をすべきです
私のWebページ上に表示。

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
クロームでは、通常はF12キーです
開発者ツールバーを開きます。

122
00:05:32,020 --> 00:05:35,909
そして、代わりにネットワークを選択します
タブには、Elementsタブを選択することができます。

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
>> それでは、見てみましょう
一般的なHTMLタグのカップル。

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
だからここのための3つの非常に基本的なタグがあります
テキストの外観を微調整。

141
00:06:26,330 --> 00:06:29,050
Bタグ、Iタグ、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で、実際のWebページ上のように。

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
それだけには十分ではありません
入力し、スペースを残して打ちます、

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-- 1が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
我々は、6つの異なるレベルを持っています
ヘッダの、1つ、2つ、3つ

172
00:07:57,000 --> 00:08:01,110
4つ、5、6、
徐々に大きくし、より大きな

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
だから我々は、上から2番目のレベルのヘッダを持っています
レベル・ヘッダなど、など。

176
00:08:07,690 --> 00:08:10,480
>> のは多分いくつかを見てみましょう
Pタグと一部のヘッダータグ

177
00:08:10,480 --> 00:08:13,110
Webページ上のアクションインチ

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
イプサム、ここでいくつかのランダムなテキストだけ。

183
00:08:24,660 --> 00:08:27,284
だから私は少しズームアウトします
そんなにそこに起こっているので。

184
00:08:27,284 --> 00:08:31,980
しかし、私は非常に持っていることに気づきます
トップここで私は、H1、レベル1を持っています

185
00:08:31,980 --> 00:08:32,802
headerタグ。

186
00:08:32,802 --> 00:08:36,010
その後、私はちょうどある段落を、持っています
ランダムtext--のLoremのの束ipsum--

187
00:08:36,010 --> 00:08:38,720
テキストだけで標準的な充填をデフォルト。

188
00:08:38,720 --> 00:08:41,970
だから私は、その内部の2段落を持っています
レベル1ヘッダと、私の下にある下

189
00:08:41,970 --> 00:08:46,850
24行目で、ここでレベル2のヘッダを持っています、
第二レベルのヘッダー、および他の2

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
>> 次は我々が使用するいくつかのタグです
弊社のWebページ上のリストを構築します。

205
00:09:27,560 --> 00:09:30,820
だから我々は、順序付けられていない持っています
ULs-- lists--だけです

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 Aで持っています
ファイルと呼ばれるリストには、HTMLに点在しています。

216
00:10:00,640 --> 00:10:03,100
のは、見てみましょう。

217
00:10:03,100 --> 00:10:08,482
>> そして、私は非順序を持ってここに気付きます
その中の5つのことを示します。

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
私はスタートが6に等しいと述べました。

221
00:10:13,152 --> 00:10:16,110
これは、順序付きリスト、私と判明します
どこの出発点を設定することができます

222
00:10:16,110 --> 00:10:20,130
私はそれがされるデフォルトでwant--選びます - 
ちょうどこのいわゆる属性を追加することによって

223
00:10:20,130 --> 00:10:21,190
私のOLタグに。

224
00:10:21,190 --> 00:10:23,572
だからこのリストはなります
6でカウントを開始。

225
00:10:23,572 --> 00:10:26,780
だから、番号付きリストの要素は、
6、7、8、9、10であるべきで、

226
00:10:26,780 --> 00:10:29,930
5要素があるため、
リスト内の一つとは対照的に、

227
00:10:29,930 --> 00:10:33,770
2つ、3つ、4つ、5つ、これ
私はOLを言った場合場合であります

228
00:10:33,770 --> 00:10:36,730
start属性を指定せずに。

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
最初の5つの要素があります
順序付けされていないか、箇条書き。

233
00:10:47,810 --> 00:10:51,010
そして、次の5要素
個別の番号付きリストです

234
00:10:51,010 --> 00:10:52,980
6から始まります。

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、TDと呼ばれていませんか？

245
00:11:24,340 --> 00:11:25,940
さて、TDは、テーブルデータの略です。

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
あなたが行、のTRの数を持っています。

251
00:11:35,600 --> 00:11:40,030
そして、それぞれの行の内側をお持ち
列数のためのTD

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
そして、私の最初の行の私明らかに
持っている4つの列、1つ、2つ、3つ

259
00:12:02,100 --> 00:12:02,660
4つの。

260
00:12:02,660 --> 00:12:04,290
そして私は、その行で行われています。

261
00:12:04,290 --> 00:12:07,750
>> それから私は別の行を開始し、
2、4、6、8を実行します。

262
00:12:07,750 --> 00:12:08,850
その行を終了します。

263
00:12:08,850 --> 00:12:11,410
別の行、3、6、9、12を実行してください。

264
00:12:11,410 --> 00:12:14,830
そして最後の行、4、
8、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
しかし、私はまだ4つの行を持っていますか、
これらの各々は、4つの列があり、

278
00:12:45,070 --> 00:12:48,890
これがあるために金額本当に何
非常に簡単な4×4の乗算

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
だから、でこれを見たことがあるかもしれ
Webページへのログインのコンテキスト。

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
>> 第二事業部スキップ。

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
それはちょうど一種の境界設定します
いくつかの任意の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
>> それはちょうど一種の私が欲しいと言います
私のWebページ上のスペースの一部、

304
00:13:42,110 --> 00:13:45,190
そして、私はコールするつもりです
それ私のページのこの部門。

305
00:13:45,190 --> 00:13:47,619
私たちは、内部のものを置くことができます
div要素の、そして実際には、

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 Aで持っています
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
後に、ライン8から始まります、

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
そして、別のそれは送信ボタンです。

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--ことができます
text型の形ということを覚えています

335
00:14:53,980 --> 00:14:55,480
私は私の名前を置くことができます。

336
00:14:55,480 --> 00:14:57,330
そして、私のパスワードのI
私のパスワードを入力することができます。

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
これを見てとることです
inputタグ1より多くの時間。

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
タイプをyに等しいです。

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
これは、開口部と、Aを必要としません。
すべての情報があるため、綿密

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
私たちはそれらのうちの別の1つが表示されます
今、画像タグと同様に。

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
それができるようにいいだろう
それらの1つをクリックします

371
00:16:28,121 --> 00:16:30,190
何が一般的に青色のリンクとなっています。

372
00:16:30,190 --> 00:16:34,440
これは、我々が構築方法を実際に
弊社のWebページのハイパーリンク。

373
00:16:34,440 --> 00:16:36,540
そして興味深いことに
別のHTMLタグがあります

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
>> hrefがXに行く意味等しいです
Webページ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
X.にあるイメージと
あなたが変更することができるかもしれません

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
それは感嘆符のDOCTYPE HTMLです。

387
00:17:19,410 --> 00:17:23,300
だから、HTMLは以来の周りされています
Webページを構築するため、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
そして、私たちは感嘆符を持っています
DOCTYPEの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
そこにそれらの2つの要素間で
あなたのコメントを書き込む場所です。

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
だから、Cおよびその他のように
プログラミング言語

409
00:18:38,990 --> 00:18:43,169
ただ、マークアップ言語であることによって、HTML
コメントを持っている能力を持っています。

410
00:18:43,169 --> 00:18:45,710
そして、私は明らかにするつもりです
リック・アストリーの画像を配置

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
そして、リックの画像の準備
アストリーは、画面上に表示します。

426
00:19:29,500 --> 00:19:31,490
だから私はこれをプレビューします。

427
00:19:31,490 --> 00:19:33,800
リック・アストリーはであります
この任意で非常にトップ

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
私は再び開いて、そのページを開く場合は、私の場合
ポップ画像リンクは、1つのより多くの時間を開きます

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
の3つすべてを行うには
テキストの特定のセット、

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
特にあなたのHTMLとして
ファイルがどんどん大きく取得します。

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