zl程序教程

您现在的位置是:首页 >  后端

当前栏目

5.HTML基础学习五 列表标签和框架的使用

2023-09-27 14:28:02 时间

1、列表标签

无序列表:<ul></ul>
无序列表的项目符号:默认square
type="square" 
type="circle"
type="disc"
<ul type="square">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>


有序列表:<ol></ol>
有序列表的项目符号:默认数字列表
type="a"	小写字母列表
type="A"	大写字母列表
type="I"	大写罗马字母列表
type="i"	小写罗马字母列表
<ol type="a">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>

2、代码示例:
请添加图片描述

3、代码示例效果图:
请添加图片描述

4、框架的使用

frameset 框架集不能在body内使用
frame 框架一般都是在frameset中使用


frameset标签的属性:
cols:定义框架集中列的数目和尺寸
rows:定义框架集中行的数目和尺寸
scrolling:滚动条
    auto	在需要的情况下出现滚动条(默认值)。
    yes	始终显示滚动条(即使不需要)。
    no	从不显示滚动条(即使需要)


<frameset cols="50%,*" scrolling="no">
    <frame src="http://www.baidu.com" />
    <frame src="http://soso.com" />
</frameset>

5、代码示例:
index.html:
请添加图片描述
top.html:
请添加图片描述

menu.html:
请添加图片描述

main.html:
请添加图片描述

add_news.html:
请添加图片描述

6、代码示例效果图:
index.html:
请添加图片描述
index.html:点击menu的增加文章,在main处显示add_news的内容
请添加图片描述

2021.08.02(0:20:16)