1
00:00:00,230 --> 00:00:00,950
우리는 다시 올 것이다.

2
00:00:01,140 --> 00:00:11,930
이 수업에서는 브라우저에서 새로운 파일을 실제로 채우는 것으로 시작하여 모든 HTML 문서의 기본 구조에 대해 배우겠습니다.

3
00:00:11,940 --> 00:00:17,820
따라서 모든 문서에는 항상 우리가 배울 상용어의 종류가 있습니다.

4
00:00:17,820 --> 00:00:22,880
그래서 숭고하고 새로운 파일을 만들 것입니다.

5
00:00:23,100 --> 00:00:29,610
그래서 새로운 파일이나 명령을 파일로 저장 한 다음 파일을 저장하고 이름을 지정합니다.

6
00:00:29,610 --> 00:00:33,340
그래서 파일을 저장하거나 명령하십시오.

7
00:00:34,080 --> 00:00:37,040
그래서 일단 그렇게하면 우리는 이름을 부여 할 것입니다.

8
00:00:37,140 --> 00:00:42,980
우선 페이지 T.M.이라고합니다. 이 부분은 매우 중요합니다.

9
00:00:42,990 --> 00:00:44,950
점 티모.

10
00:00:45,690 --> 00:00:47,120
그래서 나는 구원을 얻을 것이다.

11
00:00:47,670 --> 00:00:50,170
그리고 각 팀마다 승화를 전합니다.

12
00:00:50,340 --> 00:00:55,790
그리고 크롬에서 열면 크롬에게 알려줍니다.이 파일은 내가 처리 할 파일입니다.

13
00:00:56,220 --> 00:00:58,000
그래서 팀 알렌에게 편지를 쓸 수 있습니다.

14
00:00:58,260 --> 00:01:04,460
이제부터 H-1이라는 태그 중 하나만 보았습니다.

15
00:01:04,800 --> 00:01:06,740
그리고 그것이 나를 위해 강조 표시됩니다.

16
00:01:06,780 --> 00:01:08,040
그래서 이것을 채우자.

17
00:01:08,040 --> 00:01:19,020
이것은 첫 번째 태그이며이 파일을 저장하면 승화가 H D M L임을 알게 될 것이므로 강조 표시하면 해당 태그가 빨간색이됩니다.

18
00:01:19,020 --> 00:01:19,950
나의 경우에는.

19
00:01:20,130 --> 00:01:31,910
이제 우리가하고 싶은 것은 실제로이 파일을 열어 볼 때마다 텍스트를 그냥 기억하기 때문에 브라우저는 그것을 해석하고 이것을 다음과 같이 변환합니다.

20
00:01:31,920 --> 00:01:36,230
따라서 Chrome에 실제로 열려면 몇 가지 해결책이 있습니다.

21
00:01:36,270 --> 00:01:41,370
첫 번째 것은 두 번 클릭하면 기본 브라우저에서 열립니다.

22
00:01:41,490 --> 00:01:58,090
크롬이 아니라면 Safari, Firefox 또는 Internet Explorer에서 열어 볼 수 있습니다. 실제로 열면 HTML이 나오기 때문에 실제 HTML을 볼 수는 없습니다. 이 멋진 시각적 표현.

23
00:01:58,470 --> 00:02:03,340
항상 그렇듯이 내 페이지 소스를 볼 수 있으며 단지 하나의 태그 만 볼 수 있습니다.

24
00:02:03,510 --> 00:02:07,470
이런 것보다 확실히 단순합니다.

25
00:02:09,330 --> 00:02:11,670
그러나 그것들은 근본적으로 똑같습니다.

26
00:02:11,940 --> 00:02:15,910
그리고 아마이 페이지에도 H-1이있을 것입니다.

27
00:02:15,960 --> 00:02:17,770
이렇게 한 다른 방법.

28
00:02:18,000 --> 00:02:27,720
파일을 마우스 오른쪽 버튼으로 클릭하여 Google 크롬으로 열거 나 클릭하거나 클릭하여 Chrome으로 드래그하면 열 수도 있습니다.

29
00:02:27,720 --> 00:02:33,470
똑같은 일이 잠수함에 잘 맞습니다. 우연히 파일을 닫으면 여기로 끌고 다시 열 수 있습니다.

30
00:02:33,570 --> 00:02:40,200
클릭 만하면 열 수 있습니다.

31
00:02:40,440 --> 00:02:44,380
불행히도 나는 단순한 뉴스를 망쳐야 만한다.

32
00:02:44,370 --> 00:02:47,650
지금까지 작성한 Tim L은 실제로 약간 잘못되었습니다.

33
00:02:47,850 --> 00:02:52,140
전자 메일 태그 자체는 괜찮지 만 유효한 문서는 아닙니다.

34
00:02:52,140 --> 00:02:57,260
이는 모든 페이지에 필요한 기본 구조가 빠져 있기 때문입니다.

35
00:02:57,840 --> 00:02:59,320
그래서 이렇게 보입니다.

36
00:02:59,490 --> 00:03:01,370
우리가 지금까지 한 일들과 많이 비교됩니다.

37
00:03:01,380 --> 00:03:03,950
그러나 좋은 소식은 두 가지 좋은 소식이 있다는 것입니다.

38
00:03:03,960 --> 00:03:05,560
하나는 항상 동일합니다.

39
00:03:05,900 --> 00:03:13,880
그리고 두 개의 승화는 우리가 입력해야하는 네 글자만으로이 구조를 우리에게 매우 빨리 제공하는 멋진 지름길을 가지고 있습니다.

40
00:03:14,280 --> 00:03:29,690
그래서 우리는이 조각들을 개별적으로 그리고 조금씩 살펴 보도록하겠습니다 만, 나는 당신에게 h timl 대신에 숭고한 방법으로 그것을 숭고하게 얻는 방법을 보여줌으로써 시작할 것입니다. 우리는 단어 h tim L을 입력 할 수 있습니다. 탭을 누르고 자동으로이 구조체를 얻습니다.

41
00:03:30,000 --> 00:03:32,400
그럼이 일이 무엇인지 살펴 보겠습니다.

42
00:03:32,400 --> 00:03:33,460
먼저 우리는 구원 할 것입니다.

43
00:03:33,570 --> 00:03:48,650
따라서 H-G M-L과 헤드 및 제목 및 본문 유형이 자체적으로 존재하는 것과 같이 상응하는 폐쇄 형 문서 유형이 없기 때문에이 문서 유형 H가 맨 위로 올라가고 이상하게 보입니다.

44
00:03:48,690 --> 00:04:03,700
그래서 MD에 가보고 MT-NW를 입력 한 다음 doc 형식을 입력하면 실제 이야기하는 것은 어리석은 것처럼 보일 수 있습니다.하지만이 정보를 찾는 것은 개발자가되는 것이기 때문에 중요합니다. 인터넷 검색.

45
00:04:03,720 --> 00:04:05,500
어떻게 정답을 찾으십니까?

46
00:04:05,520 --> 00:04:07,740
나는 그것에 대한 완전한 깨진 기록이 될 것이다.

47
00:04:07,770 --> 00:04:12,660
인터넷 검색의 예술에 대해 이야기 할 때마다 학생들은 웃지만 실제로는 중요합니다.

48
00:04:12,930 --> 00:04:13,760
그래서 나는 여기있다.

49
00:04:13,800 --> 00:04:14,910
한 번 보자.

50
00:04:15,030 --> 00:04:20,210
각 티모 페이에 대한 의사 유형은 HMO 콘텐츠가 HDMI를 사용한다는 것을 나타내는 것은 간단합니다.

51
00:04:20,210 --> 00:04:27,770
5는 단순히 doctype H-2를 사용하여 앞의 느낌표와 함께 HMO 5를 사용하려고합니다.

52
00:04:27,870 --> 00:04:31,530
우리는 5 번이 무엇인지, 그렇지 않은지 정확히 이야기 할 것입니다.

53
00:04:31,530 --> 00:04:32,580
미래의 비디오에서.

54
00:04:32,790 --> 00:04:34,070
그러나 우리는 그것을 사용하고 싶습니다.

55
00:04:34,140 --> 00:04:36,720
그것은 기본적으로 단지 노인의 최신 버전입니다.

56
00:04:36,990 --> 00:04:38,660
그래서 우리는 이것을 위로 올려 놓았습니다.

57
00:04:39,030 --> 00:04:42,330
그래서 우리는 다음 요소에 대해 이야기 할 것입니다.

58
00:04:42,510 --> 00:04:47,490
그래서이 사람은 MT-NW가 HMO를하는 사람을 검색하여 찾기가 조금 더 어렵습니다.

59
00:04:47,670 --> 00:04:56,030
우리가 거기서 요소라면 우리는 항상이 빈 끝을 이름에서 찾습니다.

60
00:04:56,040 --> 00:05:01,350
그리고 이것은 우리에게 고령자의 루트 요소가 HMO 문서의 근원임을 나타냅니다.

61
00:05:01,500 --> 00:05:04,930
다른 모든 요소는이 요소의 자손이어야합니다.

62
00:05:05,040 --> 00:05:06,500
그래서 꽤 자명합니다.

63
00:05:06,620 --> 00:05:10,310
기본적으로 우리가 쓰는 모든 것은 각 요소 안에 들어가야합니다.

64
00:05:10,710 --> 00:05:22,640
그리고 더 중요한 것은 허락 된 내용 아래서 하나의 머리 요소와 하나의 몸체가 있고 하나의 머리와 하나의 몸체를 가진 것입니다.

65
00:05:23,820 --> 00:05:28,140
그럼 머리가 머리 요소인지 봅시다.

66
00:05:28,140 --> 00:05:36,010
제목과 링크를 포함하여 문서에 대한 일반 정보 메타 데이터를 제공하면 스크립트 및 스타일 시트의 정의가됩니다.

67
00:05:36,330 --> 00:05:41,200
이것이 의미하는 것은 기본적으로 페이지에서 사용자로 보지 못하는 모든 것입니다.

68
00:05:41,400 --> 00:05:53,200
그래서 우리 스타일 시트 파일의 폰트 파일이나 자바 스크립트 파일 같은 것들은 모두 머리 속에 들어간 다음 몸은 우리가 모든 콘텐츠를 넣는 곳입니다.

69
00:05:53,610 --> 00:05:57,210
이것은 연령 HTML 문서의 내용을 나타냅니다.

70
00:05:57,210 --> 00:06:04,300
그래서 우리가 여기로 돌아 가면 나는 당신에게 코멘트를 쓰는 방법 인 한가지 더 보증 할 수 있습니다.

71
00:06:04,530 --> 00:06:21,000
만약 내가이 글을 몸에 담아 쓴다고 쓰고 싶다면 내가 쓰는 글을 쓰고 싶다.

72
00:06:21,750 --> 00:06:26,580
다행히도 이것이 실제로 페이지에 나타나기 때문에 작동하지 않습니다.

73
00:06:26,720 --> 00:06:31,070
그 팀은 이것을 텍스트처럼 취급 할 것이고 나는 단지 자신에게 한 마디가되기를 바랍니다.

74
00:06:31,230 --> 00:06:33,570
이것은 모든 프로그래밍 언어에서 할 수있는 일입니다.

75
00:06:33,690 --> 00:06:47,830
이것을 주석으로 바꿀 수 있으며, 느낌표는 느낌표보다 두 개 작은 느낌표로 시작한 다음 일부 내용으로 시작한 다음 다른 한면에는 두 개의 대시와 큰 기호로 시작하는 것처럼 보입니다.

76
00:06:49,050 --> 00:06:59,680
따라서 수동으로 타이핑하는 것을 들으면서 입력하는 것이 가능하며, 숭고한 회색으로 보일 수도 있습니다.

77
00:07:00,000 --> 00:07:21,160
그러나 또 다른 멋진 멋진 지름길은 선택하지 않아도되는 라인을 선택할 수 있다는 것입니다. 줄을 맞추고 커맨드 슬래시를 치면됩니다. 또한 커맨드 슬래시까지 올 수 있고 토글 코멘트에 주석을 달 수도 있습니다.

78
00:07:21,180 --> 00:07:24,230
그래서 이것을 잊었을 때 당신은 그것을 쓰고 싶지 않습니다.

79
00:07:24,260 --> 00:07:25,200
또 다른 좋은 것.

80
00:07:25,250 --> 00:07:30,380
내가 여러 권의 노트를 가지고 있다고 가정 해 봅시다. 모두를 선택하고 똑같은 일을 할 수 있습니다.

81
00:07:30,420 --> 00:07:33,000
명령 슬래시.

82
00:07:34,440 --> 00:07:35,320
큰.

83
00:07:35,400 --> 00:07:38,860
그래서 나는이 메모를 나 자신의 메모라고 여기에서 유지할 것입니다.

84
00:07:39,000 --> 00:07:40,740
내 콘텐츠가 몸에 들어갑니다.

85
00:07:40,830 --> 00:07:43,000
그것은 머리에 들어갑니다.

86
00:07:43,830 --> 00:07:51,670
즉, 우리가 우리 자신의 노트를 따르고 있다면 우리의 컨텐츠는 우리 몸 안에 들어가야한다는 것을 의미합니다.

87
00:07:52,680 --> 00:07:57,450
그래서 우리는 doctype을 제외하고는 H Tim L 요소 바깥에 떠 다니는 것이 없어야합니다.

88
00:07:57,540 --> 00:08:02,280
그 밖의 모든 것은 머리 또는 몸에 들어갑니다.

89
00:08:02,280 --> 00:08:06,570
그럼 이걸 열어서 이전과 똑같은지 확인하십시오.

90
00:08:06,570 --> 00:08:07,470
더블 클릭.

91
00:08:07,620 --> 00:08:09,250
당신은 똑같이 보입니다.

92
00:08:09,420 --> 00:08:12,960
페이지 소스가 동일하게 보입니다.

93
00:08:12,960 --> 00:08:17,580
물론 우리의 의견은 우리 H-1이 나타나기 만하는 것은 아닙니다.

94
00:08:17,580 --> 00:08:20,590
우리가 여기있는 동안 우리가 놓친 한 가지는 제목입니다.

95
00:08:20,880 --> 00:08:27,670
제목은 실제 페이지에 나타나지 않는 페이지에 나타나기 때문에 중요하지 않습니다.

96
00:08:27,690 --> 00:08:28,980
그것이 머리에 있다는 것을 기억하십시오.

97
00:08:29,040 --> 00:08:32,660
따라서 메타 데이터 일 뿐이며 두 가지 일이 있습니다.

98
00:08:32,700 --> 00:08:37,270
우리 탭에 들어가는 이름이나 텍스트가 결정될 것입니다.

99
00:08:37,740 --> 00:08:49,890
검색 엔진 및 다른 페이지가 귀하의 사이트에 링크되어 있거나 Google에 방문하여이 이름에 대한 MDA를 검색 할 때 중요합니다.

100
00:08:49,880 --> 00:08:52,770
이것들은 제목 요소에서옵니다.

101
00:08:52,760 --> 00:08:58,070
예를 들어 M.D.와 웹에서 10 년간의 문서를 클릭하면 그 사실을 알 수 있습니다.

102
00:08:58,470 --> 00:09:02,120
MDA는 여기에서 볼 수 있습니다.

103
00:09:02,190 --> 00:09:07,500
제목 요소에 대한 페이지 모양을 검사 할 수 있습니다.

104
00:09:07,500 --> 00:09:08,730
여기에 많은 것들이 있습니다.

105
00:09:08,760 --> 00:09:12,250
10 년 동안 웹을 문서화 한 것을 기념하고 축하합니다.

106
00:09:12,600 --> 00:09:13,810
미친 블로그.

107
00:09:14,340 --> 00:09:16,340
제목이 중요합니다.

108
00:09:17,070 --> 00:09:25,680
그래서 ArcSight에 제목을 부여해 보겠습니다. 여기에 내 첫 번째 페이지 새로 고침을 호출하고 업데이트합니다.

109
00:09:25,710 --> 00:09:27,080
그게 지금이야.

110
00:09:27,090 --> 00:09:28,420
두 가지를 기억하십시오.

111
00:09:28,540 --> 00:09:31,640
이 상용구는 H him l tab을 입력하기 만하면됩니다.

112
00:09:31,770 --> 00:09:33,720
이 문서에는 하나 이상의 내용이 없을 것입니다.

113
00:09:33,890 --> 00:09:37,850
그러나 html 탭과 주석을 기억하십시오.

114
00:09:37,980 --> 00:09:41,880
커맨드 슬래시를 사용하여이를 켜고 끌 수 있습니다.