1
00:00:00,230 --> 00:00:00,950
歡迎回來。

2
00:00:01,140 --> 00:00:11,930
因此，在這一課中我們將通過一個新的文件，實際上H T M L填充它在瀏覽器中一開場就開始，我們也要去了解每一個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
點^ h蒂莫。

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
當我在Chrome中打開它，它告訴Chrome瀏覽器中的H添我的文件對待。

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它走轟他出去底層，並把它變成這個漂亮的視覺表現。

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
你可以把文件點擊右鍵，然後點擊打開谷歌瀏覽器，或者你可以點擊它，並將其拖動到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
這是我們已經寫到目前為止，實際上是稍有不當添升。

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恬l文件，我們可以鍵入單詞^ h恬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型他出了頂部，這是一種奇怪的，因為沒有相應的結束文檔類型的像有是H-G M-L和頭標題和正文的文檔類型是它自己。

44
00:03:48,690 --> 00:04:03,700
因此，讓我們去MD，只是顯示你你會怎麼到達那裡我會鍵入MT-NW然後文檔類型，它可能看起來很可笑，真正談論，但這是重要的，因為找到這些信息出來是一個真正的開發商是什麼是谷歌搜索的東西。

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
它說，每個Timofei的文檔類型是簡單的表明您HMO內容使用HDMI。

51
00:04:20,210 --> 00:04:27,770
五只需使用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
因此，我們要談論未來的事情是H T M L元素。

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
所以像我們的樣式表文件中的字體文件或JavaScript文件所有這些走在頭部，然後身體就是我們把我們所有的內容。

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
因此，我們應該有什麼漂浮轟蒂姆·L型元件外，除了DOCTYPE。

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
而且，這也是搜索引擎重要的，其他頁面時，其他頁面鏈接到您的網站或當你去谷歌和你搜索MDA對這些名字在這裡。

100
00:08:49,880 --> 00:08:52,770
這些來自title元素。

101
00:08:52,760 --> 00:08:58,070
因此，例如醫學博士和慶祝你的web 10年文檔單擊上。

102
00:08:58,470 --> 00:09:02,120
你可以在這裡看到了它說，MDA和慶祝它就會被切斷。

103
00:09:02,190 --> 00:09:07,500
你可以檢查一下網頁的title元素。

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型他升標籤。

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
你可以用命令斜線做可以打開和關閉，他們的目標。