a
href="//baidu.com"
<a href="//baidu.com" target="_blank">超链接</a>
如图,href="//url " 会自动选择http / https, F12->Network->Preserve Log->观察到第一个Request Url:baidu.com, 这里的http是继承自跳转前的网页的协议,接着会重定向到www.baidu.com.
href="javascript:;" 伪协议
<a href="javascript:;">这里用了JS伪协议之后,实现了页面保持不动且不会刷新页面</a>
有无刷新页面? F12->network->点击页面元素->若刷新则会有对应请求产生
/ 在file与http中表示不同的根目录
- / 在file中或者命令行中表示系统根目录的意思
- / 在http中表示的是你run http server的目录路径 表示的是你的域名下的路径
<img src="/demo/imgs/a.png">最开头的/ 表示的是域名下的路径
jirengu.github.io/demo/index.… 域名是开始的/到第二个/之间的jirengu.github.io
因此src表示的路径其实就是jirengu.github.io/demo/imgs/a…
- ./ 在file和http中都表示当前路径
- href=“/a/inner.html”是绝对路径 /表示的是http server的目录路径下的a
- href=“b/inner1.html”是相对路径 等同于href=“./b/inner1.html”
跳转到指定的tag
<a href="#p1">跳转到id=p1的tag</a>
target="xxxWindow"
target属性指定了a标签打开窗口的方式,target="xxxWindow"表示打开一个name为xxxWindow的窗口。
img
image发出GET请求返回一张图片
如果只写height 那么width会自适应
如果只写width那么height会自适应
table
<table>
<thead><tr></tr></thead>
<tbody><tr></tr></tbody>
<tfoot><tr></tr></tfoot>
</table>
分3块,依次在tr里面按需要填入th/td。
即使table>tr>td这样不规范的写法,浏览器依旧会帮你补全如上格式。