1
00:00:00,420 --> 00:00:08,500
이 비디오는 HTML Attributes 속성에 중점을두고 있습니다. 우리는 노인에게 추가 정보를 추가하는 방법입니다.
2
00:00:08,670 --> 00:00:13,590
그래서 그들은 그 문구를 많이 듣게 될 핵심 가치 쌍의 형태를 취합니다.
3
00:00:13,590 --> 00:00:17,990
기본적으로 속성과 해당 값을 의미합니다.
4
00:00:18,330 --> 00:00:28,030
그래서 소스와 같은 것이 Corgies up PMG 클래스와 동등 할 것입니다. 선택된 타입은 SS보다 적은 텍스트와 같습니다. 그런 것들을 걱정하지 마십시오.
5
00:00:28,050 --> 00:00:29,300
우리는 그들 모두를 제 시간에 볼 것입니다.
6
00:00:29,460 --> 00:00:43,130
그러나 개발자 네트워크는 텍스트 메시지의 일부 형식과 동일합니다. 요소 네트워크에서와 마찬가지로 포괄적 인 특성 참조를 갖지만 모든 속성에서 그를 강조합니다.
7
00:00:43,500 --> 00:00:48,050
따라서 스크롤 할 때 가장 먼저 눈치 챌 것은 많은 다른 속성이 있다는 것입니다.
8
00:00:48,360 --> 00:00:51,880
그리고 요소들과 마찬가지로이 모든 것을 알 필요가 없습니다.
9
00:00:51,900 --> 00:01:01,130
사실 대부분의 개발자는이 중 80 %를 사용하지 않으므로 개발자가 자주 사용하는 15 개의 속성 중 5 개 또는 15 개 속성의 하위 집합이 있습니다.
10
00:01:01,470 --> 00:01:05,480
또한 모든 속성이 모든 단일 요소에서 작동하는 것은 아닙니다.
11
00:01:05,490 --> 00:01:09,750
실제로 대부분의 속성은 2 ~ 5 개의 다른 요소에서만 작동합니다.
12
00:01:09,750 --> 00:01:11,440
그들 중 일부는 하나에 대해서만 작동합니다.
13
00:01:11,580 --> 00:01:16,520
따라서이 두 번째 열은 주어진 속성이 작동하는 요소를 나타냅니다.
14
00:01:16,590 --> 00:01:20,980
그래서 지금까지 사용하지 않았던 속성 인 코드와 비슷합니다.
15
00:01:21,120 --> 00:01:27,580
그러나 우리는 여기에서 그것이 당신이 사과에서 벗어났다는 것을 말해 줄 수 있습니다.
16
00:01:27,600 --> 00:01:33,250
그것이 의미하는 것은 무엇이든간에, 애플릿 엘리먼트에서만 작동합니다.
17
00:01:33,450 --> 00:01:49,360
그러나 우리가 검색 할 소스와 같은 좀 더 일반적인 것을 취하면 RC 속성이 상당히 다른 요소에서 작동한다는 것을 알 수 있습니다. 오디오 내장 I 프레임 이미지 입력 스크립트 소스 트랙 비디오는 실제로 소스를 사용합니다. 속성이 동영상의 뒷부분에 있습니다.
18
00:01:49,380 --> 00:02:05,220
따라서 많은 요소가있는 것처럼 많은 특성이 있지만 중요한 요소가 몇 가지 있습니다. 칼과 HPF 인 두 개를 강조하여 시작하고 그 두 속성은 이미지에 실제로 중요합니다. 앵커 태그 또는 링크를 각각 나타냅니다.
19
00:02:05,490 --> 00:02:09,880
그래서 슬라이드로 돌아가서 이미지가 정말 재미 있습니다.
20
00:02:09,900 --> 00:02:12,010
웹 사이트 제작의 중요한 부분.
21
00:02:12,130 --> 00:02:14,490
실제로는 매우 짧은 태그로 작성됩니다.
22
00:02:14,670 --> 00:02:21,630
그리고 개폐 태그가없는 곳에서 이전에 보았던 것과 약간 다르게 보일 것입니다.
23
00:02:21,640 --> 00:02:25,570
안쪽에는 HMO 또는 내부 텍스트가 없습니다.
24
00:02:25,680 --> 00:02:32,650
오히려 우리는 열리고 닫히는이 심상 꼬리표 및 그 후에 단 하나 속성을 다만있다.
25
00:02:33,450 --> 00:02:34,910
그래서 어떻게하는지 보여 드리겠습니다.
26
00:02:34,920 --> 00:02:39,090
물론 이미지를 찾아서 시작합시다.
27
00:02:40,180 --> 00:02:42,870
나는 특히 코기 믹스를 좋아합니다.
28
00:02:42,870 --> 00:02:44,580
나는 코기 거친 믹스를 좋아합니다.
29
00:02:44,580 --> 00:02:45,770
우리는 거기에 갈.
30
00:02:46,320 --> 00:02:47,850
이 이미지를 가져 가자.
31
00:02:48,270 --> 00:02:49,610
사랑 스럽다 개.
32
00:02:49,950 --> 00:02:53,340
그리고 오래된 문서로 가보 죠.
33
00:02:53,340 --> 00:02:55,550
다시 나는 우리가 지금까지해온 일로 돌아갈 것이다.
34
00:02:55,560 --> 00:03:00,060
그러나 이것은 분명히 우리가 실제로 구축 할 오래가는 사이트는 아닙니다.
35
00:03:00,060 --> 00:03:02,640
이것은 HMO의 스크래치 패드와 같습니다.
36
00:03:03,570 --> 00:03:07,500
그러니 페이지 어디서든 단어를 다시 입력 해 봅시다.
37
00:03:07,500 --> 00:03:08,870
나는 g이다.
38
00:03:09,150 --> 00:03:14,790
종결 태그가 필요하지 않으므로 그렇게하지 마십시오.
39
00:03:14,790 --> 00:03:16,920
이것은 자동 닫기 태그입니다.
40
00:03:17,370 --> 00:03:31,000
그리고 우리가 가지고 있어야만하는 하나의 속성이 있습니다. S C는 소스를 나타내며, 우리가이 태그를 사용하게 만들려는 이미지의 역할을합니다. 그러면 당신이 호스팅 될 수 있습니다.
41
00:03:31,140 --> 00:03:38,800
이 이미지는 여기에 있지만 내 컴퓨터에 저장 한 이미지 일 수도 있습니다.
42
00:03:39,420 --> 00:03:48,410
같은 디렉토리에있을 수도 있고 같은 폴더에있을 수도 있습니다.이 경우 JPAC과 같이 참조 할 수 있습니다.
43
00:03:49,110 --> 00:03:52,200
지금은이 온라인 이미지를 다루겠습니다.
44
00:03:52,220 --> 00:03:58,080
우리는 우리가 이미지를 넣은 것들을 재구성하고 나중에 모든 것을 재구성하는 것에 대해 더 많은 시간을 할애 할 것입니다.
45
00:03:58,260 --> 00:03:59,300
저장하십시오.
46
00:03:59,610 --> 00:04:02,630
이 파일을 열어 보겠습니다.
47
00:04:03,690 --> 00:04:04,710
그리고 거기에 우리가 간다.
48
00:04:04,710 --> 00:04:06,590
이미지 태그가 있습니다.
49
00:04:07,440 --> 00:04:13,510
속성을 사용하는 또 다른 유형의 태그는 링크를 만드는 방식입니다.
50
00:04:13,680 --> 00:04:16,560
따라서 태그 센서 앵커 태그는 매우 중요합니다.
51
00:04:16,560 --> 00:04:19,680
다른 웹 페이지 링크를 만드는 방법입니다.
52
00:04:19,740 --> 00:04:24,450
그것은 당신이 클릭 한 모든 결과를 검색 할 때 Google에서 어떻게 사용되는지를 보여줍니다.
53
00:04:24,570 --> 00:04:25,490
그건 앵커 태그 야.
54
00:04:25,500 --> 00:04:38,000
당신이 모든 소셜 미디어 버튼을 알고있을 때 그 링크의 모든 하나 또는 일부 웹 사이트 페이스 북의 Instagram 트위터 그 모든 버튼은 실제로 당신이 그들을 클릭하고 다른 페이지로 데려다 링크입니다.
55
00:04:38,730 --> 00:04:40,740
그래서 형식은 다음과 같습니다.
56
00:04:41,070 --> 00:04:45,550
열고 내부의 일부 텍스트를 닫는 태그.
57
00:04:45,840 --> 00:04:51,100
그리고 나서 각 ref 속성은 당신의 URL과 동일합니다.
58
00:04:51,180 --> 00:04:52,710
여기에 예제를 보여 드리겠습니다.
59
00:04:52,740 --> 00:04:54,250
우리는 꼬리표를 만들거야.
60
00:04:54,960 --> 00:04:59,160
그리고 이것은 단지 Google에 대한 링크가 될 것입니다.
61
00:04:59,550 --> 00:05:07,700
그래서 우리는 ref 속성 ref가 GWW dot with Google dot com과 같다고 제안 할 것입니다.
62
00:05:07,740 --> 00:05:08,910
그래서 이것이 링크가되는 곳입니다.
63
00:05:08,910 --> 00:05:17,710
물론이 링크가 보이지 않기 때문에 지금 당장 페이지를 새로 고치면 실제로 아무 것도 보지 않을 것입니다.
64
00:05:17,730 --> 00:05:19,890
클릭 할 내용이 없습니다.
65
00:05:20,100 --> 00:05:30,710
내부 내용의 태그 안쪽을 클릭하면 Google로 이동한다고 표시됩니다.
66
00:05:31,980 --> 00:05:32,250
승인.
67
00:05:32,250 --> 00:05:35,190
보시다시피 클릭하면 좋은 링크가됩니다.
68
00:05:35,190 --> 00:05:38,180
또한 인라인 요소라는 것을 알 수 있습니다.
69
00:05:38,190 --> 00:05:39,740
자체 블록을 차지하지 않습니다.
70
00:05:39,750 --> 00:05:41,220
자체 회선을 사용하지 않습니다.
71
00:05:41,220 --> 00:05:44,460
내용을 그 아래에있는 새로운 줄에 넣으십시오.
72
00:05:44,460 --> 00:05:48,100
그래서 그것은 일치하고 Google을 클릭하면 Google로 연결됩니다.
73
00:05:48,120 --> 00:05:50,850
그러나 그것은 효과가 없습니다.
74
00:05:51,090 --> 00:05:57,330
당신이 콜론 슬래시 파일을 작성하는 데 필요한 모든 것을 다 살펴보십시오.
75
00:05:57,330 --> 00:06:00,330
이것은 파일 자체 일뿐입니다.
76
00:06:00,330 --> 00:06:03,180
그런 다음 www.youtube.com을 방문하십시오.
77
00:06:03,180 --> 00:06:22,670
백엔드 섹션에서 어떤 일이 벌어지고 있는지에 대해서는 많은 부분을 다루지 않기 때문에 필자는 파일 프로토콜을 사용하고 있는데, 파일을 열었을 때 바로이 링크를 클릭하면 어떻게됩니까? 나는 파일 프로토콜을 다시 사용하고 Google.com에 가야한다고 생각합니다.
78
00:06:22,740 --> 00:06:31,460
그러나 내가 실제로하고 싶은 것은 HTP 프로토콜상의 구글 닷컴으로 간다.
79
00:06:31,530 --> 00:06:34,050
따라서 내 링크가 확실한 지 확인해야합니다.
80
00:06:34,050 --> 00:06:38,500
따라서 클릭을 새로 고침하면 Google로 이동합니다.
81
00:06:38,520 --> 00:06:48,110
내가 HTP 콜론 슬래시 www.youtube.com이어야한다는 것을 지정했기 때문에 실제로 나를 Google로 안내합니다.
82
00:06:48,180 --> 00:06:55,180
그 말로는 가끔 HTP에없는 다른 페이지로 연결하고 싶습니다.
83
00:06:55,350 --> 00:06:57,020
그래서 나는 당신에게 모범을 보일 것이다.
84
00:06:57,150 --> 00:06:58,250
그것은 하나의 태그입니다.
85
00:06:58,470 --> 00:07:05,290
그리고 저는 이것이 존재하지 않는 HVM L이라는 2 페이지로 가도록하겠습니다.
86
00:07:05,640 --> 00:07:07,710
2 페이지로 이동하십시오.
87
00:07:08,640 --> 00:07:21,510
그리고 지금 제가해야 할 일은 페이지를 만드는 것입니다. 그리고이 페이지 역시 정말로 단순한 단락 일 것입니다.
88
00:07:21,510 --> 00:07:28,530
이것은 2 페이지이며 데스크탑에 동일한 디렉토리에 함께 저장합니다.
89
00:07:28,530 --> 00:07:36,340
제가 첫 페이지와 페이지 2를 가지고 있고이 링크가 HMO의 페이지로 이동한다는 것을 알 수 있습니다.
90
00:07:36,510 --> 00:07:39,980
페이지 2로 이동합니다.
91
00:07:40,330 --> 00:07:43,680
나는 그것을 클릭하면 내 uro가 변경되었음을 알 수 있습니다.
92
00:07:43,950 --> 00:07:52,050
그래서 이제는 제 1 페이지 연구 인 Timo가 아니라 지금은 HTML과 같은 정확한 위치로 이동합니다.
93
00:07:52,500 --> 00:07:55,120
그래서 우리는 당신이나 다른 두 종류를 보게됩니다.
94
00:07:55,230 --> 00:08:10,450
하나는 상대 경로를 의미하며 이는 모든 것을 동일하게 유지하고 해당 HMO에 스플래시 페이지를 추가하거나 완전히 다른 곳으로 Google에 가고 싶기 때문에 내가 어디 있는지 상관하지 않습니다.
95
00:08:10,590 --> 00:08:12,960
둘 다 atax입니다.
96
00:08:13,320 --> 00:08:16,530
따라서 이러한 유형의 사용법은 실제로 매우 일반적입니다.
97
00:08:16,800 --> 00:08:30,940
포트폴리오 사이트가 있고 About Me 페이지가 있고 프로젝트 및 이력서 및 연락처 정보 페이지가있는 경우 해당 사이트는 작성한 HMO 파일이 모두 다를 수 있으며 atax와 함께 링크됩니다.
98
00:08:31,290 --> 00:08:33,450
그리고이 유스 케이스는 또한 매우 일반적입니다.
99
00:08:33,600 --> 00:08:41,660
페이스 북 링크와 구글 플러스 링크를 사용하고 싶다면 누군가 나 Instagram 등을 사용하고 있는지 추측 할 수 있습니다.
100
00:08:42,030 --> 00:08:45,870
그래서 이것을 요약하면 이미지 태그가있는 태그가 있습니다.
101
00:08:45,870 --> 00:08:51,720
둘 다 속성을 사용하고 속성은 정보를 전달하는 유일한 방법입니다.