排版标簽
排版标簽主要和css搭配使用,顯示網頁結構的标簽,是網頁布局最常用的标簽。
标題标簽
<head> head 頭部. 标題
段落标簽
<p> paragraph 段落
水準線标簽
<hr/> horizontal 橫線
換行标簽
<br/> break 打斷 ,換行
div span标簽(重點)
div 就是 division 的縮寫 分割, 分區的意思 其實有很多div 來組合網頁。
span, 跨度,跨距;範圍
<div> 這是頭部 </div> <span>今日價格</span>
文本格式化标簽
标簽屬性
<标簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 内容 </标簽名>
在上面的文法中,
1.标簽可以擁有多個屬性,必須寫在開始标簽中,位于标簽名後面。
2.屬性之間不分先後順序,标簽名與屬性、屬性與屬性之間均以空格分開。
3.任何标簽的屬性都有預設值,省略該屬性則取預設值。
圖像标簽
<img src="">
連結标簽
anchor 的縮寫 。基本解釋 錨, 鐵錨 的
錨點定位(難點)
通過建立錨點連結,使用者能夠快速定位到目标内容。
建立錨點連結分為兩步:
1.使用“<a href=”#id名>“連結文本"</a>建立連結文本。
2.使用相應的id名标注跳轉目标的位置。
<a href="#privateLife" target="_blank" rel="external nofollow" >3.個人生活</a>
<h3 id="privateLife">個人生活</h3>
base 标簽
base 可以設定整體連結的打開狀态
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>base标簽</title>
<base target="_blank">
</head>
<body>
<a href="http://www.baidu.com" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >百度</a> <br />
<a href="http://www.jd.com" target="_blank" rel="external nofollow" >京東</a> <br />
<a href="http://taobao.com" target="_blank" rel="external nofollow" >淘寶</a> <br />
<a href="http://sohu.com" target="_blank" rel="external nofollow" >搜狐</a> <br />
</body>
</html>
注釋标簽
單行注釋 ctrl + /
多行注釋 ctrl + shift + /
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>标簽及标簽的屬性</title>
</head>
<body>
<hr width="1360" color="red" />
<!--圖檔标簽-->
<img src="D:\webQ\Markdown文法\jun.jpg" width="200" height="160" alt="網絡罷工了" title="自拍照" >
<hr width="1360" color="red" />
<br/>
<!--連結标簽
target :跳轉方式
1._self 預設值 原視窗
2._blank 新視窗
-->
<a href="http://www.baidu.com" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank">百度一下</a> <br />
<a href="新聞測試.html" target="_blank" rel="external nofollow" >新聞頁面</a> <br/>
<hr />
<!--特殊字元-->
----- 特殊字元 ---
<!--小于 大于-->
5<10 同時 8>2 <br />
</body>
</html>