第一章

 

結構:
<!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>下劃線
<!---->註釋
編碼

特殊符號:
&nbsp空格
&gt大於(>)
&lt小於(<)
&quot引號(")
&copy版權符號(@)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>

相關文章
相關標籤/搜索