第五讲 无序列表 有序列表 框架
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
注:图片与代码可能不符实,但是只是为了达到练习效果