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