陈力:传智播客古代 珍宝币 泡泡龙游戏开发第五讲:无序列表、有序列表、框架
来源:互联网 发布:js在线格式化 编辑:程序博客网 时间:2024/04/29 18:53
陈力:传智播客古代 珍宝币 泡泡龙游戏开发第五讲:无序列表、有序列表、框架
摘要:通过前节《陈力:传智播客古代 珍宝币 泡泡龙游戏开发第四讲:html表格元素》学习了前节介绍了table应用等内容,知道了tr,td,Rowspan,Colspan,border,<th>,<caption>,cellpadding、cellspacing、bgcolor、background、frame("box"、"above": "below": "hsides": "vsides":)等内容。本章将对html无序列表、有序列表、框架进行介绍。<ul> <li>标签来表示列序列表的开始,用<ol>和<li>标签开始,自定义列表项以 <dt>、<dd>开始。本节:陈力:传智播客古代 珍宝币 泡泡龙游戏开发第五讲:无序列表、有序列表、框架
(一)无序列表:表示项目符号用粗体圆点标记。无序列表通过<ul>标签开始。列表项始通过<li>表示。
<h4>无序列表例子:</h4>
<ul>
<li>软件设计</li>
<li>网站建设</li>
<li>网站优化</li>
</ul>
<ul type="circle">列表项目符号为圆形。type可以是disc、circle、square等。
在列表项内部,可以用段落、换行符、图片、链接以及其他列表等等。
type="disc" 粗体圆点符号,type="circle"空心小圆圈,type="square"距形黑框。
<h4>嵌套列表例子:</h4>
<ul>
<li>网站设计</li>
<li>软件设计
<ul>
<li>工控软件</li>
<li>企业软件
<ul>
<li>服装软件</li>
<li>企业软件</li>
</ul>
</li>
</ul>
</li>
<li>毕业设计</li>
</ul>
(二)有序列表:列表项目通过数字进行标记。以<ol> 标签开始,列表项以<li>标签开始。
<ol>
<li>软件设计</li>
<li>网站设计</li>
</ol>
列表项内部用段落、换行符、图片、链接以及其他列表等等。默认为数字列表,type="A"字母列表,type="a"小写字母列表,type="I"罗马字母列表,type="i"小写罗马字母列表。
type用于指定用什么来显示,start 表示从第几开始计算。
(三)定义列表
自定义列表是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以 <dt>开始。每个自定义列表项的定义以<dd>开始。
<dl>
<dt>服装软件</dt>
<dd>为服装企业量身订做</dd>
<dt>软件设计</dt>
<dd>提供了中小企业定做与设计等服务</dd>
</dl>
(四)Frameset框架集
框架用来在一个浏览器分割显示多个页面。在后台管理中应该较广。分为垂直框架和水平框架两种。框架结构标签<frameset>, framest 和 frame 配合使用。每个 frameset 定义了一系列行或列, 每行或每列占据屏幕的面积用rows/columns定义,Frame 标签定义了放置在每个框架中的HTML文档。
noresize="noresize"避免用户拖动可见边框来改变大小。<noframes>为不支持框架的浏览器添加标签。
框架可以混合使用。内联框架用<iframe src="../i/e.jpg" tppabs="http://www.by-sj.com/e.jpg"></iframe>来表示。
软件设计,网站建设
代码:
A2.html 页面用于保护其它页面
<frameset cols="30%,*">
<frame name="frame1" src="b.html" noresize frameborder="0"/>
<frame name="frame2" src="c.html" frameborder="0"/>
</frameset>
注:该页面不能有body和body体
target 属性值有四个
_blank : 表示打开一个全新的页面
_self: 替换本页面
_top:
_parent:
* 还有一个就是在 target 值中直接写对应的那个 frame的名字.
快速链接:
陈力:传智播客古代 珍宝币 泡泡龙游戏开发第五讲:无序列表、有序列表、框架
陈力:传智播客古代 珍宝币 泡泡龙游戏开发第四讲:html表格元素
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第五讲:无序列表、有序列表、框架
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第42讲:PHP数据库开发案例
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第一讲引言
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第二讲html运行原理及结构
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第三讲:html符号实体、超链接
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第四讲:html表格元素
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第七讲:DIV+CSS入门
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十讲:深入理解盒子模型
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十一讲:浮动
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十二讲:盒子的定位方式
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十四讲:DIV+CSS实例
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十五讲:HTML教程笔记
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十六讲:PHP入门
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十七讲:apache服务器介绍
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十八讲:apache虚拟目录及虚拟主机配置
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第25讲:Break、Cintinue、Goto控制
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第26讲:PHP函数
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第27讲:PHP位运算
- HDU 2955 01背包
- 自定义tabBar(适用于有选中图片随着移动的情况)
- oracle 10g 各版本下载地址
- vps简单测试命令收藏
- centos 6.5 NVIDIA GPU caffe 配置
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第五讲:无序列表、有序列表、框架
- python脚本语言2
- 利用反射技术实现POJO的数据库操作
- 【Android Studio快捷键】之导入相应包声明
- hdu 3420 Bus Fair
- Android ImgaView背景图片不失真处理
- Jsp+Sevlet新闻发布系统
- SpringMVC中使用Interceptor拦截器
- 设置滑动视图中图片居中显示