总结自默
-
列表标签
-
有序列表--ol表示---li表示里面的
<p> <ol> <li></li> <li></li> <li></li> </ol> </p>
-
无序列表--ul表示---li
<p> <ul> <li></li> <li></li> <li></li> </ul> </p>
-
自定义--dl--dt(标题)---dd(===li)
<p> <dl> <dt>学科</dt> <dd>java</dd> <dd>phython</dd> <dd>c/c++</dd> </dl> </p>
-
表格
-
table--表示表格
-
tr---行 td---列
-
border=“1px”--表示表格所呈现的效果
-
col-span-跨列 row-span-跨行
-
colspan=“5”跨5列 rowspan=“5”跨5列
<table> <tr> <td colspan="2"></td> <td></td> </tr> <!-- 表示一行二列 --> <tr> <td rowspan="2"></td> <td></td> </tr> </table>
-
媒体元素
-
src--资源路径
-
controls--控制条
-
video---视频
-
audio---音频
-
autoplay--自动播放
<video src="" controlsautopaly ></video> <audio src="" controls autoplay></audio>
-
页面结构分析
-
header--头部
-
section--主体
-
footer--脚部
<header></header> <section></section> <footer></footer>
-
内联框架--就是里面嵌套一个网页
-
iframe--内联框架 src=“”地址 w-h--高度宽度(xxx px)单位是px
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联框架学习</title> </head> <body> <!--<iframe src="//player.bilibili.com/player.html?aid=6159200&bvid=BV11s41167h6&cid=10001692&page=1"--> <!-- scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">--> <!--</iframe>--> <iframe src="https:/www.baidu.com" frameborder="0" width="1000px" height="800px"></iframe> &