<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>永恩的技術(shù)博客</title>
</head>
<body>
</body>
</html>
H系列標(biāo)簽(Header 1~Header 6)
<h1>我是標(biāo)題1</h1>
<h2>我是標(biāo)題2</h2>
<h2>我是標(biāo)題2</h2>
<h3>我是標(biāo)題3</h3>
<h4>我是標(biāo)題4</h4>
<h5>我是標(biāo)題5</h5>
<h6>我是標(biāo)題6</h6>
P標(biāo)簽(Paragraph)
作用:
- 告訴瀏覽器哪些文字是一個(gè)段落
<p>我是p包裹的</p>
<p>我是p包裹的</p>
<!-- 這里的hr標(biāo)簽 通過我的觀察發(fā)現(xiàn)HR標(biāo)簽可以寫/也可以不寫/, 如果不寫/那么就是按照HTML的規(guī)范來編寫, 如果寫上/那么就是按照XHTML的規(guī)范來編寫.但是在HTML5中, 由于HTML5兼容HTML和XHTML所有寫不寫都可以.那么以后我們?cè)谧銮岸碎_發(fā)時(shí)到底寫還是不寫呢? 按照高級(jí)開發(fā)工具的提示來寫即可.
- 由于hr標(biāo)簽是用來修改樣式的, 所以不推薦使用. 今后開發(fā)中添加水平線一般都使用CSS盒子來做 -->
Hr標(biāo)簽(Horizontal Rule)
作用:
-
在瀏覽器上顯示一條分割線
相對(duì)路徑幾種查找方式
同級(jí)
直接編寫, 例如: girl.png
加上./ 編寫, 例如./girl.png
./代表當(dāng)前目錄, ./girl.png代表在當(dāng)前目錄下查找
下級(jí)
直接編寫, 例如abc/girl.png
加上./ 編寫, 例如./abc/girl.png
相對(duì)當(dāng)前目錄有幾個(gè)文件夾,就在后面依次補(bǔ)全幾個(gè)文件夾名稱即可, 例如 abc/bbb/ccc/ddd/girl.png或./abc/bbb/ccc/ddd/girl.png
上級(jí)
../代表訪問上級(jí)目錄
假設(shè)a文件夾下面有b文件夾, 圖片存放在a文件夾中, html文件存放在b文件夾中, 那么路徑為../girl.png
因?yàn)閔tml文件在b文件夾中, 所以路徑是相對(duì)于b文件夾的, 所以../代表訪問b文件夾的上一級(jí)目錄, b文件夾的上一級(jí)目錄是a文件夾, 所以../girl.png就代表在a文件夾查找girl.png
注意事項(xiàng):
相對(duì)路徑不會(huì)出現(xiàn)這種格式aaa/../bbb/girl.png
雖然可以顯示, 但是企業(yè)開發(fā)中千萬不要這么寫
br標(biāo)簽(Break)
讓內(nèi)容換行
<br>
<br/>
a標(biāo)簽(anchor)
- 在a標(biāo)簽之間一定要寫上文字, 如果沒有, 那么在頁面上找不到這個(gè)標(biāo)簽
a標(biāo)簽也叫做超級(jí)鏈接或超鏈接
<a >muyang的博客</a><hr/>
<a target="_blank">muyang的博客</a>
<a target="_self">muyang的博客</a>
a標(biāo)簽其它用法
- 假鏈接(本質(zhì)是跳轉(zhuǎn)到當(dāng)前頁面)
格式<a href="#">江哥博客</a>
格式<a href="javascript:">江哥博客</a> - 跳轉(zhuǎn)到當(dāng)前頁面指定位置(錨點(diǎn)鏈接)
2.1.格式<a href="#location">跳轉(zhuǎn)到指定位置</a>
2.2.在頁面的指定位置給任意標(biāo)簽添加一個(gè)id屬性
例如 <p id="location">這個(gè)是目標(biāo)</p> - 跳轉(zhuǎn)到指定頁面的指定位置
格式: <a href="01-錨點(diǎn)鏈接.html#location">跳轉(zhuǎn)到指定位置</a>
只需要在01-錨點(diǎn)鏈接.html頁面添加一個(gè)id位置即可
<a href="#location">跳轉(zhuǎn)到指定位置</a>
<p id="location">這個(gè)是目標(biāo)</p>
