zoukankan      html  css  js  c++  java
  • HTML列表、表格和媒体元素

    				列表、表格和媒体元素
    一、列表:信息资源的一种展示形式
    二、列表的分类:
    	有序列表
    		1.例子:
    		<ol>
    			<li>内容</li>
    		</ol>
    		2.特性:
    			有顺序,每个li都是块级元素
    			默认的li前面有顺序标记
    		
    	无序列表
    		1.例子:
    		<ul>
    			<li>内容</li>
    			<li>内容</li>
    		</ul>
    		2.无序列表的特性:
    			没有顺序,每个<li>独占一行
    			默认<li>标签前面有个小圆点
    			导航、侧边栏新闻、有规律的图文组合一般使用无序列表
    	定义列表
    		1.例子:
    			<dl>
    				<dt></dt>
    				<dd></dd>
    			</dl>
    		2.特性:
    			没有顺序,dt和dd标签都是块级元素
    			默认没有标记
    			一般用于(一个标题下有一个或者多个列表项)的情况
    	列表注意事项:
    		无序列表中每项都是平级,没有级别之分。
    三、表格:
    	1.组成:单元格,列,行
    	2.基本语法:
    	<table border="1">
    		<tr>
    			<td></td>
    		</tr>
    		<tr>
    			<td></td>
    		</tr>
    	</table>
    	3.跨行:rowspan
    	4.跨列:colspan
    四、媒体元素:
    	1.视频元素:
    		语法:<video src="视频路径" controls="controls" width="300px" height="300px"></video>
    	2.显示视频控件:controls
    	3.自动播放:autoplay
    	4.音频元素:
    		语法:<audio src="音频路径" controls> </audio>
    	5.网页布局:
    		<header>网页头部</header>
    		<section>网页主体</section>
    		<footer>网页底部</footer>
    	6.iframe框架:
    		语法:
    		<a href="a.html" target="main">a页面</a>
    		<a href="b.html" target="main">b页面</a>
    		<iframe name="main" width="250px" height="250px"></iframe>
    
  • 相关阅读:
    reids 入门
    关于字典的那些事儿.
    更新阿里源repo出的问题
    关于-编码进阶
    *** 数据类型之间的转化
    关于列表那些事:12.24
    while else 结构体(自测)
    关于切片的步长为正负值 的问题(自测)
    if 嵌套if 的先后顺序的区别 (自测)
    二: python基础数据类型(int,
  • 原文地址:https://www.cnblogs.com/a1111/p/12815984.html
Copyright © 2011-2022 走看看