代码笔记5

Posted 2020-10-11

代码第一单元结束 开始第二单元  学了列表

列表分为无序列表和有序列表

　　1.无序列表<ul>

　　　　　　　　　　<li>xxxxxxxx</li>

　　　　　　　　　　<li>xxxxxxxx</li>

　　　　　　　</ul>

　　2.有序列表<ol>

　　　　　　　　　　　　　　<li>xxxxxx</li>

　　　　　　　　<li>xxxxx</li>

　　　　　　　</ol>

　　3.定义列表<dl>

　　　　　　　　　　<dt>水果</dt>     声明列表项

　　　　　　　　　　　　<dd>苹果</dd>  列表项

　　还学习了表格

　　1.表格

　　　　　　<table>  <table border="1px">

　　　　　　　　行  <tr></tr>

　　　　　　　　单元格　<td></td>

　　　　　　　　<td>1-1</td>

　　　　　　　　<td>1-2</td>

　　　　　　<td cosplan="rowspan"></td>   单元格

　　　　　　注意：（1）colspan：表示本单元格所占的列数

　　　　　　　　　（2）rowspan：表示本单元格所占的行数

还牵涉到了视频和音频的网页制作 放的是求求中秋节给我们发的视频 歌曲就是小骄傲的新歌 sheep

　　　　1.视频

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

　　　　　　推荐使用：能够兼容更多的浏览器

　　　　　　　　<video controls>

　　　　　　　　两种路径

　　　　　　　　　　　（1）<source src="xx.mp4" type="video/mp4"/>

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

　　　　2.音频

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

　　　　　　　　推荐使用：能够兼容更多的浏览器

　　　　　　　　　<audio controls>

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

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

　　　　　　　　　注意：a.视屏和音频标签都存在着浏览器的兼容问题，使用的时候，尽量使用推荐的方式

　　　　　　　　　　　　b.controls表示显示播放控制（如：开始，暂停等）还有其他的类似属性参考其他资料

　　　　　　3.结构化元素

　　　　　　　　　　<header>  表示网页的头部

　　　　　　　　　　<footer>  表示网页的尾部

　　　　　　　　　　<section>  表示独立区域

　　　　　　　　　　<article>  表示文章

　　　　　　　　　　<aside>    表示相关内容或应用

　　　　　　　　　　<nav>      表示导航

　　　　　　4.网页结构

　　　　　　　　<header></header>   头部

　　　　　　　  <section></section> 主体

　　　　　　　　<footer></footer>   尾部

　　　　　　5.iframe 内联框架

　　　　　　　　　语法<iframesc="页面地址" name=""/>

　　　　　　　　　　实现内联

　　　　　　　　　　　　第一步：定义iframe

　　　　　　　　　　　　　　　　　<iframe src="" name="mn"/>

　　　　　　　　　　　　第二步：定义超过链接并指定链接内容要放置的地方

　　　　　　　　　　　　　　（由target）

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