目录
图片
音乐
视频
子代选择器
交集选择器
背景
文章主要补充之前html文章一些漏洞:HTML常用标签+表格+表单_小俱的一步步的博客-CSDN博客
在VScode中新创建html文件,!+“Tab”键,自动生成html骨架
图片
<img src="图片相对地址"></img>
属性:
alt:替换文本
title:提示文本,鼠标悬停在图片上提示文本
音乐
<audio src="音乐相对地址" controls autoplay loop></audio>
属性:
controls:显示播放控件
autoplay:自动播放
loop:循环播放
视频
<video src="视频相对地址" controls autoplay muted></video>
属性:
controls:显示播放控件
autoplay:自动播放,但是谷歌浏览器中要配muted 才能自动播放且静音
loop:循环播放
补充标签:
子代选择器
交集选择器
多个相同标签可以单独选择一个
背景
背景颜色
background-color:颜色名/rgba(红,绿,蓝,透明度)
快捷键 :w300+h200+bgc
背景图
快捷键:bgi
背景平铺
background-repeat
快捷键 :bgr
属性值:
取值 | 效果 |
repeat | (默认值)水平和垂直方向都平铺 |
no-repeat | 不平铺 |
repeat-x | 沿水平方向(x轴)平铺 |
repeat-y | 沿垂直方向(y轴)平铺 |
背景位置
background-position
快捷键: bgp
背景符合属性写法:文章来源:https://www.toymoban.com/news/detail-731479.html
background: color image repeat position 文章来源地址https://www.toymoban.com/news/detail-731479.html
到了这里,关于html中图片、音乐、视频标签及选择器、背景的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!