一.列表
信息资源的一种展示形式
二.列表的分类
1.有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol>
特性：
1.有顺序，每一个li独占一行
2.默认每一个li前有顺序标识
2.无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<ul>
特性：
1.没有顺序，每一个li独占一行（块元素）
2.默认每一个li前有一个实心小圆点
3.定义列表
<!--dh标签同样代表 列表项的开始类似于dt标签-->
<dl>
<dt>列表项1</dt>
<dd>列表项1值1</dd>
<dd>列表项1值2</dd>
<dt>列表项2</dt>
<dd>列表项2值1</dd>
<dd>列表项2值2</dd>
</dl>
特性：
1.没有顺序，每一个dt和dd标签独占一行
2.默认没有标记
三.表格
<table>
<tr>
<th>第一行第一个单元格</th>
<th>第一行第二个单元格</th>
</tr>
<tr>
<td>第二行第一个单元格</td>
<td>第二行第二个单元格</td>
</tr>
</table>
跨行（rowspan）和跨列（colspan）：横向跨列，纵向跨行
四.音频和视频元素
※使用时注意浏览器兼容问题
<video controls="controls">
<source src="../video/video.webm"/>
<source src="../video/video.mp4"/>
</video>
<audio controls autoplay>
<source src="../music/music.mp3"/>
<source src="../music/music.ogg"/>
</audio>
controls:播放插件 autoplay:自动播放
五.iframe内联框架
<iframe src="嵌套的页面地址" name="内联框架名称" width="200px" height="200px"></iframe>
点击链接跳转到指定地址:
<a href="fristHtml.html" target="ifrmae">内联框架第一个页面</a>
<a href="secondHtml.html" target="ifrmae">内联框架第二个页面</a>
<a href="thridHtml.html" target="ifrmae">内联框架第三个页面</a>
<iframe src="fristHtml.html" name="ifrmae" width="200px" height="200px"></iframe>
随机推荐
-
codeblock用法
1.链接动态库.so和静态库.a settings->compiler->linker settings->add 2.编译报错ld return 1 exit status 一般来 ...
-
PyQt5系列教程(六)如何让界面和逻辑分离
软硬件环境 OS X EI Capitan Python 3.5.1 PyQt 5.5.1 PyCharm 5.0.3 前言 前面的内容我们介绍了利用QtDesigner来设计界面,再通过命令行工具p ...
-
Mac OS X系统 用dd命令将iso镜像写入u盘
一. Mac下将ISO写入U盘可使用命令行工具dd,操作如下: 1.找出U盘挂载的路径,使用如下命令:diskutil list2.将U盘unmount(将N替换为挂载路径):diskutil unm ...
-
Java 日期比较大小
import org.junit.Test; import java.text.SimpleDateFormat; import java.util.Date; /** * @author DateJ ...
-
orcal - 单行函数
虚拟表:dual 转大写 select UPPER('hellow') from dual; 转小写 select lower(ename) from emp; cmd 输入数据 select * f ...
-
Python第1天
今天主要学习内容如下: 概论,各种开发语言的对比,高级语言包括:python(开发效率高,执行效率低) Java(开发效率低,执行效率高),PHP,低级语言包括:C语言,汇编语言: Python 语言 ...
-
SQL 查询数据库中包含指定字符串的相关表和相关记录
declare @str varchar(100)set @str='我要找的' --要搜索的字符串 declare @s varchar(8000)declare tb cursor local f ...
-
Rocket MQ 1 - 用
参考 http://www.iocoder.cn/categories/RocketMQ/ ; https://www.jianshu.com/nb/16219849 首先上启动方法,分别启动name ...
-
jQuery之动画
动画相关方法: .hide()..show()..toggle() 参数:null 或 (duration, easing, callblack) .fadeIn..fadeout ..fadeTog ...
-
2018面向对象程序设计（Java）第16周学习指导及要求
2018面向对象程序设计(Java)第16周学习指导及要求(2018.12.13-2018.12.16) 学习目标 (1) 掌握线程概念: (2) 掌握线程创建的两种技术: (3) 理解和掌握线程 ...