整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
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。
tml+css基礎一：html簡介和發展史
HTML全稱（hypertext markup language）譯為超文本標記語言，其譯文代表了HTML的含義，它和其他編程語言不同的是，HTML不是一門真正意義上編程語言，而是一種標記語言，通過帶有尖角號的標簽對文本進行標記，從而實現網頁的結構搭建。
1.2、HTML發展史
HTML創始人（蒂姆·伯納斯-李）蒂姆·伯納斯-李除了是HTML的創始人，還是w3c組織的主席。
1、HTML1.0 （1991年12月）
1991年萬維網（www）在互聯網上首次露面，也隨之引起了巨大的轟動。
1989年，伯納斯-李寫了一份備忘錄，提出建立一個基于互聯網的超文本系統。同年和另外一個工程師一起進行聯合資金申請，但是這個項目并沒有通過。
1991年底的時候，伯納斯-李公開了一份“HTML Tag”的文檔，里面描述了組成HTML初始版本的18個元素
2、HTML2.0（1995年11月）
HTML 2.0是HTML語言的擴展。????
與原始版本的HTML不同，HTML 2.0被創建為Web標準，規定了常見的網頁結構
3、HTML3.2（1996年1月）
慘淡的"第一次瀏覽器大戰時期（Netspace Vs IE）"，兩大巨頭不斷推出重大舉措試圖控制整個領域。???????
網頁開發者是這場戰爭中的焦點。商業戰爭就像軍備競賽，各家公司為了保持領先，招兵買馬。各家都有各家的規則。?????????
那時候，你不得不寫兩份不同的網頁，一個用于網景的瀏覽器，另一個用于微軟的瀏覽器
4、HTML4（1997年12月）
瀏覽器大戰接近尾聲，W3C（世界萬維網聯盟）成立，他們打算通過制定統一的HTML標準，使整個產業能有序的發展。 ? ? ? ? ? ?
他們計劃用兩種語言分離出HTML的表達式（HTML 4.0）和結構（CSS），并且說服瀏覽器廠商接受這些標準
這次發布提供了規范的三種變體：
Strict，嚴格版本；
Transitional，過渡版本；
Frameset，iframe框架集；
HTML4.0 采納了許多瀏覽器特定的元素類型及屬性，但是同時也把 Netscape 的視覺化標記標記為過時的尋求淘汰; 贊成使用樣式表; 同時在1998年4月對HTML4.0進行了微小的修訂，沒有增加版本號HTML5.0
5、HTML4.01（1999年12月）
像 HTML4.0 一樣提供了三種變體，并且他的最終錯誤修訂版在2001年的5月12日發布
6、XHTML 1.0（2000年1月）
各大瀏覽器廠商紛紛接受W3C標準的時候，新技術出現了。?????????????
HTML和另一種語言XML融合，XHTML（可拓展的超文本標記語言）就此誕生。???????????
它繼承了HTML的通用型和瀏覽器的兼容性，繼承了XML的嚴密性和可拓展性
7、HTML5（2014 年 10 月）
HTML5是HTML最新的修訂版本，由W3C制定，目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準
我們現在使用的是html5版本，因為由于新興框架的出現和瀏覽器兼容性的提升，讓我們選擇了html5。
HTML 代表超文本標記語言。它給出了網站或網頁的基本結構。它定義了您的網站在結構方面的外觀，即網站包含標題、輸入、表單、表格、按鈕等等。
HTML 代碼
<!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
</head>
<body>
<h1>Hello world</h1>
</body>
</html>
您可以在此處查看 Hello world 網站的實時版本，其代碼寫在上面。
我們將詳細討論每一行代碼，以便您能夠了解每一行的想法。
這一行基本上告訴網絡瀏覽器我們正在使用哪個HTML版本。在本例中我們是HTML5。
這是包含我們網頁的所有代碼的HTML元素。換句話說，這包含了網頁所需的所有結構和設置，即外部 CSS、JS、CDN 等。您可能會注意到所有內容都位于<html>和之間</html>。這是因為這樣所有的內容都會在這些元素之間。<html>通常指的是開始標簽，</html>通常指的是結束標簽。
該元素包含了網頁的所有要求。例如，如果您想添加一些外部 CSS 文件、外部 JS 文件或一些外部 CDN（這是網站的要求），那么此元素就會派上用場。如果您不了解 CSS，它用于樣式目的，JS 用于功能目的，CDN 代表內容交付網絡。
該元素包含顯示在Web 瀏覽器選項卡中的標題。如果您訪問 Hello world 網站，您會注意到網絡瀏覽器的選項卡中有標題。這是這些標簽的主要工作。Hello world<title>...</title>
該元素包含用戶可見的結構。您可以想象到的上述元素可以用于我們網頁的設置。主要內容進入正文部分。
h1是用于標題的標題元素。如果您訪問 hello world 網站，我們可以看到的 hello world 就是標題。h1不僅僅是我們擁有的標題元素。我們有一個標題元素，從 開始h1，直到 ，h6唯一的區別是h1較大，然后尺寸減小，直到 h6。
如果您想了解有關 HTML 元素的更多信息，可以在此處查看。
<table>
<tr>
<th>S.No.</th>
<th>Day</th>
</tr>
<tr>
<td>1</td>
<td>Sunday</td>
</tr>
<tr>
<td>2</td>
<td>Monday</td>
</tr>
<tr>
<td>3</td>
<td>Tuesday</td>
</tr>
<tr>
<td>4</td>
<td>Wednesday</td>
</tr>
<tr>
<td>5</td>
<td>Thursday</td>
</tr>
<tr>
<td>6</td>
<td>Friday</td>
</tr>
<tr>
<td>7</td>
<td>Saturday</td>
</tr>
</table>
table：這是用于創建表格的表格元素。
tr：表示表格行。即表的行。
td：表示表數據。即包含該表的數據。
您可以在此處查看代碼的實時版本。
注意此代碼必須寫在body元素之間。
當您上網時，您可能見過一些 HTML 表單。讓我們來創建我們自己的 HTML 表單。
這是代碼片段。
<form>
Name: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
<input type="submit" value="Submit">
</form>
form：HTML 元素幫助我們創建 HTML 表單。
input：輸入元素允許我們獲取用戶的輸入。和稱為HTML 屬性type="email"。name="email"
您可以在此處查看該網頁的實時版本。
注意此代碼必須寫在body元素之間。
總之，HTML 通過定義其結構作為網站或網頁的基礎。它決定了網站在標題、表單、表格、按鈕等元素方面的顯示方式。通過使用 HTML 標簽和元素，我們可以創建結構良好且組織良好的網頁。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
