整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML教程
超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創建網頁的標準標記語言。
您可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。
在本教程中，您將學習如何使用 HTML 來創建站點。
HTML 很容易學習！相信您能很快學會它！
本教程包含了數百個 HTML 實例。
使用本站的編輯器，您可以輕松實現在線修改 HTML，并查看實例運行結果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>HTML 文檔的后綴名
.html
.htm
都可以。
實例：
<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</header>
<body>
<h1>這是我的標題</h1>
<p>這是我的段落</p>
</body>
</html>實例解析
什么是HTML？
標簽
<標簽>內容</標簽>html元素
“HTML 標簽” 和 “HTML 元素” 通常都是描述同樣的意思.
但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽，如下實例:
HTML 元素:
<p>這是一個段落</p>web瀏覽器
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，Firefox，Safari）是用于讀取HTML文件，并將其作為網頁顯示。
瀏覽器并不是直接顯示的HTML標簽，但可以使用標簽來決定如何展現HTML頁面的內容給用戶
html網頁結構
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>html的版本：
<!DOCTYPE>聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。
網絡上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網頁內容。
doctype 聲明是不區分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>html5
<!DOCTYPE html>html4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Transitional//EN""
http://www.w3.org/TR/html4/loose.dtd">xhtml1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。
以下HTML標記用于格式化網頁上文本的外觀。這可以使網頁變得更加生動，但是，文本格式的太多變化也會使人不快。
head標記有6個級別可用，從h1用于最大和最重要的標題，到h6是最小的標題。
b標記之間的文本以粗體顯示，與周圍的文本相對突出。
i標記以一個小角度顯示文本。
u標記在文本正文添加一條線，請注意，鏈接已經有下劃線，不需要額外的標記。
strike標記在文本的正中間畫一條線，通常用來表示文本是舊的，不再相關，刪除。也可以用<s></s>代替。
pre標記之間的任何文本，包括空格、回車符和標點符號，都將像在文本編輯器中一樣顯示在瀏覽器中（通常瀏覽器會忽略多個空格）
code標記之間的文本以固定寬度字體顯示，通常在顯示源代碼時使用。
tt標記之間的文本就像是用打字機打出了一個固定寬度的文字。
blockquote標記定義一個塊引用，并且在塊的左右添加額外的邊距。
small標記讓你無需設置字體大小，就可以使文本呈現比周圍稍小的外觀。
font標記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進制顏色代碼。
font標記的size屬性改變字體的大小，值范圍從1到7，1是最小，7是最大。
font標記的size屬性還可以相對于其前面的字體大小的作即時更改，此用法將按你指定的數字增減字體大小。例如：<font size="-1">一些文本</font>
font標記的face屬性以指定的字體顯示文本，值為字體名稱，如“Helvetica”、“Arial”或“Courier”。
center標記之間的所有內容都居中。
em標記用于強調文本，文本通常以斜體顯示，可能會根據瀏覽器的不同而有所不同。
strong標記用于著重強調文本，通常以粗體顯示，可能會根據瀏覽器的不同而有所不同。
下面是以上標記的示例：
瀏覽器顯示內容如下所示：
以下是Text類型節點的一些屬性與方法
var ele = window.document.getElementsByTagName("ul");
var ele_text = ele[0].childNodes[2];
alert(ele_text.nodeType); // 3
alert(ele_text.nodeName); // #text
alert(ele_text.appendData("abc123")); // 將內容添加到節點的末尾
alert(ele_text.parentNode.nodeName); // UL
ele_text.deleteData(offset,count); // 從offset指定的位置開始刪除count個字符
ele_text.insertData(offset,text); // 從offset指定的位置插入text
ele_text.replaceData(offset,count,text); // 用text替換從offset指定的位置開始到offset+count處的字符串
ele_text.splitText(offset); // 從指定offset位置開始將文本分為兩個文本節點
ele_text.substringData(offset,count); // 指取從offset指定的位置開始到offset+count為止處的字符串還有length屬性可以獲得字符串的長度：
ele_text.data.length
ele_text.nodeValue.lengthvar ele_div = document.createElement("div"); // 創建DIV標
ele_div.className = "message"; // 設置類名為message
var ele_text = document.createTextNode("Hello world"); // 創建文本節點
ele_div.appendChild(ele_text); // 將文本節點掛在div節點下
document.body.appendChild(ele_div); // 將div節點掛以body節點下如果存在相鄰兩個文本節點，那么對父節點使用normalize方法，會將相領的文本節點內容進行合并，只留一個文本節點。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
