整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。HTML 是一種在 Web 上使用的通用標(biāo)記語(yǔ)言。HTML 允許你格式化文本，添加圖片，創(chuàng)建鏈接、輸入表單、框架和表格等等，并可將之存為文本文件，瀏覽器即可讀取和顯示。
新建一個(gè)test.html文件，內(nèi)容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p> </body></html>其中：
保存后運(yùn)行，即可在瀏覽器中打開如下界面
3.1 標(biāo)題
HTML 標(biāo)題（Heading）是通過(guò)<h1> - <h6> 標(biāo)簽來(lái)定義的.
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>這是標(biāo)題 1</h1><h2>這是標(biāo)題 2</h2><h3>這是標(biāo)題 3</h3><h4>這是標(biāo)題 4</h4><h5>這是標(biāo)題 5</h5><h6>這是標(biāo)題 6</h6> </body></html>3.2 段落
HTML 段落是通過(guò)標(biāo)簽 <p> 來(lái)定義的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>這是一個(gè)段落。</p><p>這是一個(gè)段落。</p><p>這是一個(gè)段落。</p> </body></html>3.3 鏈接
HTML 鏈接是通過(guò)標(biāo)簽 <a> 來(lái)定義的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">這是一個(gè)鏈接使用了 href 屬性</a> </body></html>3.4 圖像
HTML 圖像是通過(guò)標(biāo)簽 <img> 來(lái)定義的。注意： 圖像的名稱和尺寸是以屬性的形式提供的。
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>3.5 表格
表格由 <table> 標(biāo)簽來(lái)定義。每個(gè)表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。如果不定義邊框?qū)傩?，表格將不顯示邊框。有時(shí)這很有用，但是大多數(shù)時(shí)候，我們希望顯示邊框。使用邊框?qū)傩詠?lái)顯示一個(gè)帶有邊框的表格：
<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>4.1 基本文檔
<!DOCTYPE html><html><head><title>文檔標(biāo)題</title></head><body>可見(jiàn)文本...</body></html>4.2 基本標(biāo)簽
<h1>最大的標(biāo)題</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的標(biāo)題</h6> <p>這是一個(gè)段落。</p><br> （換行）<hr> （水平線）<!-- 這是注釋 -->4.3 文本格式化
<b>粗體文本</b><code>計(jì)算機(jī)代碼</code><em>強(qiáng)調(diào)文本</em><i>斜體文本</i><kbd>鍵盤輸入</kbd> <pre>預(yù)格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> （縮寫）<address> （聯(lián)系信息）<bdo> （文字方向）<blockquote> （從另一個(gè)源引用的部分）<cite> （工作的名稱）<del> （刪除的文本）<ins> （插入的文本）<sub> （下標(biāo)文本）<sup> （上標(biāo)文本）4.4 鏈接
普通的鏈接：<a href="http://www.example.com/">鏈接文本</a>圖像鏈接： <a href="http://www.example.com/"><img src="URL" alt="替換文本"></a>郵件鏈接： <a href="mailto:webmaster@example.com">發(fā)送e-mail</a>書簽：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>4.5 圖片
<img src="URL" alt="替換文本" height="42" width="42">4.6 樣式/區(qū)塊
<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級(jí)元素</div><span>文檔中的內(nèi)聯(lián)元素</span>4.7 無(wú)序列表
<ul> <li>項(xiàng)目</li> <li>項(xiàng)目</li></ul>4.8 有序列表
TML 或超文本標(biāo)記語(yǔ)言 允許 Web 用戶使用元素、標(biāo)簽和屬性創(chuàng)建和構(gòu)造部分、段落和鏈接。然而，值得注意的是，HTML 不能被視為一種編程語(yǔ)言，因?yàn)樗荒軇?chuàng)建動(dòng)態(tài)功能。
HTML有很多用例，即：
本文將介紹 HTML 的基礎(chǔ)知識(shí)，包括它的工作原理、優(yōu)缺點(diǎn)以及它與 CSS 和 JavaScript 的關(guān)系。
HTML（代表超文本標(biāo)記語(yǔ)言）是構(gòu)成大多數(shù)網(wǎng)頁(yè)和在線應(yīng)用程序的計(jì)算機(jī)語(yǔ)言。超文本是用于引用其他文本片段的文本，而標(biāo)記語(yǔ)言是告訴 Web 服務(wù)器文檔的樣式和結(jié)構(gòu)的一系列標(biāo)記。
在國(guó)內(nèi)的網(wǎng)站上找了一圈，這應(yīng)該是介紹歷史最細(xì)致的，長(zhǎng)按保存手機(jī)里翻譯
平均每個(gè)網(wǎng)站包含幾個(gè)不同的信息 HTML 頁(yè)面。例如，主頁(yè)、關(guān)于頁(yè)面和聯(lián)系頁(yè)面都將具有單獨(dú)的 HTML 文件。
HTML 文檔是以 .html 或 .htm 擴(kuò)展名結(jié)尾的文件。Web 瀏覽器讀取 HTML 文件并呈現(xiàn)其內(nèi)容，以便互聯(lián)網(wǎng)用戶可以查看它。
所有 HTML 頁(yè)面都有一系列 HTML 元素，由一組標(biāo)簽和屬性組成。HTML 元素是網(wǎng)頁(yè)的構(gòu)建塊。標(biāo)簽告訴 Web 瀏覽器元素在哪里開始和結(jié)束，而屬性描述元素的特征。
元素的三個(gè)主要部分是：
這三個(gè)部分的組合將創(chuàng)建一個(gè) HTML 元素：
<p>這是在HTML中添加段落的方法。</p>HTML 元素的另一個(gè)關(guān)鍵部分是它的屬性，它有兩個(gè)部分——名稱和屬性值。名稱標(biāo)識(shí)用戶想要添加的附加信息，并且屬性值給出進(jìn)一步的說(shuō)明。
例如，添加紫色和 font-family verdana 的樣式元素將如下所示：
< p style= "color:purple;font-family:verdana" >這是在HTML中添加段落的方法。< /p >另一個(gè)屬性，HTML 類，對(duì)于開發(fā)和編程來(lái)說(shuō)是最重要的。class 屬性添加了可以作用于具有相同類值的不同元素的樣式信息。 例如，我們將對(duì)標(biāo)題 <h1> 和段落 <p> 使用相同的樣式。樣式包括背景顏色、文本顏色、邊框、邊距和填充，在 .important 類下。要在 <h1> 和 <p> 之間實(shí)現(xiàn)相同的樣式，請(qǐng)?jiān)诿總€(gè)開始標(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ù)元素都有一個(gè)開始標(biāo)簽和一個(gè)結(jié)束標(biāo)簽，但有些元素不需要結(jié)束標(biāo)簽即可工作，例如空元素。這些元素不使用結(jié)束標(biāo)簽，因?yàn)樗鼈儧](méi)有內(nèi)容：
< img src= "/" alt= "圖像" >這個(gè)圖像標(biāo)簽有兩個(gè)屬性——一個(gè)src屬性，圖像路徑，和一個(gè)alt屬性，描述性文本。但是，它沒(méi)有內(nèi)容，也沒(méi)有結(jié)束標(biāo)簽。
最后，每個(gè) HTML 文檔都必須以 <!DOCTYPE> 聲明開頭，以告知 Web 瀏覽器文檔類型。使用 HTML5，doctype HTML public 聲明將是：
< !DOCTYPE html >目前，有 142 個(gè) HTML 標(biāo)簽可以用于創(chuàng)建各種元素。盡管現(xiàn)代瀏覽器不再支持其中一些標(biāo)簽，但學(xué)習(xí)所有可用的不同元素仍然是有益的。
第二節(jié)將討論最常用的 HTML 標(biāo)簽和兩個(gè)主要元素——塊級(jí)元素和內(nèi)聯(lián)元素。
塊級(jí)元素占據(jù)頁(yè)面的整個(gè)寬度。它總是在文檔中開始一個(gè)新行。例如，標(biāo)題元素將位于與段落元素不同的行中。
每個(gè) HTML 頁(yè)面都使用這三個(gè)標(biāo)簽：
<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>其他流行的塊級(jí)標(biāo)簽包括：
內(nèi)聯(lián)元素格式化塊級(jí)元素的內(nèi)部?jī)?nèi)容，例如添加鏈接和強(qiáng)調(diào)的字符串。內(nèi)聯(lián)元素最常用于在不破壞內(nèi)容流的情況下格式化文本。
例如，一個(gè) <strong> 標(biāo)簽會(huì)以粗體呈現(xiàn)一個(gè)元素，而 <em> 標(biāo)簽會(huì)以斜體顯示它。超鏈接也是使用 <a> 標(biāo)記和 href 屬性來(lái)指示鏈接目標(biāo)的內(nèi)聯(lián)元素：
<a href="https://www.icodingdeu.com/" >點(diǎn)我！</a> HTML 的第一個(gè)版本由 18 個(gè)標(biāo)簽組成。從那時(shí)起，每個(gè)新版本都帶有添加到標(biāo)記中的新標(biāo)簽和屬性。迄今為止，該語(yǔ)言最重大的升級(jí)是 2014 年引入的 HTML5。
HTML 和 HTML5的主要區(qū)別在于HTML5 支持新類型的表單控件。HTML5 還引入了幾個(gè)語(yǔ)義標(biāo)簽，可以清楚地描述內(nèi)容，例如 <article>、<header> 和 <footer>。
就像任何其他計(jì)算機(jī)語(yǔ)言一樣，HTML 有其優(yōu)點(diǎn)和局限性。以下是 HTML 的優(yōu)缺點(diǎn)：
優(yōu)點(diǎn)：
就像任何其他計(jì)算機(jī)語(yǔ)言一樣，HTML 有其優(yōu)點(diǎn)和局限性。以下是 HTML 的優(yōu)缺點(diǎn)：
缺點(diǎn)：
HTML 用于添加文本元素并創(chuàng)建內(nèi)容結(jié)構(gòu)。然而，僅僅建立一個(gè)專業(yè)的和完全響應(yīng)的網(wǎng)站是不夠的。因此，HTML 需要借助層級(jí)樣式表 (CSS)和JavaScript來(lái)創(chuàng)建絕大多數(shù)網(wǎng)站內(nèi)容。
HTML 是 Internet 上的主要標(biāo)記語(yǔ)言。每個(gè) HTML 頁(yè)面都有一系列創(chuàng)建網(wǎng)頁(yè)或應(yīng)用程序內(nèi)容結(jié)構(gòu)的元素。
HTML 是一種對(duì)初學(xué)者友好的語(yǔ)言，有很多支持，主要用于靜態(tài)網(wǎng)站頁(yè)面。HTML 與用于樣式的 CSS 和用于功能的 JavaScript 一起使用效果最好。
我們還向您展示了一些在線教學(xué)課程，它們將有助于提高您的 HTML 知識(shí)或提供對(duì) HTML 的基本理解。
如果您有任何其他喜歡的資源來(lái)學(xué)習(xí) HTML，請(qǐng)?jiān)谠u(píng)論部分告訴我們。
么是HTML?
一，什么是html呢？
HTML英語(yǔ)：HyperText Markup Language，中文：超文本標(biāo)記語(yǔ)言，是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
HTML的全稱為超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。
超文本是一種組織信息的方式，它通過(guò)超級(jí)鏈接方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺(tái)計(jì)算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找，檢索信息提供方便。
HTML即平常上網(wǎng)所看到的的網(wǎng)頁(yè)，HTML 命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言
標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁(yè)面
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁(yè)面的根元素，所有html標(biāo)簽的一個(gè)根節(jié)點(diǎn)。
<head> 文檔的頭部，描述了文檔的各種屬性和信息，包括文檔的標(biāo)題，在web中的位置以及和其他文檔的關(guān)系。
<meta charset="utf-8"> ：對(duì)于中文網(wǎng)頁(yè)需要使用 <meta charset="utf-8"> 聲明編碼，否則會(huì)出現(xiàn)亂碼。
<title> 元素描述了文檔的標(biāo)題
<body> 元素包含了可見(jiàn)的頁(yè)面內(nèi)容，文檔的主體，以后我們的頁(yè)面內(nèi)容基本上都是寫到這個(gè)標(biāo)簽里面的（比如文本、超鏈接、圖像、表格和列表）。
從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
版本 | 發(fā)布時(shí)間 |
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
