网站首页 > 知识剖析 正文
一、音视频
-音频标签:<audio></audio>
-属性:
src:音频文件路径
loop:循环播放
autoplay:自动播放
preload:预加载,none|metadata|auto
-语法结构:
<!--写法1-->
<audio src="1.mp3"></audio>
<!--写法2-->
<audio>
<source src="1.mp3"></source>
</audio>
-视频标签:<video></video>
-属性:
src:音频文件路径
loop:循环播放
autoplay:自动播放
width:宽
height:高
poster:封面图片
preload:预加载,none|metadata|auto
-语法结构:
<!--写法1-->
<video src="1.mp4"></video>
<!--写法2-->
<video>
<source src="1.mp4"></source>
</video>
二、列表
无序列表<ul>
属性:
type:disc默认的,实心圆
circle空心圆,square方块
使用:type默认实心圆
<ul>
<li>张三</li>
<li>李四</li>
</ul>
使用:type空心圆
<ul type="circle">
<li>张三</li>
<li>李四</li>
</ul>
使用:type方块
<ul type="square">
<li>张三</li>
<li>李四</li>
</ul>
有序列表<ol>
属性:
type:取值有1,a,A,i,I,分别代表数字,小写字母序列,大写字母序列,小写罗马数字,大写的罗马数字,默认的是数字,使用方式同上,这里不再图示。
案例:
<ol>
<li>张三</li>
<li>李四</li>
</ol>
自定义列表<dl>
一般用来进行图文展示
案例:
<dl>
<dt>
<img src="images/car-1.png" alt="">
</dt>
<dd>凯美瑞</dd>
</dl>
三、div和span
这两个都可以当作容器来使用,嵌套其他标签
div:块级元素,默认占整行
span:行级元素,内容多宽他就多宽
四、表格
结构组成:
table:表格标签
tr:行标签
td:列表签
两行两列:
<table border="1">
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>张三丰</td>
<td>100</td>
</tr>
</table>
border="1" 表示表格边框宽度为1px
合并行:rowspan
<table border="1">
<tr>
<td rowspan="2">姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>100</td>
</tr>
</table>
合并列:colspan
<table border="1">
<tr>
<td colspan="2">信息</td>
</tr>
<tr>
<td>张三丰</td>
<td>100</td>
</tr>
</table>
- 上一篇: 踹掉后端,前端导出Excel
- 下一篇: 前端 HTML:如何创建网页 02
猜你喜欢
- 2024-11-25 服务器弱口令漏洞上传木马攻击实验
- 2024-11-25 10、Django 新建ipa(通讯录)项目
- 2024-11-25 Vue组件传参:Vue父组件向子组件传参
- 2024-11-25 第5天 | 16天搞定前端,html布局,表格和大块头
- 2024-11-25 如何应用“XML+XSLT”技术分离Web表示层数据和样式
- 2024-11-25 web前端ajax笔记之一
- 2024-11-25 vue3 新特性 computed、watch、watchEffect 看完就会
- 2024-11-25 巧用SqlServer数据库实现邮件自动发送功能
- 2024-11-25 「案例演练」测试器与模板继承
- 2024-11-25 Vue的框架(了解)
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)