1
00:00:00,420 --> 00:00:07,170
このビデオでは、HTML Attributes属性に焦点を当てています。これは、老化したhim out要素に追加情報を追加する方法です。
2
00:00:07,170 --> 00:00:08,500
3
00:00:08,670 --> 00:00:13,590
だから彼らはあなたがそのフレーズをたくさん聞くことになる鍵の価値のペアの形を取る。
4
00:00:13,590 --> 00:00:17,990
基本的にはプロパティとそれに対応する値を意味します。
5
00:00:18,330 --> 00:00:26,180
それはソースのようなものかもしれませんコルギスPMGクラス同等の選択されたタイプはSSより少ないテキストに等しいので、それらのことを心配しないでください。
6
00:00:26,190 --> 00:00:28,030
7
00:00:28,050 --> 00:00:29,300
我々はそれらをすべて時間通りに見るつもりです。
8
00:00:29,460 --> 00:00:37,680
しかし、それはいくつかの単語のこの形式は、テキストメッセージの何かに相当します。開発者ネットワークは、要素の場合と同様に包括的な属性参照を持っていますが、
9
00:00:37,680 --> 00:00:43,130
10
00:00:43,500 --> 00:00:47,820
だから私がスクロールするときに気づくはずの最初のことは、多くの異なる属性があるということです。
11
00:00:48,360 --> 00:00:51,880
そして要素のように、これらのすべてを知る必要はありません。
12
00:00:51,900 --> 00:00:58,560
実際、ほとんどの開発者はこれらの80％を使用しないため、開発者がかなり頻繁に使用する5つの属性（おそらく15種類）が15種類あります。
13
00:00:58,560 --> 00:01:01,130
14
00:01:01,470 --> 00:01:05,480
すべての属性がすべての要素で機能するわけではないことに注意することも重要です。
15
00:01:05,490 --> 00:01:09,750
実際、ほとんどのアトリビュートは2〜5種類の異なる要素にしか作用しません。
16
00:01:09,750 --> 00:01:11,440
それらのうちのいくつかは1つのみで動作します。
17
00:01:11,580 --> 00:01:16,520
したがって、この2番目の列は、特定の属性が機能する要素を示します。
18
00:01:16,590 --> 00:01:20,980
だから私は今までに使用したことのない属性であるコードのようなものです。
19
00:01:21,120 --> 00:01:26,130
しかし、ここからは、あなたがリンゴの外に出ていて、負荷がかけられて実行されていると分かります。
20
00:01:26,130 --> 00:01:27,580
21
00:01:27,600 --> 00:01:33,250
それが意味することは何でも、それは私が前に使用したことのないアプレット要素にしか作用しません。
22
00:01:33,450 --> 00:01:38,680
23
00:01:38,790 --> 00:01:45,300
24
00:01:45,450 --> 00:01:49,360
しかし私がちょうど私が探しているソースのようなもっと一般的なものを取った場合、RC属性はかなり異なる要素で動作することがわかります。オーディオ埋め込みIフレームの画像入力スクリプトのソーストラックビデオです。実際にソースを使用します属性はこのビデオの後半にあります。
25
00:01:49,380 --> 00:01:53,790
26
00:01:53,790 --> 00:01:59,220
27
00:01:59,640 --> 00:02:05,220
だから重要な要素がたくさんあるのと同じように多くの要素がありますが、実際にはいくつかの重要な要素があります。まず、剣とHPFである2つの要素を強調表示し、2つの属性が画像にとって本当に重要ですアンカータグまたはリンクにそれぞれ対応します。
28
00:02:05,490 --> 00:02:09,880
だから、スライドに戻って、画像が本当に楽しくなるようにしましょう。
29
00:02:09,900 --> 00:02:12,010
ウェブサイトを作る重要な要素。
30
00:02:12,130 --> 00:02:14,490
実際には非常に短いタグで記述することができます。
31
00:02:14,670 --> 00:02:20,760
そして、あなたは、あなたが以前に見たものとは少し違って見えることに気づくでしょう。
32
00:02:20,760 --> 00:02:21,630
33
00:02:21,640 --> 00:02:25,570
内部のコンテンツはありません。内部のHMOや内部のテキストはありません。
34
00:02:25,680 --> 00:02:32,650
むしろ、開いて閉じる画像タグと単一の属性を持つだけです。
35
00:02:33,450 --> 00:02:34,910
だから私はあなたにこれを行う方法を示します。
36
00:02:34,920 --> 00:02:39,090
画像を見つけることから始めましょう。
37
00:02:40,180 --> 00:02:42,870
特にコーギー混合が大好きです。
38
00:02:42,870 --> 00:02:44,580
私はコーギーハスキーミックスが大好きです。
39
00:02:44,580 --> 00:02:45,770
そこに行く。
40
00:02:46,320 --> 00:02:47,850
この画像を撮りましょう。
41
00:02:48,270 --> 00:02:49,610
愛らしい犬。
42
00:02:49,950 --> 00:02:53,340
そして、何歳もの古い文書に行きましょう。
43
00:02:53,340 --> 00:02:55,550
私はもう一度、私たちが取り組んできたことに戻るつもりです。
44
00:02:55,560 --> 00:03:00,060
しかし、これは明らかに、我々が実際に構築しようとしている長期的なサイトではありません。
45
00:03:00,060 --> 00:03:02,640
これは、HMOのスクラッチパッドのようなものです。
46
00:03:03,570 --> 00:03:07,500
だから、どこのページに行って単語を再入力しましょう。
47
00:03:07,500 --> 00:03:08,870
私はGです。
48
00:03:09,150 --> 00:03:14,790
終了タグは必要ないので、これをしないでください。
49
00:03:14,790 --> 00:03:16,920
これは自己終了タグです。
50
00:03:17,370 --> 00:03:23,430
そして、私たちが持っていなければならない単一の属性があります。S
51
00:03:23,730 --> 00:03:30,330
Cはソースを表し、それはあなたがホストされているものになるように、このタグを使用しようとしているイメージの役割です。
52
00:03:31,140 --> 00:03:38,800
このイメージはここにありますが、私のマシンに保存したイメージでもあります。
53
00:03:39,420 --> 00:03:44,160
それは私が同じフォルダにあるか、同じフォルダにある可能性があります。その場合、私はそれをJPACの犬のように参照します。
54
00:03:44,160 --> 00:03:48,410
55
00:03:49,110 --> 00:03:52,200
今のところ、これらのオンライン画像を扱うつもりです。
56
00:03:52,220 --> 00:03:56,540
我々は、イメージを置いたものとそれ以降のものをどこで再構成するかについて、もう少し時間を費やしていきます。
57
00:03:56,540 --> 00:03:58,080
58
00:03:58,260 --> 00:03:59,300
これを保存します。
59
00:03:59,610 --> 00:04:02,630
このファイルを開いてみましょう。
60
00:04:03,690 --> 00:04:04,710
そしてそこに行く。
61
00:04:04,710 --> 00:04:06,590
画像タグがあります。
62
00:04:07,440 --> 00:04:13,510
したがって、属性を使用する別のタイプのタグは、リンクの作成方法であるタグです。
63
00:04:13,680 --> 00:04:16,560
だから、タグセンサーアンカータグは本当に重要です。
64
00:04:16,560 --> 00:04:19,680
他のウェブページへのリンクを作成する方法です。
65
00:04:19,740 --> 00:04:24,450
それはあなたが何かをクリックするたびにあなたが何かを検索するときにGoogle上でどのようにしているかです。
66
00:04:24,570 --> 00:04:25,490
アンカータグです
67
00:04:25,500 --> 00:04:31,380
それらのリンクのすべて1つ1つまたはいくつかのWebサイトであなたがすべてのソーシャルメディアのボタンを知っている場合Facebook
68
00:04:31,800 --> 00:04:36,390
Instagram
69
00:04:36,390 --> 00:04:38,000
Twitterこれらのボタンは実際にあなたがそれらをクリックするリンクであり、彼らは別のページに連れて行く。
70
00:04:38,730 --> 00:04:40,740
したがって、形式は次のとおりです。
71
00:04:41,070 --> 00:04:45,550
内部のテキストを開閉するタグ。
72
00:04:45,840 --> 00:04:51,100
そして、それぞれのref属性はあなたのURLと同じです。
73
00:04:51,180 --> 00:04:52,710
ここでは例を紹介します。
74
00:04:52,740 --> 00:04:54,250
私たちはタグをつけるつもりです。
75
00:04:54,960 --> 00:04:59,160
これはGoogleへのリンクになるだけです。
76
00:04:59,550 --> 00:05:07,700
そこで、ref属性refがGWW dot Google comに等しいことを示します。
77
00:05:07,740 --> 00:05:08,910
それでリンクがどこに行くのですか。
78
00:05:08,910 --> 00:05:16,080
もちろん、このリンクが見えないので、今すぐページをリフレッシュしても、実際には何も見ません。
79
00:05:16,110 --> 00:05:17,710
80
00:05:17,730 --> 00:05:19,890
クリックするだけのテキストはありません。
81
00:05:20,100 --> 00:05:30,710
内側のタグの内側にあるので、私はGoogleに行くといいます。
82
00:05:31,980 --> 00:05:32,250
OK。
83
00:05:32,250 --> 00:05:35,190
あなたが見ることができるように、それは私がクリックできる素敵なリンクになります。
84
00:05:35,190 --> 00:05:38,180
また、インライン要素であることがわかります。
85
00:05:38,190 --> 00:05:39,740
それは独自のブロックを占めません。
86
00:05:39,750 --> 00:05:41,220
それは独自の行を取っていません。
87
00:05:41,220 --> 00:05:44,460
コンテンツをその下の新しい行に強制します。
88
00:05:44,460 --> 00:05:48,100
だから、それは一直線上にあり、私はそれをクリックすると私たちをGoogleに連れて行くはずです。
89
00:05:48,120 --> 00:05:50,850
しかし、それはまったく機能しません。
90
00:05:51,090 --> 00:05:57,330
私がコロンのスラッシュスラッシュを書くのにかかるすべてです。
91
00:05:57,330 --> 00:06:00,330
これは単なるファイルそのものです。
92
00:06:00,330 --> 00:06:03,180
そしてwww。 youtube。 com。
93
00:06:03,180 --> 00:06:07,650
94
00:06:08,040 --> 00:06:14,520
95
00:06:14,520 --> 00:06:21,690
96
00:06:21,690 --> 00:06:22,670
私たちがバックエンドセクションに到達するときにこれを多くカバーするので、あまり詳しく説明しないと、ファイルプロトコルを使用しています。これは、ファイルを開くときに起こることです。私は再びファイルプロトコルを使用し、Googleドットコムに行きたいと考えています。
97
00:06:22,740 --> 00:06:31,460
しかし、私が実際にやりたいことは、HTPプロトコルのGoogleドットコムに行くことです。
98
00:06:31,530 --> 00:06:34,050
だから私は自分のリンクが明白であることを確認する必要があります。
99
00:06:34,050 --> 00:06:38,500
だから私は私のクリックをリフレッシュするとき私はGoogleに行く私をクリックします。
100
00:06:38,520 --> 00:06:46,770
私はこれをHTPのコロンスラッシュスラッシュにする必要があると指定しているので、実際には私をGoogleに連れて行きます。 youtube。 com。
101
00:06:48,180 --> 00:06:55,180
それで、時々HTP上にない別のページにリンクしたいと思っています。
102
00:06:55,350 --> 00:06:57,020
だから私はあなたに例を挙げます。
103
00:06:57,150 --> 00:06:58,250
それはタグです。
104
00:06:58,470 --> 00:07:05,290
そして、私はこれを2ページのHVM Lが存在しないということにします。
105
00:07:05,640 --> 00:07:07,710
2ページに進んでください。
106
00:07:08,640 --> 00:07:11,790
107
00:07:15,480 --> 00:07:21,510
そして今私がする必要があるのは、ページを作ることだけです。このページも本当に本当にシンプルな単なる段落になるでしょう。
108
00:07:21,510 --> 00:07:28,530
これは2ページ目です。デスクトップに同じディレクトリに保存しています。
109
00:07:28,530 --> 00:07:36,340
私は最初のページと2ページ目を持っていることがわかります。このリンクは、そのHMOのページに行くだけです。
110
00:07:36,510 --> 00:07:39,980
ページ2を見てください。
111
00:07:40,330 --> 00:07:43,680
私はそれをクリックし、私のウロが変わったのを見ることができます。
112
00:07:43,950 --> 00:07:50,460
だから、これは今、まったく同じ場所に私を連れて行きます。ただし、最初のページ調査Timoではなく、その年齢のHTMLです。
113
00:07:50,460 --> 00:07:52,050
114
00:07:52,500 --> 00:07:55,120
だから私たちはあなたの2つのタイプを見ています。
115
00:07:55,230 --> 00:08:02,280
116
00:08:02,370 --> 00:08:09,780
117
00:08:09,780 --> 00:08:10,450
1つは相対パスと呼ばれ、私はすべてを同じに保ち、そのHMOにスプラッシュページを追加するか、Googleとは全く別の場所に行きたいので私がどこにいるかは関係ありません。
118
00:08:10,590 --> 00:08:12,960
どちらもataxです。
119
00:08:13,320 --> 00:08:16,530
したがって、このタイプの使用法は実際には本当に一般的です。
120
00:08:16,800 --> 00:08:22,950
あなたがポートフォリオサイトを持っていて、あなたが私についてのページを持っていて、プロジェクト用のページとあなたの履歴書と連絡先情報があればそれらはあなたが作成した異なるHMOファイルであり、
121
00:08:22,950 --> 00:08:29,010
122
00:08:29,010 --> 00:08:30,940
123
00:08:31,290 --> 00:08:33,450
そして、このユースケースも本当に一般的です。
124
00:08:33,600 --> 00:08:39,990
あなたのFacebookのリンクやGoogleのGoogle Plusにリンクしたいのであれば、誰かがInstagramやInstagramなどを使っているかどうかは推測できます。
125
00:08:39,990 --> 00:08:41,660
126
00:08:42,030 --> 00:08:45,870
これを合計すると、画像タグが付いたタグが得られます。
127
00:08:45,870 --> 00:08:51,720
どちらも属性と属性を使用すると、情報を渡すだけの方法です。
128
00:08:51,870 --> 00:08:57,980
彼らはこの形式のキー値のペアに従います。何かが引用符で囲まれたもの