HTML常用标签a,img,table

238 阅读1分钟

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这样不规范的写法,浏览器依旧会帮你补全如上格式。