HTML学习笔记(链接,图片)

  1. 省略协议:<a href="url"> 查看图片</a>
    1. http:直接://,浏览器通过当前协议带入
    2. host+协议::根据当前页面自动补充 <a href="/index.html">返回首页</a>
  2. 相对路径,绝对路径
    1. <a href="/a/b/c.html">绝对路径</a>
    2. <a href="a/b/c.html">相对路径</a>相对于当前页面所在目录使用链接
    3. <a href="../../c.html">相对路径</a>
    4. <a href="#test">到test</a>
      1. 页面内链接
      2. 会跳到和#之后有相同name或者id的位置
  3. 链接目标
    1. <a href="http://www.w3.org" target="_self">W3C(当前窗口)</a>
    2. <a href="http://www.w3.rog" target="_blank“>W3C(新窗口)</a>
  4. 图片
    1. <img="url" alt="替代文字" width="" height="">
      1. 不指定宽高,原图大小显示
      2. 指定宽度或高度,按比例缩放
      3. 制定宽高,强制宽高,注意和原图比例相同
      4. <figure>

                          <figcaption>图片说明<figcaption>

                           </figure>

猜你喜欢

转载自blog.csdn.net/didadu/article/details/82843022
今日推荐