图像标签
基本结构:
<img src=" 图片的url"alt="图像的代替文本"/>或者<img src=" 图片的url"title="图象的提示文本"/>
height:设置图片高度
width:设置图片的宽度
一.图像标签的注意点:
- 图像标签可以拥有多个属性,必须写在标签后面。
- 属性之间不分先后顺序,标签名与属性,属性与属性之间均已空格分开。
- 属性采取键值对的格式,即key=“value”的格式,属性=“属性值”。
超链接标签
链接语法格式:
<a href="跳转目标"target="目标窗口的弹出方式">文本或图像
外部标签
例如:
<a href="https://www.bilibili.com">B站</a>
| 属性 | 作用 | |
|---|---|---|
| href | href 属性描述了链接的目标 | |
| target | 用于指定链接页面的打开方式,-self当前窗口打开,-blank新窗口打开页面 |
内部标签
网站内部链接之间的相互链接。直接链接内部页面名称即可
例如:
<a href="内部页面名称">首页</a>
空标签
如果当时没有确定链接目标时,<a href="#">首页</a>
下载链接
如果href里面地址是一个文件或压缩包,会下载这个文件。(文件或压缩包要在同一级中)
网页元素链接
在网页中的各种网页元素,如文本,图像,表格没,音频,视频等都可以添加超链接。
锚点链接
但我们点击链接,快速定位到自己想看的部分
- 在链接文本的href属性中,设置属性值为#名字的形式,如
<a href="#five">第五集</a> - 找到目标位置标签,里面添加一个id属性=刚才的名字,如:
<h3 id ="five">第五集介绍</h3>