HTML運行原理：
1.本地運行：html文件用浏覽器打開
2.遠程訪問運行：本地浏覽器訪問遠程服務器(tomcal)
網頁的文件名最好不要有中文,因為將來網頁文件都是保存到服務器上的建議都使用英文保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 文件後綴。
二、HTML文檔基本結構
1、文檔的骨架：所有的網頁文件，通常由下面四對標記來構成文檔的骨架
復制代碼代碼如下:
<html>
<head>
<title> 網頁標題 </title
</head></p>
<p><body>
這裡放置的是要在網頁中顯示的內容
</body>
</html>
<html>....</html>:標識網頁的開始與結束，所有的html元素都要放在這對標記中
<head>....</head>:標識網頁文件的頭部信息，如標題，搜索引擎關鍵字等.裡面的內容最先加載
<title>....</title>:標識網頁文件的標題
<body>....</body>:標識網頁文件的主體部分，即頁面可見的內容
2、meta標簽
meta標記用於定義文件信息，對網頁進行說明，便於搜索引擎查找，要放置在<head> <head/>之間
設置關鍵字：(比較短，用於搜索引擎)
<meta name="keywords" content="value"/> value表示要設置的關鍵字，多個關鍵字之間用,分隔開
設置描述：(用於對關鍵字進行擴展,或對網頁的內容進行概述性的描述)
<meta name="description" content="value"/> value表示要設置的描述，多個描述之間用,分隔開
設置作者：
<mate name="author" content="作者名" />作者名一般都是公司名稱
設置網頁的編碼：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
設置頁面定時跳轉：
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> (content="2;url=http://www.baidu.com" 2表示該網頁過多少秒跳轉到url指定的目的地)
描述網頁的版本:
<meta name="revised" content="html4.01">
可設置其他網頁信息:
<meta name="others" content="這個我第一個網站，網站的主要內容有動漫，音樂，文章，博客等等，歡迎大家光臨！">
描述網頁是通過那種軟件產生:
<meta name="generator" content="記事本">
復制代碼代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="網頁設計,學網頁" />
<meta name="description" content="如何學習網頁設計,學習網頁設計的方法,HTML中文手冊" />
<meta name="author" content="腳本之家" />
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" />
<meta name="revised" content="html4.01">
<title>HTML文檔基本結構_meta標簽</title>
</head>
<body>
meta標記用於定義文件信息，對網頁進行說明，便於搜索引擎查找，
</body>
</html>
3、head區
復制代碼代碼如下:
<head>
<title> 網頁標題 </title>文件標題聲明
<mate> 一些文檔的信息，如對該文檔關鍵詞，描述，字符集設置等等。
<base> 超鏈接網址基准參考點
javascript和VBScript程序
stylesheet 可用來設置排版來的聲明
<link> 可引用外部文件，如CSS排版樣本
</head>
三、HTML標記的語法
html最基本的語法就是<標記符>內容</標記符>,標記符通常都是成對使用的一個開頭標記和一個結束標記,還有一種單標記沒有結束標記，如<hr/>
HTML標記類型：單標記和雙標記
雙標記：
有屬性：<標記名稱 屬性="屬性值">...</標記名稱> 如：<font size="3">.....</font>
無屬性：<標記名稱>...</標記名稱> 如：<title>.....</title>
單標記：
有屬性：<標記名稱 屬性="屬性值"> 如：<hr width="200"/>（默認是居中的）
無屬性：<標記名稱> 如：<br />
復制代碼代碼如下:
<!-- 有屬性：<標記名稱 屬性="屬性值">...</標記名稱> 如：<font size="3">.....</font>-->
<font size="4" color="#33FF00">2、體育老師說：誰敢穿裙子上我的課，就罰她倒立！</font> </p>
<p><!--無屬性：<標記名稱>...</標記名稱> 如：<title>.....</title>--></p>
<p><!-- 有屬性：<標記名稱 屬性="屬性值"> 如：<hr width="200"/>（默認是居中的）-->
<hr width="200"/></p>
<p><!--無屬性：<標記名稱> 如：
表示換行但不換段--></p>
<p>3、住在我心裡，你交房租了嗎？
4、你讓我下不了台，我讓你連上台的機會都沒有