1
00:00:00,230 --> 00:00:00,950
お帰りなさい。

2
00:00:01,140 --> 00:00:06,360
 

3
00:00:06,360 --> 00:00:11,930
そこで、このレッスンでは、新しいファイルを実際にブラウザーで開くことから始めます。また、すべてのHTMLドキュメントの基本的な構造についても学習します。

4
00:00:11,940 --> 00:00:17,190
ですから、すべてのドキュメントには常にわかりやすい定型文があるということがいくつかあります。

5
00:00:17,190 --> 00:00:17,820
 

6
00:00:17,820 --> 00:00:22,880
だから崇高になることを始めて、私は新しいファイルを作るつもりです。

7
00:00:23,100 --> 00:00:29,610
だから、新しいファイルやコマンドをファイルしてから、ファイルを保存して名前を付けます。

8
00:00:29,610 --> 00:00:33,340
ので、ファイルを保存またはコマンドとして。

9
00:00:34,080 --> 00:00:37,040
だから一度私はそれに名前をつけるつもりです。

10
00:00:37,140 --> 00:00:42,980
それを最初にページTと呼ぶことにしましょう。 M. この部分は非常に重要です。

11
00:00:42,990 --> 00:00:44,950
ドット・ティモ。

12
00:00:45,690 --> 00:00:47,120
だから私はセーブします。

13
00:00:47,670 --> 00:00:50,170
そして、それぞれのチームが崇高なことを語ります。

14
00:00:50,340 --> 00:00:55,790
そして、私はそれをクロームで開くと、それはクロムに伝えられます。これは、私がそのように扱われるファイルです。

15
00:00:56,220 --> 00:00:58,000
だからここでティム・アレンに書くことができます。

16
00:00:58,260 --> 00:01:04,460
だから、これまで見てきたタグのうちの1つがH-1であるタグの1つです。

17
00:01:04,800 --> 00:01:06,740
そして、あなたはそれが私のために強調されていることに気付くでしょう。

18
00:01:06,780 --> 00:01:08,040
だからこれを記入しましょう。

19
00:01:08,040 --> 00:01:16,470
これは私の最初のタグであり、このファイルを保存すると、昇華してH D M

20
00:01:16,770 --> 00:01:19,020
Lであることがわかるので、対応するタグが赤くなります。

21
00:01:19,020 --> 00:01:19,950
私の場合。

22
00:01:20,130 --> 00:01:25,680
 

23
00:01:25,680 --> 00:01:31,910
今私たちがやりたいことは、実際にはこのファイルを開いて見ることです。毎回テキストが出てくるのを覚えていますが、ブラウザはそれを解釈して、このようなものに変えます。

24
00:01:31,920 --> 00:01:36,230
実際にChromeに開かせるには、いくつかの解決策があります。

25
00:01:36,270 --> 00:01:41,370
最初のものはそれをダブルクリックするだけで、デフォルトのブラウザで開きます。

26
00:01:41,490 --> 00:01:47,100
それはクロムではない場合、それはまだ動作しますが、それはSafariやFirefoxやInternet

27
00:01:47,580 --> 00:01:53,690
Explorerで開きますが、実際にHTMLを表示しているわけではありません。この素敵なビジュアル表現。

28
00:01:53,690 --> 00:01:58,090
 

29
00:01:58,470 --> 00:02:03,340
いつものように私は自分のページソースを見ることができ、それはただ1つのタグであることがわかります。

30
00:02:03,510 --> 00:02:07,470
このようなものよりもずっと簡単です。

31
00:02:09,330 --> 00:02:11,670
しかし根底にあるのはまったく同じです。

32
00:02:11,940 --> 00:02:15,910
おそらくこのページにH-1があります。

33
00:02:15,960 --> 00:02:17,770
これを行うもう一つの方法です。

34
00:02:18,000 --> 00:02:25,110
ファイルを右クリックしてGoogle

35
00:02:25,110 --> 00:02:27,720
Chromeで開くをクリックするか、ファイルをクリックしてChromeにドラッグすると開くことができます。

36
00:02:27,720 --> 00:02:32,640
同じことが潜在的にうまくいくので、あなたが誤ってファイルを閉じると、ここをドラッグして再び開くことができます。

37
00:02:32,640 --> 00:02:33,470
 

38
00:02:33,570 --> 00:02:40,200
だからちょうどクリックして私はそれを開くことができますあなたを示しています。

39
00:02:40,440 --> 00:02:44,380
だから、残念ながら私は簡単なニュースを壊さなければなりません。

40
00:02:44,370 --> 00:02:47,650
これまでに書いたティムLは、実際には少し間違っています。

41
00:02:47,850 --> 00:02:52,140
電子メールタグ自体は問題ありませんが、これは有効な文書ではありません。

42
00:02:52,140 --> 00:02:57,260
それは、すべてのページに必要な基本的な構造が不足しているためです。

43
00:02:57,840 --> 00:02:59,320
だから、このように見える。

44
00:02:59,490 --> 00:03:01,370
これまでのところこれまでのことと比べてはるかに優れています。

45
00:03:01,380 --> 00:03:03,950
しかし、良いニュースには2つの良いニュースがあります。

46
00:03:03,960 --> 00:03:05,560
1つは常に同じです。

47
00:03:05,900 --> 00:03:12,120
そして、2つの昇華は、私たちがタイプしなければならない4つの文字で非常に素早くこの構造を私たちに与える素敵なショートカットを持っています。

48
00:03:12,120 --> 00:03:13,880
 

49
00:03:14,280 --> 00:03:18,570
だから、私たちはこれらの作品を個別に、少しずつ上に行くつもりですが、私はh

50
00:03:18,570 --> 00:03:25,650
timlファイルの代わりに崇高に昇華させる方法を紹介することから始めるつもりです。タブを押すと、自動的にこの構造が得られます。

51
00:03:25,650 --> 00:03:29,690
 

52
00:03:30,000 --> 00:03:32,400
それでは、これが何をするかを考えてみましょう。

53
00:03:32,400 --> 00:03:33,460
まずは救うつもりです。

54
00:03:33,570 --> 00:03:39,090
H-G

55
00:03:39,090 --> 00:03:48,650
M-Lのような対応するクローズド・ドック・タイプがなく、ヘッドとタイトルとボディー・ドック・タイプがそれ自身であるため、このドック・タイプが上に上がっています。

56
00:03:48,690 --> 00:03:55,320
それでMに行きましょう。 D. どのようにあなたがそこに着くのかを示すだけで、MT-NWとそれからdocタイプを入力することになります。実際に話すのは馬鹿に思えるかもしれませんが、この情報を見つけることは開発者が何かグーグルであることを実感しているので重要です。

57
00:03:55,850 --> 00:04:00,510
 

58
00:04:00,510 --> 00:04:03,700
 

59
00:04:03,720 --> 00:04:05,500
正しい答えをどうやって見つけますか？

60
00:04:05,520 --> 00:04:07,740
私はそれについての完全な壊れた記録になるつもりです。

61
00:04:07,770 --> 00:04:12,660
私の学生は、私がグーグルの芸術について話すたびに笑いますが、それは本当に重要です。

62
00:04:12,930 --> 00:04:13,760
だから私はここにいる。

63
00:04:13,800 --> 00:04:14,910
見てみましょう。

64
00:04:15,030 --> 00:04:20,210
各ティモーエイのdocタイプは、あなたのHMOコンテンツがHDMIを使用していることを示すのが簡単です。

65
00:04:20,210 --> 00:04:26,970
5人は単にdoctype H-2を使用して、その前に感嘆符を付けてHMO 5を使いたいと思っています。

66
00:04:26,970 --> 00:04:27,770
 

67
00:04:27,870 --> 00:04:31,530
私たちは、ちょっとしたことが何であるか、それが何ではないかについて正確に話します。

68
00:04:31,530 --> 00:04:32,580
将来のビデオで。

69
00:04:32,790 --> 00:04:34,070
しかし、我々はそれを使いたいと思う。

70
00:04:34,140 --> 00:04:36,720
それは基本的に老化したばかりの最新バージョンです。

71
00:04:36,990 --> 00:04:38,660
だから我々はこれを上に置く。

72
00:04:39,030 --> 00:04:42,330
ですから、次に話すのはht m l要素です。

73
00:04:42,510 --> 00:04:47,490
ですから、MT-NWを誰がHMOをしているのかを調べることで、これは少し難しくなります。

74
00:04:47,670 --> 00:04:48,540
 

75
00:04:51,470 --> 00:04:56,030
私たちはそこに要素を置くだけで私は常にこの名前の空の終わりを探します。

76
00:04:56,040 --> 00:05:01,350
そして、これは、高齢の彼のルート要素がHMO文書の根を表すことを示しています。

77
00:05:01,500 --> 00:05:04,930
他のすべての要素は、この要素の子孫でなければなりません。

78
00:05:05,040 --> 00:05:06,500
だからそれはかなり自明です。

79
00:05:06,620 --> 00:05:10,310
基本的には、私たちが書いたものはすべて各要素の中に入る必要があります。

80
00:05:10,710 --> 00:05:18,360
さらに重要なのは、許可されたコンテンツの下では、1つのヘッド要素と、それに続く1つのヘッド要素と、1つのヘッドと1つのボディということです。

81
00:05:18,360 --> 00:05:22,640
 

82
00:05:23,820 --> 00:05:28,140
だから、頭が頭の要素であるかどうかを見てみましょう。

83
00:05:28,140 --> 00:05:34,190
ドキュメントのタイトルとリンクを含む一般的な情報メタデータを提供する。スクリプトとスタイルシートの定義である。

84
00:05:34,200 --> 00:05:36,010
 

85
00:05:36,330 --> 00:05:41,200
つまり、基本的には、ユーザーとしてページに表示されないすべてのものです。

86
00:05:41,400 --> 00:05:48,210
だから、私たちのスタイルシートファイルやjavascriptファイルにあるフォントファイルのようなものはすべて頭の中に入り、身体はすべてのコンテンツを置く場所です。

87
00:05:48,210 --> 00:05:53,200
 

88
00:05:53,610 --> 00:05:57,210
これは、年齢のHTML文書の内容を表します。

89
00:05:57,210 --> 00:06:03,760
だから私たちがここに戻ってきたら、コメントを書く方法であることをあなたにもう1つ保証し、彼を斬ってしまいます。

90
00:06:03,750 --> 00:06:04,300
 

91
00:06:04,530 --> 00:06:14,870
もし私がちょうどこの内容を身につけて書いたら私が自分にメモを書いたければ、データが書かれていると書いているように見える。

92
00:06:14,910 --> 00:06:21,000
 

93
00:06:21,750 --> 00:06:26,580
これは実際にページに表示されるため、うまくいけません。

94
00:06:26,720 --> 00:06:31,070
チームはこれをテキストのように扱い、私はそれを自分自身のメモにするだけです。

95
00:06:31,230 --> 00:06:33,570
これはあらゆるプログラミング言語でできることです。

96
00:06:33,690 --> 00:06:41,040
これをコメントにすることができます。コメントは、記号の感嘆符が2つ以下、内容がいくつか、次に反対の2つのダッシュと大なり記号で始まります。

97
00:06:41,040 --> 00:06:47,100
 

98
00:06:49,050 --> 00:06:52,420
だから彼は自分でそれを手作業で入力することを聞くタイプを入力することができます、そして、それは崇高に灰色になるのを見ることができます。

99
00:06:57,000 --> 00:06:59,680
 

100
00:07:00,000 --> 00:07:05,220
 

101
00:07:05,220 --> 00:07:08,360
 

102
00:07:12,570 --> 00:07:21,160
しかし、別の本当に気の利いたショートカットは、選択する必要のない行を選択するだけで、コマンドスラッシュに合わせることができます。また、スラッシュを表示することもできますし、トグルコメントにコメントすることもできます。

103
00:07:21,180 --> 00:07:24,230
あなたがこれを忘れた場合、あなたはそれを書き留めたくありません。

104
00:07:24,260 --> 00:07:25,200
もう一つの素敵なこと。

105
00:07:25,250 --> 00:07:30,380
私は自分自身に複数のメモを持っていて、すべてを選択して同じことをすることができるとしましょう。

106
00:07:30,420 --> 00:07:33,000
コマンドスラッシュ。

107
00:07:34,440 --> 00:07:35,320
すばらしいです。

108
00:07:35,400 --> 00:07:38,860
だから私はここに自分自身のメモであるこれらのコメントを残すつもりです。

109
00:07:39,000 --> 00:07:40,740
私のコンテンツは体の中に入ります。

110
00:07:40,830 --> 00:07:43,000
それは頭の中に入る。

111
00:07:43,830 --> 00:07:50,880
つまり、私たちが自分のノートに従っているなら、ここのコンテンツは私たちの体の中に入る必要があるということです。

112
00:07:52,680 --> 00:07:57,450
ですから、Doctypeを除いてH Tim L要素の外側に何も浮かべてはいけません。

113
00:07:57,540 --> 00:08:02,280
他のすべては頭の中または体の中に入る。

114
00:08:02,280 --> 00:08:06,570
それでは、これを開いて前と同じように見えるようにしましょう。

115
00:08:06,570 --> 00:08:07,470
ダブルクリック。

116
00:08:07,620 --> 00:08:09,250
同じように見えます。

117
00:08:09,420 --> 00:08:12,960
ページソースが同じように見えるようにしましょう。

118
00:08:12,960 --> 00:08:17,580
H-1だけが現れているのは当然のことです。

119
00:08:17,580 --> 00:08:20,590
ここにいる間に欠けていることの1つはタイトルです。

120
00:08:20,880 --> 00:08:27,570
タイトルは、実際のページに表示されないページに表示されるためではなく、重要です。

121
00:08:27,690 --> 00:08:28,980
それは頭の中にあることを忘れないでください。

122
00:08:29,040 --> 00:08:32,660
だから、それはメタデータなのですが、それは2つのことです。

123
00:08:32,700 --> 00:08:37,270
1つは、私たちのタブに表示される名前またはテキストが表示されます。

124
00:08:37,740 --> 00:08:43,710
また、他のページがサイトにリンクしているときや、Googleにアクセスしてこれらの名前でMDAを検索したとき、検索エンジンや他のページでも重要です。

125
00:08:44,070 --> 00:08:49,890
 

126
00:08:49,880 --> 00:08:52,770
これらはタイトルの要素から来ています。

127
00:08:52,760 --> 00:08:58,070
したがって、例えばM. D. あなたのウェブ上で10年間の文書をクリックするとそれを祝う。

128
00:08:58,470 --> 00:09:02,120
あなたはここにMDAがあり、それが断たれることを祝うと分かります。

129
00:09:02,190 --> 00:09:07,500
タイトル要素のページの外観を調べることができます。

130
00:09:07,500 --> 00:09:08,730
ここにはたくさんのものがあります。

131
00:09:08,760 --> 00:09:12,250
あなたのウェブを文書化して10年を祝う。

132
00:09:12,600 --> 00:09:13,810
ミズゾルのブログ。

133
00:09:14,340 --> 00:09:16,340
だからタイトルは重要です。

134
00:09:17,070 --> 00:09:24,710
そこで、ArcSightにタイトルを付けてみましょう。ちょうどここに私の最初のページリフレッシュウォッチと呼びましょう。

135
00:09:25,710 --> 00:09:27,080
それは今のところそれです。

136
00:09:27,090 --> 00:09:28,420
2つのことを覚

137
00:09:28,540 --> 00:09:31,640
このボイラープレートはH him l tabと入力するだけです。

138
00:09:31,770 --> 00:09:33,720
あなたはその文書の中に2つ以上あることは決してありません。

139
00:09:33,890 --> 00:09:37,850
しかし、ちょうどあなたはhtmlのタブとコメントを覚えています。

140
00:09:37,980 --> 00:09:41,880
あなたはコマンドスラッシュを使用してそれらをオンまたはオフにすることができます。

141
00:09:41,900 --> 00:09:42,340
大丈夫