結構:
<!DOCTYPT html> //聲明
<meta charset="UTF-8"> //描述網頁的摘要信息
<html>
<head>
<title>頁面標題<title>
</head>
<body>
主題內容
</body>
</html>html
meta標籤中charset屬性編碼:
①gb2321:簡體中文,通常用於包含中文和英文的頁面
②ISO-885901:純英文,通常用於只包含英文的頁面
③big5:
④UTF-8:國際性通用的字符編碼,一樣適用於中文和英文的頁面。和gb2321相比,國際通用性更好
字體
<h1>到<h6> 從大到小
<Strong>加粗
<b>加粗
</br>強制換行
<em>斜體
<p>段落標籤
<hr/>水平線
<s>劃掉
<u>下劃線
<!---->註釋
編碼
特殊符號:
 空格
>大於(>)
<小於(<)
"引號(")
©版權符號(@)htm
常見的圖片格式
gif
png
jpg
bmp圖片
圖片標籤的基本語法:
<img src = "圖片位置" alt = "圖像的替代文字" title = "鼠標懸停顯示文字" width = "圖片寬度" height = "圖片高度"/>get
超連接方法:
<a href = "連接地址" target = "目標窗口位置">連接文本或圖像 </a>
經常使用的取值有_self(自身窗口打開) _blank(新建窗口打開)
連接地址爲"#"的時候是空連接it
絕對路徑:
指向目標地址的完整描述,通常指向本站點外的文件
<a href = "http://www.sohu.com/index.html">搜狐</a>字符編碼
color = "顏色"
<font size = "10">字體</font> 更改字體的大小meta
*絕對路徑:對路徑的完整描述
*相對路徑:相對描述的路徑
頁面間的連接
錨連接
(1)空鏈接:
<a href = "#">xxx</a>
(2)跳轉錨連接
<a href = "ABC" > 目標位置</a>
<a href = "#ABC" > 當前位置</a>
功能性連接
語法
頁面跳轉 <img src = "圖片地址"/> <a href = "#" name = "start">目標位置</a> 接收 <a href = "文件名.html#start">目標位置</a> *<a href = "網頁.html.標記">目標位置</a>