第二章

第二章的学习

 

1.列表

有序列表

<ol>

  <li>内容</li>列表项

</ol>

无序列表

<ul>

  <li>内容</li>

</ul>

定义列表

<dl>

  <dt></dt>申明列表项

  <dd></dd>列表项

</dl>

注意:li独占一行

2.表格

<table>表格

<tr>行

<td colspan="“rowspan=“”></td>单元格

</tr>

</table>

注意:colspan表示本单元格所占列数  rowspan表示本单元格所占行数

3视频

<video src="视频路径"controls></video>

<video controls>

  <source src="xxx.mp4"type="video/mp4"/>

  <source src="xx.webm"type="video/webm"/>

</video>

4.音频

<audio src="音频路径"controls></audio>

推荐使用:【能够兼容更多浏览器】

<audio controls>

  <source src="xx.mp3"type="audio/mp3"/>

  <source src="xx.ogg"type="audio/ogg"/>

</audio>

注意:a,视频和音频都存在浏览器的兼容问题,使用的时候尽量使用推荐的方法

b.controls表示显示播放控制《如开始,暂停》

还有其他的类似属性参考其他资料

5.结构化元素

<header>表示网页的头部

<footer>表示网页的尾部

<section>表示网页的独立区域

<article>表示文章

<aside>表示相关内容或应用《侧边栏》

<nav>导航

6.网页结构

<header></header>头部

<section></section>主体

<footer></footer>尾部

7.iframe内部框架

语法:<iframe src="页面地址"name=""/>

实现内联

第一步:定义iframe

<iframe src="“”name=""/>

第二步:定义超链接并指定超链接内容要放置的地方<由target指定>

<a href=""target="">xx</a>

原创文章版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。转载文章详情请查看转载链接
原文地址:https://www.cnblogs.com/SUN99bk/p/7715036.html