標籤：des style blog http io ar color os 使用
一、HTML的介紹Hyper Text Mark-up Language 超文字標記語言 (HTML),是一種描述性標記語言(不是程式設計語言),主要用於描述網頁（可以有映像,文字,聲音,等..）但沒有互動性
HTML運行原理：
1.本地運行：html檔案用瀏覽器開啟
2.遠端存取運行：本地瀏覽器訪問遠程伺服器(如：tomcal)
網頁的檔案名稱最好不要有中文,因為將來網頁檔案都是儲存到伺服器上的建議都使用英文
儲存 HTML 檔案時，既可以使用 .htm 也可以使用 .html 檔案尾碼。
二、HTML文檔基本結構
1、文檔的骨架：所有的網頁檔案，通常由下面四對標記來構成文檔的骨架
<html> <head> <title> 網頁標題 </title </head> <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><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、base標籤：設定超連結的target值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTML中架構的嵌套</title><base target="_blank"/><!--base標籤的target屬性可以設定整個網頁的超連結的target值都是一樣的，這樣就不需要再每個超連結標籤中都設定target了--></head><body> <a href="http://www.baidu.com" target="_blank">java</a> <a href="http://www.sina.com.cn" target="_blank">php</a></body></html>
三、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> <!--無屬性：<標記名稱>...</標記名稱> 如：<title>.....</title>--> <!-- 有屬性：<標記名稱 屬性="屬性值"> 如：<hr width="200"/>（預設是置中的）--> <hr width="200"/> <!--無屬性：<標記名稱> 如：<br /> 表示換行但不換段--> 3、住在我心裡，你交房租了嗎？<br /> 4、你讓我下不了台，我讓你連上台的機會都沒有。
HTML介紹、文檔基本結構、HTML標記的文法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
