HTML常用标签

 基本概括了学习中和工作中全部常见标签,欢迎补充

常见标签:

  1. <div>
  2. <span>
  3. <ul>定义无序列表
  4. <ol>:定义有序列表
  5. <li>
  6. <h1> - <h6>
  7. <p>
  8. <a>
  9. <img>
  10. <br/>
  11. <input>

不常见标签:

  1. <strong></strong>或<b></b>:加粗
  2. <em></em>或<i></i>:倾斜
  3. <del></del>或<s></s>:删除线
  4. <ins></ins>或<u></u>:下划线
  5. <header>:定义文档或区段的页眉。
  6. <nav>:定义导航链接的容器。
  7. <section>:定义文档中的一个区段。
  8. <article>:定义独立的自包含内容。
  9. <aside>:定义与页面内容略微相关的侧边栏内容。
  10. <footer>:定义文档或区段的页脚。
  11. <table>:定义表格。
  12. <tr>:定义表格行。
  13. <th>:定义表格头单元格。
  14. <td>:定义表格数据单元格。
  15. <form>:定义表单,用于用户输入。
  16. <button>:定义按钮。
  17. <select>:定义下拉选择框。
  18. <option>:定义 <select> 元素中的选项。
  19. <textarea>:定义多行文本输入控件。

特殊字符:

空格符:&nbsp;、小于号:&lt;、大于号:&gt;、和号:&amp;

人民币:&yen;、版权:&copy;、注册商标:&reg;、摄氏度:&deg;

正负号:&plusmn;、乘号:&times;、除号:&divide;、平方:&sup2;

立方:&sup3;、实心圆点:&middot;

视频及音频:

新增视频标签:<video src="文件地址" controls="controls"></video>

属性

描述

src

url

视频url的地址

preload

auto(预加载视频)

none(不应加载视频)

auto(预先加载视频)none(不应加载视频)

poster

lmgurl

加载等待的画面图片

autoplay

autoplay

视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放问题)

controls

controls

向用户显示播放控件

width

pixels(像素)

设置播放器宽度

height

pixels(像素)

设置播放器高度

loop

loop

播放完是否继续播放该视频,循环播放

muted

muted

静音播放

新增音频标签:<audio src="文件地址" controls="controls"></audio>

属性

描述

autoplay

autoplay

如果出现该属性,则音频在就绪后马上播放

controls

controls

如果出现该属性,则向用户显示控件,比如播放按钮

loop

loop

如果出现该属性,则每当音频结束时重新开始播放

src

url

要播放的音频的url

注意点:

  1. 浏览器支持情况不同
  2. 谷歌浏览器把音频和视频自动播放禁止
  3. 我们可以给视频标签添加muted属性来静音播放视频,音频不可以(可以通过JavaScript解决)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值