html超级链接和常用标签
时间:2022-08-21 21:00:00
超链接和常用标签
- 超级链接
-
- 超级链接
- 超链接锚点
- 常用标签
-
- 1.图片标签
- 2.表格标签
- 3.音频标签
- 4.视频标签
- 5.框架标签
- 图片圆角属性
超级链接
超级链接
- 超级链接 a:完成多页跳转
- a标签必须有属性href
- 当href的值为空 点击超链接刷新页面(再次向当前地址发送请求)
- href值可以是其他域名网站下的地址 链接到其他网站
- href相对路径的值可以使用(./当前路径 可以省略 . ./ 上级路径)
- href结合target 当target的值为_blank打开新的空白页时,会打开新的空白页
示例代码如下
Document 链接到自己 百度
超链接锚点
- 要有目标位置id(id必须以字母开头)
2. href的值要以#开头 并且内容和id的值一致
3. 当href#时代表回到顶部
所有锚点都不需要刷新页面
示例代码如下
Document 到s30 s1
s2
s3
s4
s5
s6
s7
s8
s9
s10
s11
s12
s13
s14
s15
s16
s17
s18
s19
s20
s21
s22
s23
s24
s25
s26
s27
s28
s29
s30
s31
s32
s33
s34
s35
s36
s37
s38
s39
s40
s41
s42
s43
s44
s45
s46
s47
s48
s49
s50
s51
s52
s53
s54
s55
s56
s57
s58
s59
s60
s61
s62
s63
s64
s65
s66
s67
s68
s69
s70
s71
s72
s73
s74
s75
s76
s77
s78
s79
s80
s81
s82
s83
s84
s85
s86
s87
s88
s89
s90
s91&t;/p>
s92
s93
s94
s95
s96
s97
s98
s99
s100
到s30
回到顶部
回到顶部
常用标签
1.图片标签
- img 行内元素 没有闭合签
- src 图片地址
可用 网络地址(并不是所有的网络图片都可以直接用,比如有些网站使用了反爬技术)
可用本地地址 - width:300 属性width直接写不需要单位, 但是样式style需要单位
- alt 图片加载失败显示文本信息
示例代码如下
Document
2.表格标签
表格标签
-
table 外框
-
th 表头单元格 居中 加粗
-
td 普通单元格
-
boder 边框
-
cellpadding 单元格内补
-
cellsapcing 单元格间距
-
width 占页面大小
-
同一列 多行 使用行合并 rowspan
-
同一行 多列 使用列合并 colspan
示例代码如下
Document
编号
姓名
年龄
111
wang
20
zhang
中国
香港
3.音频标签
- 网页中的声音,F12网络提取音频地址
- audio 音频标签
- src 音频地址 可以使用网络地址,也可以使用本地文件
- controls 显示音频组件 在不同浏览器下外观不一致, 一般都需要充写播放器外观
- autoplay 自动播放属性 在谷歌浏览器下面由于安全策略禁止使用
- h5标准 属性名=属性值 可以省略属性值
示例代码如下
Document
4.视频标签
- video 视频标签
- src 视频标签
- controls 视频组件
- autoplay 自动播放 谷歌浏览器禁用
- 一般 声音 audio 支持 mp3 ogg(体积特别小) 常见格式
- 一般 视频 video 支持 mp4 ogv(体积特别小) 等常见格式
示例代码如下(下面视频地址为本地视频地址)
Document
5.框架标签
框架属性
src 页面地址:
scrolling= “yes/no” 开启,关闭滚轮
示例代码如下
Document
图片圆角属性
- style属性里面 border-radius的值越越大时,边框越圆润,值为50%时,方形图片变为圆形图片,矩形图片变为椭圆形图片。
- 示例代码如下
Document
总结:
以上为html超级链接和常用标签的使用,欢迎大家沟通讨论。