韩顺平PHP学习视频笔记整理005无序列表 有序列表 框架

来源:互联网 发布:c语言自学难吗 编辑:程序博客网 时间:2024/06/07 09:27

第五讲  无序列表 有序列表 框架

1、无序列表

<ul type="circle">

<li>苹果</li>

<li>香蕉</li>

<li>西瓜</li>

<li>李子</li>

Type可以是disccirclesquare

2、有序列表

<ol type="I">

<li></li>

<li></li>

<li></li>

<li>最小</li>

</ol>

type用于指定用什么来显示,start表示从第几开始计算

3、frameset框架集

用途主要是用于分割显示多个界面

4、如果一个界面包括了其他的页面(frameset),则要求该界面本身不能有bodybody的内容

如:

<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


注:图片与代码可能不符实,但是只是为了达到练习效果



0 0