HTML標記語言1
一 HTML的語法
1.1 什麽是html標記語言
表示網頁信息的符號標記語言
1.1.1 特點
可以設置文本的格式，比如標題,字號,文本顏色,段落等等
可以創建列表
可以插入圖像和媒體
可以建立表格
超鏈接，可以使用鼠標點擊超鏈接來實現頁面之間的跳轉
1.2 html的標記和它的屬性
1.2.1 html文檔的保存格式
.html
.htm
.xhtml
1.2.2 標記和別標記的內容構建出html文檔
1.2.2.1 格式
<標記>
內容
</標記>
1.2.3 標記的屬性
1.2.3.1 標記的屬性
就是用來控制我們的內容（圖像、文本等）如何的顯示
1.2.3.2 格式
<標記 屬性1=屬性值 屬性2=屬性值... ...>
內容
</標記>
例如<body bgcolor="red">內容</body>
以上的屬性是用來控制我們的網頁的背景顏色，bgcolor就是body的屬性，它的值是red（紅色）
1.3 語法不區分字母大小寫
<HTML>、<Html>、<html>都是定義相同的標記，但是在編寫網頁的時候盡量使用小寫
1.4 文檔註釋
註釋一段內容時使用"<!--"開始，以"-->"結束
例如<!--山有木兮木有枝，心悅君兮知不知-->
1.5 代碼格式
空格鍵和回車鍵在網頁中都不會起到任何作用，為了讓代碼清晰易讀，可以使用空格鍵和回車鍵進行編排
註意：縮進時保持嚴格的規則，以“Tab”鍵進行縮進
1.6 字符實體
1.6.1 什麽是字符實體
比如我們想在網頁上面顯示一個"<"小於符號，但是"<"在HTML中是文檔標記的開始語言，如果我們直接使用"<"會出差錯，所以我們就會用一些實體名稱來代替
1.6.2 常見的字符實體
顯示結果 描述 實體名稱 實體編號
空格    
< 小於號 < <
> 大於號 > >
& 和號 & &
" 引號 " "
‘ 撇號 &apos(IE不支持) '
￥ 日圓 ¥ ¥
× 乘號 × ×
÷ 除號 ÷ ÷
歐元 &euro €
註冊商標 ® ®
版權 © ©
￡ 鎊 £ £
￠ 分 ¢ ¢
§ 小節 § §
商標 &trade ™
二 HTML的基本結構
2.1 <html>內容</html>
2.1.1 解釋
HTML文檔的文檔標記，也稱為HTML開始標記
2.1.2 功能
這對標記分別位於網頁的最前端和最後端
<html>在最前端表示網頁的開始
</html>在最後端表示網頁的結束
2.2 <head>內容</head>
2.2.1 解釋
HTML文件頭標記，也稱為HTML頭信息開始標記
2.2.2 功能
用來包含文件的基本信息，比如網頁的標題，關鍵字，在<head></head>內可以放<title></title>.<meta></meta>.<style></style>等等標記
2.2.3 註意
在<head></head>標記內的內容不會在瀏覽器中顯示
2.3 <title>內容</title>
2.3.1 解釋
HTML文件標題標記
2.3.2 功能
網頁的“主題”，顯示在瀏覽器的窗口的左上方
2.3.3 註意
網頁的標題不能太長，要短小精悍，能具體反應頁面的內容，<title></title>標記中不能包含其他標記
2.4 <body>內容</body>
2.4.1 解釋
HTML文檔的主體標記
2.4.2 功能
<body>...</body>是網頁的主體部分，在此標記之間可以包含如<p></p>、<h1></h1>、<br></br>、<hr></hr>等等標記，正是由這些內容組成了我們所看見的網頁
2.4.3 body標記的常見屬性
2.4.3.1 bgcolor 設置背景顏色
<body bgcolor="red"></body>
2.4.3.2 text 設置文本顏色
<body text="green"></body>
2.4.3.3 link 設置鏈接顏色
<body link="blue"></body>
2.4.3.4 vlink 已經訪問了的鏈接顏色
<body vlink="yellow"></body>
2.4.3.5 alink 正在被點擊的鏈接顏色
<body alink="red"></body>
2.5 <meta>內容</meta>
2.5.1 解釋
頁面的元信息（meta-information）
2.5.2 功能
提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞
2.5.3 必需的屬性
2.5.3.1 content
值：some_text
定義與http-equiv或name屬性相關的元信息
2.5.4 常見的屬性
2.5.4.1 常用的name屬性
author
keywords 把content屬性關聯到一個名稱，比如描繪出網頁的關鍵詞：
description 比如描繪出網頁的關鍵詞：<meta name="keywords"
others content="執子之手，與子偕老"
2.5.5 註意meta標記必須放在head元素裏面
HTML標記語言1