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