HTML学习笔记——链接

172 阅读1分钟

图像标签

基本结构:

<img src=" 图片的url"alt="图像的代替文本"/>或者<img src=" 图片的url"title="图象的提示文本"/>

height:设置图片高度
width:设置图片的宽度

一.图像标签的注意点:
  1. 图像标签可以拥有多个属性,必须写在标签后面。
  2. 属性之间不分先后顺序,标签名与属性,属性与属性之间均已空格分开。
  3. 属性采取键值对的格式,即key=“value”的格式,属性=“属性值”。

超链接标签

链接语法格式:
<a href="跳转目标"target="目标窗口的弹出方式">文本或图像

外部标签

例如: <a href="https://www.bilibili.com">B站</a>

属性作用
hrefhref 属性描述了链接的目标
target用于指定链接页面的打开方式,-self当前窗口打开,-blank新窗口打开页面

内部标签

网站内部链接之间的相互链接。直接链接内部页面名称即可 例如: <a href="内部页面名称">首页</a>

空标签

如果当时没有确定链接目标时,<a href="#">首页</a>

下载链接

如果href里面地址是一个文件或压缩包,会下载这个文件。(文件或压缩包要在同一级中)

网页元素链接

在网页中的各种网页元素,如文本,图像,表格没,音频,视频等都可以添加超链接。

锚点链接

但我们点击链接,快速定位到自己想看的部分

  • 在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#five">第五集</a>
  • 找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id ="five">第五集介绍</h3>