溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

HTML文件的概念是什么

發(fā)布時(shí)間：2022-04-27 17:02:41 來(lái)源：億速云 閱讀：262 作者：iii 欄目：大數(shù)據(jù)

這篇文章主要講解了“HTML文件的概念是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“HTML文件的概念是什么”吧！

1.什么是HTML文件？

TML的英文全稱(chēng)是Hypertext?Marked?Language，中文叫做“超文本標(biāo)記語(yǔ)言”。

和一般文本的不同的是，一個(gè)HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱(chēng)“標(biāo)記”。

一個(gè)HTML文件的后綴名是.htm或者是.html。

用文本編輯器就可以編寫(xiě)HTML文件。

2.寫(xiě)一個(gè)HTML文件

TML的英文全稱(chēng)是Hypertext?Marked?Language，中文叫做“超文本標(biāo)記語(yǔ)言”。

和一般文本的不同的是，一個(gè)HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱(chēng)“標(biāo)記”。

一個(gè)HTML文件的后綴名是.htm或者是.html。

用文本編輯器就可以編寫(xiě)HTML文件。

<html>
<head>
<title>億速云</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b> 
</body>
</html>

要瀏覽這個(gè)first.html文件，雙擊它?；蛘叽蜷_(kāi)瀏覽器，在File菜單選擇Open，然后選擇這個(gè)文件就行了。

這個(gè)文件的第一個(gè)Tag是<html>，這個(gè)Tag告訴你的瀏覽器這是HTML文件的頭。文件的最后一個(gè)Tag是</html>，表示HTML文件到此結(jié)束。

在<head>和</head>之間的內(nèi)容，是Head信息。Head信息是不顯示出來(lái)的，你在瀏覽器里看不到。但是這并不表示這些信息沒(méi)有用處。比如你可以在Head信息里加上一些關(guān)鍵詞，有助于搜索引擎能夠搜索到你的網(wǎng)頁(yè)。

在<title>和</title>之間的內(nèi)容，是這個(gè)文件的標(biāo)題。你可以在瀏覽器最頂端的標(biāo)題欄看到這個(gè)標(biāo)題。

在<body>和</body>之間的信息，是正文。

在<b>和</b>之間的文字，用粗體表示。<b>顧名思義，就是bold的意思。

HTML文件看上去和一般文本類(lèi)似，但是它比一般文本多了Tag，比如<html>，<b>等，通過(guò)這些Tag，可以告訴瀏覽器如何顯示這個(gè)文件。

HTML元素(HTML?Elements)?

HTML元素(HTML?Element)用來(lái)標(biāo)記文本，表示文本的內(nèi)容。比如body,?p,?title就是HTML元素。

HTML元素用Tag表示，Tag以<開(kāi)始，以>結(jié)束。

Tag通常是成對(duì)出現(xiàn)的，比如<body></body>。起始的叫做Opening?Tag，結(jié)尾的就叫做Closing?Tag。

目前HTML的Tag不區(qū)分大小寫(xiě)的。比如，<HTML>和<html>其實(shí)是相同的。

HTML元素(HTML?Elements)的屬性

HTML元素可以擁有屬性。屬性可以擴(kuò)展HTML元素的能力。

比如你可以使用一個(gè)bgcolor屬性，使得頁(yè)面的背景色成為紅色，就像這樣：

<body?bgcolor="red">

再比如，你可以使用border這個(gè)屬性，將一個(gè)表格設(shè)成一個(gè)無(wú)邊框的表格。如下：

<table?border="0">

屬性通常由屬性名和值成對(duì)出現(xiàn)，就像這樣：name="value"。上面例子中的bgcolor,?border就是name，red和0就是value。屬性值一般用雙引號(hào)標(biāo)記起來(lái)。?屬性通常是附加給HTML的Opening?Tag，而不是Closing?Tag。

正文標(biāo)題?

這個(gè)示例告訴你如何在HTML文件里定義正文標(biāo)題。?

HTML用<h2>到<h7>這幾個(gè)Tag來(lái)定義正文標(biāo)題，從大到小。每個(gè)正文標(biāo)題自成一段。?

<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>

換行

通過(guò)使用<br>這個(gè)Tag，可以在不新建段落的情況下?lián)Q行。<br>沒(méi)有Closing?Tag。?用<p>換行是個(gè)壞習(xí)慣，正確的是使用<br>。

<p>This<br>is a para<br>graph with line breaks</p>

HTML注釋

在HTML文件里，你可以寫(xiě)代碼注釋?zhuān)忉屨f(shuō)明你的代碼，這樣有助于你和他人日后能夠更好地理解你的代碼。

注釋可以寫(xiě)在<!--和-->之間。瀏覽器是忽略注釋的，你不會(huì)在HTML正文中看到你的注釋。?

<!--This is a comment -->

一些小建議

HTML文件會(huì)自動(dòng)截去多余的空格。不管你加多少空格，都被看做一個(gè)空格。一個(gè)空行也被看做一個(gè)空格。

有些Tag能夠?qū)⑽谋咀猿梢欢?，而不需要使?lt;p></p>來(lái)分段。比如<h2></h2>之類(lèi)的標(biāo)題Tag。

感謝各位的閱讀，以上就是“HTML文件的概念是什么”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)HTML文件的概念是什么這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手