北冥复习html(二)
一、表格的具体组成单位
由行和列组成的单元格
结构:
<table border="1"> <tr> <td>row1,cell1</td> <td>row1,cell2</td> </tr> </table>
table ==》 定义表格; border ==》 设置表格边粗细; tr ==》 行; td ==》 列;
<td colspan = "3"></td> ==>跨3列;<td rowspan = "2"></td> ==>跨2行;
二、列表
定义:
列表就是信息资源的一种展示方式,它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览器能更快捷的获取相同的信息。
分类:
1.有序列表,结构:
<ol> <li>有序1</li> <li>有序2</li> </ol>
ol ==》声明一个有序列表;li ==》列表项(属块元素)
2.无序列表,结构:
<ul> <li>无序1</li> <li>无序2</li> </ul>
ul ==》声明一个无序列表;li ==》列表项
3.定义列表,结构:
<dl> <dt>定义1</dt> <dd>内容1</dd> </dl>
dl ==》声明一个定义列表;dt ==》列表项;dd ==》列表项内容
三、视频与音频标签
视频结构:
<video src = "地址" controls >
当浏览器无法识别时,可用:
<video controls autoplay> <source src = "地址"> </video>
- void 声明一个视频,src = “视频地址”
- controls 显示视频操作内容
- autoplay 自动播放
- audio 声明一个音频,用法和 void 一样
四、页面结构
主要分为三大部分:1.页面头部;2.页面主体;3.页面尾部。
功能:对页面布局,没有其他显示效果。
作用:规范网页程序结构化
标签:
关键字 | 说明 |
header | 表头部区块 |
section | 网页独立区域 |
footer | 尾部区块 |
article | 独立文章内容 |
aside | 侧边栏 |
nav | 导航栏 |
五、内联框架
结构:
<a href = "" target = " ">点击跳转</a> <iframe str = " " name = "zs" width = "" height = "" ></iframe>
解释:
- href ==》另一个网站
- target ==》与name对应,这样使内联框架跳转另一个网站
- src ==》引用页面地址
- name ==》内联框架名
- width 、height ==》内联框架宽和高