韩顺平PHP学习视频笔记整理005无序列表 有序列表 框架
来源:互联网 发布:c语言自学难吗 编辑:程序博客网 时间:2024/06/07 09:27
第五讲 无序列表 有序列表 框架
1、无序列表
<ul type="circle">
<li>苹果</li>
<li>香蕉</li>
<li>西瓜</li>
<li>李子</li>
Type可以是disc、circle、square
2、有序列表
<ol type="I">
<li>大</li>
<li>中</li>
<li>小</li>
<li>最小</li>
</ol>
type用于指定用什么来显示,start表示从第几开始计算
3、frameset框架集
用途主要是用于分割显示多个界面
4、如果一个界面包括了其他的页面(frameset),则要求该界面本身不能有body和body的内容
如:
<frameset cols="50%,*">
<frame name="frame1" src="b.html" noresize frameboder="0"/>
<frame name="frame2" src="e.html" frameboder="0"/>
</frameset>
5、代码如下:
<body bgcolor="pink">
<!--target表示我们点击后,目标指向谁-->
<a href="c.html" target="frame2">周杰伦</a><br/>
<a href="d.html" target="frame2">齐秦</a><br/>
</body>
Target属性值有四个:
_blank:表示打开一个全新的页面
_self:替换本页面,默认值
_top:占用整个窗口
_parent:父窗口
还有一个就是在target值中直接写对应的那个frame的名字
要实现的效果示意图:
页面代码:
1、all.html
<frameset rows="20%,*"><!--上面的20%--><frame src="top.html" scrolling="no"/><!--下面的80%在分为左右模块--><frameset cols="20%,*"><frame src="left.html" noresize frameborder="0"/><frame src="right.html" name="myframe" frameborder="0"/></frameset></frameset>
2、top.html
<img src="2.jpg" width="800px"/>
3、left.html
<body bgcolor="pink"><ul><li><a href="c.html" target="myframe">青花瓷</a></li><li><a href="d.html" target="myframe">夜夜夜夜</a></li></ul><body>
4、right.html
<body bgcolor="silver">歌词大全</body>
5、c.html
<body bgcolor="blue">周杰伦的歌</body>
6、d.html
<body bgcolor="gray">齐秦的歌词</body>
相关图片:2.jpg
注:图片与代码可能不符实,但是只是为了达到练习效果
- 韩顺平PHP学习视频笔记整理005无序列表 有序列表 框架
- 韩顺平_php从入门到精通_视频教程_第5讲_无序列表_有序列表_框架_学习笔记_源代码图解_PPT文档整理
- 有序列表和无序列表 学习笔记
- 有序列表,无序列表,以及框架集
- HTML学习之有序列表、无序列表和自定义列表
- 无序、有序列表
- 有序列表和无序列表
- html 无序列表_有序列表_框架
- 第003讲 无序列表 有序列表 框架
- 网页编程.笔记4:无序列表与有序列表
- 10有序列表,无序列表,定义列表
- 有序列表&无序列表&自定义列表
- 韩顺平PHP学习视频笔记整理023动态网页技术介绍 php基本介绍
- 韩顺平PHP学习视频笔记整理024php快速入门 bs和cs介绍
- <学习html>第四天笔记-注释标签;相对路径,绝对路径;有序列表,无序列表,自定义列表;总结
- 韩顺平PHP学习视频笔记整理001html简介1
- 韩顺平PHP学习视频笔记整理002html简介2
- 韩顺平PHP学习视频笔记整理003html相关基础知识
- iOS框架引见--Core Services 层
- Android 关于在ScrollView中加上一个ListView,ListView内容显示不完全(总是显示第一项)的问题的两种简单的解决方案
- UVACO401
- linux下tomcat shutdown后 java进程依旧存在 -- 阿里MetaQ篇
- 宝宝好736B BB手推车 婴儿车夏 婴儿推车可躺 送蚊帐音乐盒
- 韩顺平PHP学习视频笔记整理005无序列表 有序列表 框架
- 你听说过XML吗?
- Web移动应用调试工具——Weinre
- sort
- jquery bind('click')传参问题(例如:列表中每行绑定一个事件)
- Longest Palindromic Substring
- 音视频即时通讯解决方案
- Ogre 3DMax导出插件的制作
- AsyncTask