您好,登錄后才能下訂單哦!
這篇文章主要講解了“HTML文件的概念是什么”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“HTML文件的概念是什么”吧!
1.什么是HTML文件?
TML的英文全稱是Hypertext?Marked?Language,中文叫做“超文本標記語言”。
和一般文本的不同的是,一個HTML文件不僅包含文本內容,還包含一些Tag,中文稱“標記”。
一個HTML文件的后綴名是.htm或者是.html。
用文本編輯器就可以編寫HTML文件。
2.寫一個HTML文件
TML的英文全稱是Hypertext?Marked?Language,中文叫做“超文本標記語言”。
和一般文本的不同的是,一個HTML文件不僅包含文本內容,還包含一些Tag,中文稱“標記”。
一個HTML文件的后綴名是.htm或者是.html。
用文本編輯器就可以編寫HTML文件。
<html> <head> <title>億速云</title> </head> <body> This is my first homepage.<b>This text is bold</b> </body> </html>
要瀏覽這個first.html文件,雙擊它。或者打開瀏覽器,在File菜單選擇Open,然后選擇這個文件就行了。
這個文件的第一個Tag是<html>,這個Tag告訴你的瀏覽器這是HTML文件的頭。文件的最后一個Tag是</html>,表示HTML文件到此結束。
在<head>和</head>之間的內容,是Head信息。Head信息是不顯示出來的,你在瀏覽器里看不到。但是這并不表示這些信息沒有用處。比如你可以在Head信息里加上一些關鍵詞,有助于搜索引擎能夠搜索到你的網頁。
在<title>和</title>之間的內容,是這個文件的標題。你可以在瀏覽器最頂端的標題欄看到這個標題。
在<body>和</body>之間的信息,是正文。
在<b>和</b>之間的文字,用粗體表示。<b>顧名思義,就是bold的意思。
HTML文件看上去和一般文本類似,但是它比一般文本多了Tag,比如<html>,<b>等,通過這些Tag,可以告訴瀏覽器如何顯示這個文件。
HTML元素(HTML?Elements)?
HTML元素(HTML?Element)用來標記文本,表示文本的內容。比如body,?p,?title就是HTML元素。
HTML元素用Tag表示,Tag以<開始,以>結束。
Tag通常是成對出現的,比如<body></body>。起始的叫做Opening?Tag,結尾的就叫做Closing?Tag。
目前HTML的Tag不區分大小寫的。比如,<HTML>和<html>其實是相同的。
HTML元素(HTML?Elements)的屬性
HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力。
比如你可以使用一個bgcolor屬性,使得頁面的背景色成為紅色,就像這樣:
<body?bgcolor="red">
再比如,你可以使用border這個屬性,將一個表格設成一個無邊框的表格。如下:
<table?border="0">
屬性通常由屬性名和值成對出現,就像這樣:name="value"。上面例子中的bgcolor,?border就是name,red和0就是value。屬性值一般用雙引號標記起來。?屬性通常是附加給HTML的Opening?Tag,而不是Closing?Tag。
正文標題?
這個示例告訴你如何在HTML文件里定義正文標題。?
HTML用<h2>到<h7>這幾個Tag來定義正文標題,從大到小。每個正文標題自成一段。?
<h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> <h7>This is a heading</h7>
段落劃分
在HTML里用<p>和</p>劃分段落。
<p>This is a paragraph</p> <p>This is another paragraph</p>
換行
通過使用<br>這個Tag,可以在不新建段落的情況下換行。<br>沒有Closing?Tag。?用<p>換行是個壞習慣,正確的是使用<br>。
<p>This<br>is a para<br>graph with line breaks</p>
HTML注釋
在HTML文件里,你可以寫代碼注釋,解釋說明你的代碼,這樣有助于你和他人日后能夠更好地理解你的代碼。
注釋可以寫在<!--和-->之間。瀏覽器是忽略注釋的,你不會在HTML正文中看到你的注釋。?
<!--This is a comment -->
一些小建議
HTML文件會自動截去多余的空格。不管你加多少空格,都被看做一個空格。一個空行也被看做一個空格。
有些Tag能夠將文本自成一段,而不需要使用<p></p>來分段。比如<h2></h2>之類的標題Tag。
感謝各位的閱讀,以上就是“HTML文件的概念是什么”的內容了,經過本文的學習后,相信大家對HTML文件的概念是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。