HTML 簡介

個人編寫HTML使用的軟件是dreamweaver，這個軟件的話，正版是要購買的，一開始學(xué)習(xí)HTML就是用的這個軟件了，挺好用的，而且代碼提示特別方便，不用擔(dān)心太多的標(biāo)簽和屬性記勞~

1.什么是HTML？

HTML 是用來描述網(wǎng)頁的一種語言，指的是超文本標(biāo)記語言: HyperText Markup Language；
HTML 不是一種編程語言，而是一種標(biāo)記語言；
HTML文檔也叫做 web 頁面；

2.HTML基本結(jié)構(gòu)

<!DOCTYPE html>：文檔聲明；
<html>：HTML 頁面的根元素；
<head>：用于定義文檔的頭部，是所有頭部元素的容器；
<meta>：提供有關(guān)頁面的元信息，位于文檔的頭部，不包含任何內(nèi)容；
<title>：文檔的標(biāo)題；
<body>：定義文檔的主體，包含文檔的所有內(nèi)容；

3.HTML標(biāo)簽使用？

HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞，且通常是成對出現(xiàn)的如<a></a>，當(dāng)然也有單個的，只不過比較少如<hr>；
標(biāo)簽對中的第一個標(biāo)簽表示開始標(biāo)簽，第二個標(biāo)簽表示結(jié)束標(biāo)簽；

4.HTML常用標(biāo)簽介紹

除了HTML基本結(jié)構(gòu)的幾個標(biāo)簽以外，HTML還有一些比較常用的基本標(biāo)簽；

（1）文本標(biāo)簽：

h1-h6：用于定義標(biāo)題，h1為最大標(biāo)題，h6為最小標(biāo)題；
p：定義段落；
span：組合文檔中的行內(nèi)元素；
br：換行；
hr：水平線；
strong/b：加粗文字；
em/i：斜體；
u：下劃線；
s：刪除線；
pre：定義預(yù)格式化的文本，保持原有格式；
sub：下標(biāo)；
sup：上標(biāo)；
blockquote：塊引用；

（2）布局標(biāo)簽：

div：定義文檔中的分區(qū)或節(jié)，把文檔分割為獨立的、不同的部分；
header：定義頁面的頭部；
aside：用作文章的側(cè)欄；
section：定義文檔中的節(jié)；
footer：定義文檔或節(jié)的頁腳，通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等；
article：規(guī)定文章獨立的其他內(nèi)容，如標(biāo)題、內(nèi)容、評論；

（3）多媒體標(biāo)簽：

img：用于在網(wǎng)頁中插入圖像；
audio：定義聲音，比如音樂或其他音頻流；
video：定義視頻，比如電影片段或其他視頻流；

（4）超鏈接標(biāo)簽：

a：定義超鏈接，指定頁面間的跳轉(zhuǎn)；

（5）序列化標(biāo)簽：

ul：定義無序列表；
ol：定義有序列表；
li：定義列表項目，可用在無序列表ul和有序列表ol中；
dl：定義了定義列表；
dt：定義了定義列表中的項目（即術(shù)語部分）；
dd：在定義列表中定義條目的定義部分；

（6）表格標(biāo)簽：

table：定義 HTML 表格；
tr：定義表格的行；
td：定義表格的單元；
th：定義表頭；
caption：定義表格標(biāo)題；
col：為表格中一個或多個列定義屬性值；
colgroup：用于對表格中的列進(jìn)行組合，以便對其進(jìn)行格式化；
thead：定義表格的表頭；
tbody：表格主體，也就是正文部分；
tfoot：定義表格的頁腳（腳注或表注）；

（7）表單標(biāo)簽：

form：用于為用戶輸入創(chuàng)建 HTML 表單；
input：用于搜集用戶信息；
button：定義一個按鈕；
select：創(chuàng)建單選或多選菜單；
option：定義下拉列表中的一個選項；
textarea：定義多行的文本輸入控件；
label：為 input 元素定義標(biāo)注（標(biāo)記）；
fieldset：用于將表單內(nèi)的相關(guān)元素分組；
legend：為 fieldset 元素定義標(biāo)題；

5.HTML注意事項

HTML文件當(dāng)以后綴名為 .html 或 .htm 來命名；
HTML標(biāo)簽和屬性是不區(qū)分大小寫的，建議HTML標(biāo)簽和屬性都小寫，屬性值必須用雙引號包圍；
HTML標(biāo)簽都是以開始標(biāo)簽起始，以結(jié)束標(biāo)簽終止；
HTML標(biāo)簽之間盡量縮進(jìn)與換行，每行代碼不要過長，方便閱讀和維護(hù)；
HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則，如禁止a標(biāo)簽嵌套a標(biāo)簽，p標(biāo)簽嵌套div標(biāo)簽等；
建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽，少使用table布局、iframe框架嵌套以及flash播放器；

TML 或超文本標(biāo)記語言 允許 Web 用戶使用元素、標(biāo)簽和屬性創(chuàng)建和構(gòu)造部分、段落和鏈接。然而，值得注意的是，HTML 不能被視為一種編程語言，因為它不能創(chuàng)建動態(tài)功能。

HTML有很多用例，即：

網(wǎng)頁開發(fā)。開發(fā)人員使用 HTML 代碼來設(shè)計瀏覽器如何顯示網(wǎng)頁元素，例如文本、超鏈接和媒體文件。
互聯(lián)網(wǎng)導(dǎo)航。由于 HTML 被大量用于嵌入超鏈接，因此用戶可以輕松地在相關(guān)頁面和網(wǎng)站之間導(dǎo)航和插入鏈接。
網(wǎng)絡(luò)文檔。HTML 使組織和格式化文檔成為可能，類似于 Microsoft Word。
還值得注意的是，HTML 現(xiàn)在被視為官方 Web 標(biāo)準(zhǔn)。萬維網(wǎng)聯(lián)盟 (W3C)維護(hù)和開發(fā) HTML 規(guī)范，同時提供定期更新。

本文將介紹 HTML 的基礎(chǔ)知識，包括它的工作原理、優(yōu)缺點以及它與 CSS 和 JavaScript 的關(guān)系。

什么是 HTML？

HTML（代表超文本標(biāo)記語言）是構(gòu)成大多數(shù)網(wǎng)頁和在線應(yīng)用程序的計算機(jī)語言。超文本是用于引用其他文本片段的文本，而標(biāo)記語言是告訴 Web 服務(wù)器文檔的樣式和結(jié)構(gòu)的一系列標(biāo)記。

HTML 是如何工作的

在國內(nèi)的網(wǎng)站上找了一圈，這應(yīng)該是介紹歷史最細(xì)致的，長按保存手機(jī)里翻譯

html文件

平均每個網(wǎng)站包含幾個不同的信息 HTML 頁面。例如，主頁、關(guān)于頁面和聯(lián)系頁面都將具有單獨的 HTML 文件。

HTML 文檔是以 .html 或 .htm 擴(kuò)展名結(jié)尾的文件。Web 瀏覽器讀取 HTML 文件并呈現(xiàn)其內(nèi)容，以便互聯(lián)網(wǎng)用戶可以查看它。

html元素的三個部分

所有 HTML 頁面都有一系列 HTML 元素，由一組標(biāo)簽和屬性組成。HTML 元素是網(wǎng)頁的構(gòu)建塊。標(biāo)簽告訴 Web 瀏覽器元素在哪里開始和結(jié)束，而屬性描述元素的特征。

元素的三個主要部分是：

開始標(biāo)簽 - 用于說明元素開始生效的位置。標(biāo)簽用左尖括號和右尖括號包裹。例如，使用開始標(biāo)簽 <p> 創(chuàng)建一個段落。
內(nèi)容——這是其他用戶看到的輸出。
結(jié)束標(biāo)簽 - 與開始標(biāo)簽相同，但在元素名稱前有一個正斜杠。例如，</p> 結(jié)束一個段落。

這三個部分的組合將創(chuàng)建一個 HTML 元素：

<p>這是在HTML中添加段落的方法。</p>

HTML 元素的另一個關(guān)鍵部分是它的屬性，它有兩個部分——名稱和屬性值。名稱標(biāo)識用戶想要添加的附加信息，并且屬性值給出進(jìn)一步的說明。

例如，添加紫色和 font-family verdana 的樣式元素將如下所示：

< p style= "color:purple;font-family:verdana" >這是在HTML中添加段落的方法。< /p >

另一個屬性，HTML 類，對于開發(fā)和編程來說是最重要的。class 屬性添加了可以作用于具有相同類值的不同元素的樣式信息。例如，我們將對標(biāo)題 <h1> 和段落 <p> 使用相同的樣式。樣式包括背景顏色、文本顏色、邊框、邊距和填充，在 .important 類下。要在 <h1> 和 <p> 之間實現(xiàn)相同的樣式，請在每個開始標(biāo)記后添加 class=”important”：

<html>
<head>
<style>
.important {
  background-color: blue;
  color: white;
  border: 2px solid black;
  margin: 2px;
  padding: 2px;
}
</style>
</head>
<body>
<h1 class="important">This is a heading</h1>
<p class="important">This is a paragraph.</p>
</body>
</html>

大多數(shù)元素都有一個開始標(biāo)簽和一個結(jié)束標(biāo)簽，但有些元素不需要結(jié)束標(biāo)簽即可工作，例如空元素。這些元素不使用結(jié)束標(biāo)簽，因為它們沒有內(nèi)容：

< img src= "/" alt= "圖像" >

這個圖像標(biāo)簽有兩個屬性——一個src屬性，圖像路徑，和一個alt屬性，描述性文本。但是，它沒有內(nèi)容，也沒有結(jié)束標(biāo)簽。

最后，每個 HTML 文檔都必須以 <!DOCTYPE> 聲明開頭，以告知 Web 瀏覽器文檔類型。使用 HTML5，doctype HTML public 聲明將是：

< !DOCTYPE html >

最常用的 HTML 標(biāo)簽和 HTML 元素

目前，有 142 個 HTML 標(biāo)簽可以用于創(chuàng)建各種元素。盡管現(xiàn)代瀏覽器不再支持其中一些標(biāo)簽，但學(xué)習(xí)所有可用的不同元素仍然是有益的。

第二節(jié)將討論最常用的 HTML 標(biāo)簽和兩個主要元素——塊級元素和內(nèi)聯(lián)元素。

塊級元素

塊級元素占據(jù)頁面的整個寬度。它總是在文檔中開始一個新行。例如，標(biāo)題元素將位于與段落元素不同的行中。

每個 HTML 頁面都使用這三個標(biāo)簽：

<html>標(biāo)簽是定義整個 HTML 文檔的根元素。
<head> 標(biāo)簽保存頁面標(biāo)題和字符集等元信息。
<body>標(biāo)簽包含了頁面上出現(xiàn)的所有內(nèi)容。

<html>
  <head>
    <!-- META INFORMATION -->  
  </head>
  <body>
    <!-- PAGE CONTENT -->
  </body>
</html>

其他流行的塊級標(biāo)簽包括：

標(biāo)題標(biāo)簽 - 這些范圍從 <h1> 到 <h6>，其中標(biāo)題 h1 的大小最大，當(dāng)它們向上移動到 h6 時變得越來越小。
段落標(biāo)簽——全部使用 <p> 標(biāo)簽括起來。
列表標(biāo)簽——有不同的變體。<ol> 標(biāo)簽用于有序列表，<ul> 用于無序列表。然后，使用 <li> 標(biāo)記將各個列表項括起來。

內(nèi)聯(lián)元素

內(nèi)聯(lián)元素格式化塊級元素的內(nèi)部內(nèi)容，例如添加鏈接和強(qiáng)調(diào)的字符串。內(nèi)聯(lián)元素最常用于在不破壞內(nèi)容流的情況下格式化文本。

例如，一個 <strong> 標(biāo)簽會以粗體呈現(xiàn)一個元素，而 <em> 標(biāo)簽會以斜體顯示它。超鏈接也是使用 <a> 標(biāo)記和 href 屬性來指示鏈接目標(biāo)的內(nèi)聯(lián)元素：

<a href="https://www.icodingdeu.com/" >點我！</a>

HTML 演變——HTML 和 HTML5 有什么區(qū)別？

HTML 的第一個版本由 18 個標(biāo)簽組成。從那時起，每個新版本都帶有添加到標(biāo)記中的新標(biāo)簽和屬性。迄今為止，該語言最重大的升級是 2014 年引入的 HTML5。
HTML 和 HTML5的主要區(qū)別在于HTML5 支持新類型的表單控件。HTML5 還引入了幾個語義標(biāo)簽，可以清楚地描述內(nèi)容，例如 <article>、<header> 和 <footer>。

HTML 的優(yōu)點和缺點

就像任何其他計算機(jī)語言一樣，HTML 有其優(yōu)點和局限性。以下是 HTML 的優(yōu)缺點：

優(yōu)點：

初學(xué)者友好: HTML 具有干凈且一致的標(biāo)記，以及較淺的學(xué)習(xí)曲線。
支持領(lǐng)域廣：該語言被廣泛使用，擁有大量資源和龐大的社區(qū)。
無障礙：它是開源的并且完全免費。HTML 在所有 Web 瀏覽器中本機(jī)運行。
靈活的：HTML很容易與PHP和 Node.js等后端語言集成。

就像任何其他計算機(jī)語言一樣，HTML 有其優(yōu)點和局限性。以下是 HTML 的優(yōu)缺點：

缺點：

靜止的 該語言主要用于靜態(tài)網(wǎng)頁。對于動態(tài)功能，您可能需要使用 JavaScript 或 PHP 等后端語言。
單獨的 HTML 頁面用戶必須為 HTML 創(chuàng)建單獨的網(wǎng)頁，即使元素相同。
瀏覽器兼容性 一些瀏覽器采用新特性的速度很慢。有時較舊的瀏覽器并不總是呈現(xiàn)較新的標(biāo)簽。

HTML、CSS 和 Javascript 是如何相關(guān)的

HTML 用于添加文本元素并創(chuàng)建內(nèi)容結(jié)構(gòu)。然而，僅僅建立一個專業(yè)的和完全響應(yīng)的網(wǎng)站是不夠的。因此，HTML 需要借助層級樣式表 (CSS)和JavaScript來創(chuàng)建絕大多數(shù)網(wǎng)站內(nèi)容。

CSS 負(fù)責(zé)樣式，例如背景、顏色、布局、間距和動畫。
JavaScript 添加了動態(tài)功能，例如滑塊、彈出窗口和照片庫。這三種語言是前端開發(fā)的基礎(chǔ)。

結(jié)論

HTML 是 Internet 上的主要標(biāo)記語言。每個 HTML 頁面都有一系列創(chuàng)建網(wǎng)頁或應(yīng)用程序內(nèi)容結(jié)構(gòu)的元素。

HTML 是一種對初學(xué)者友好的語言，有很多支持，主要用于靜態(tài)網(wǎng)站頁面。HTML 與用于樣式的 CSS 和用于功能的 JavaScript 一起使用效果最好。

我們還向您展示了一些在線教學(xué)課程，它們將有助于提高您的 HTML 知識或提供對 HTML 的基本理解。

如果您有任何其他喜歡的資源來學(xué)習(xí) HTML，請在評論部分告訴我們。

么是HTML?

一，什么是html呢？

HTML英語：HyperText Markup Language，中文：超文本標(biāo)記語言，是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。

HTML的全稱為超文本標(biāo)記語言，是一種標(biāo)記語言。它包括一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。

超文本是一種組織信息的方式，它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺計算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找，檢索信息提供方便。

HTML即平常上網(wǎng)所看到的的網(wǎng)頁，HTML 命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。

HTML 是用來描述網(wǎng)頁的一種語言。

HTML 不是一種編程語言，而是一種標(biāo)記語言

標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)

HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁

HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容

HTML文檔也叫做 web 頁面

二，html文檔基本結(jié)構(gòu)

<!DOCTYPE html> 聲明為 HTML5 文檔

<html> 元素是 HTML 頁面的根元素，所有html標(biāo)簽的一個根節(jié)點。

<head> 文檔的頭部，描述了文檔的各種屬性和信息，包括文檔的標(biāo)題，在web中的位置以及和其他文檔的關(guān)系。

<title> 元素描述了文檔的標(biāo)題

<body> 元素包含了可見的頁面內(nèi)容，文檔的主體，以后我們的頁面內(nèi)容基本上都是寫到這個標(biāo)簽里面的（比如文本、超鏈接、圖像、表格和列表）。

三，HTML版本

從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:

版本	發(fā)布時間
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

在線咨詢

上一篇：前端開發(fā)過程中的HTML規(guī)范，來學(xué)習(xí)一下吧
下一篇：css中，background怎樣在保證容器沒有空余的情況下，占滿容器？

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商