格式
<html>
<head><title></title></head>
<body>
</body>
</html>
解決亂碼問題
簡體中文:gb3212
繁體中文:big5
純英文網頁:ios-8859-1
我們一般用 utf-8編碼解決中文亂碼問題
在head之間 Content-Type表示內容類型
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
keywords表示關鍵字,方便百度這類的爬蟲引擎方法根據關鍵字搜索到
<meta http-equiv="keywords" content="購物,商品,電商" />
refresh 表示刷新 後面的2 表示2秒
<meta http-equiv="refresh" content="2" />
<!-- -->這是註釋標籤,是瀏覽器不會對註釋標籤進行解釋
1、body標籤
<body></body>
屬性主要使用bgcolor背景顏色、background背景圖片
如果這兩個屬性同時使用,背景圖片將會覆蓋掉背景顏色
2、標題標籤
<h1></h1> .....<h6></h6> 字體大小逐步減小,字體加粗,上下有空行
3、換行標籤 <br />
空格標籤
其他特殊符號包含html的關鍵字使用&實現轉義
如 < 用 <表示 > 用>表示
標籤與標籤可以嵌套使用,但是不能在一個標籤沒有結束時交錯其他未結束的標籤
4、font標籤----H5已經不使用
用來修飾字體的大小和顏色
5、加粗標籤 <b></b>
6、刪除線標籤 <del></del>
7、下劃線標籤 <u></u>
8、段落標籤 <p></p>
上下有空行
9、圖片標籤 <img src="" />
alt 表示圖片資源未找到的提示信息
title表示鼠標懸停時的提示信息
10、分割線標籤 <hr /> size 粗度 with 寬度 color顏色
11、列表標籤 <li></li>
12、無序列表標籤 <ul></ul>
13、有序列表標籤 <ol></ol>
這兩個標籤是結合<li></li>使用的, type 前面的符號
14、超鏈接標籤 <a></a>
可以跳轉到內部或者外部的地址
郵件的跳轉發送
跳轉至錨點
設置錨點
跳轉到錨點
- <!--內部的錨點跳轉-->
<a href="#star">跳轉至明顯演唱會位置</a><br />
- <!--外部的錨點跳轉,需要在#前面加上文件名-->
<a href="demo2.html#point">跳轉至demo2的錨點</a><br />
15、滾動標籤 <marquee></marquee>
屬性 direction 滾動的方向 scrolldelay 滾動的速度
οnmοuseοver="this.stop()" 鼠標放在上面,停止滾動
onmouseout ="this.start()" 鼠標移開,開始滾動