Web前端(4)_超鏈接和錨
阿新 • • 發佈:2019-03-10
meta col 你好 -c 百度 EDA doc 路徑 新標簽頁
1、本頁面打開
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行級標簽</title> </head> <body> <a href="http://www.baidu.com" >百度一下</a> </body> </html>View Code
2、新標簽頁打開
<!DOCTYPE html>View Code<html lang="en"> <head> <meta charset="UTF-8"> <title>行級標簽</title> </head> <body> <a href="http://www.baidu.com" target="_blank">百度一下</a> </body> </html>
3、 鏈接本地圖片
<!DOCTYPE html> <html langView Code="en"> <head> <meta charset="UTF-8"> <title>行級標簽</title> </head> <body> <a href="../image/QQ360.png" target="_blank">打開圖片</a> </body> </html>
4 、錨點
<!DOCTYPE html> <html lang="en"> <head>View Code<meta charset="UTF-8"> <title>行級標簽</title> </head> <br> <a id = "top" href="#bottom" >去底部</a> <br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> <a id = "bottom" href="#top" >去頂部</a> <br /> </body> </html>
5、範圍標簽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行級標簽</title> </head> <br> <a id = "top" href="#bottom" >去底部</a> <br /> <a href="#range">點一下去範圍標簽</a> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> <span id="range">我是範圍標簽</span>> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> 你好<br /> <a id = "bottom" href="#top" >去頂部</a> <br /> </body>View Code
6、鏈接路徑
Web前端(4)_超鏈接和錨