首页 > 技术文章 > 网页设计——6.html其他标签

mowenrensheng 2017-11-25 14:40 原文

今天学习html的其他标签:

一、列表

1.无序列表ul

基本结构:

<ul  type="属性值">

<li>列表内容</li>

</ul>

这里的属性值有三种:square  disc  circle

源代码:

<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<ul type="square">
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
<ul>
</body>
</html>

当type="square"时:

当type="disc"时:

  

当type="circle"时:

2.有序列表ol

基本结构:

<ol type="属性值" start="起始值">

<li>列表内容</li>

</ol>

这里的属性值有5种:1,a,A,i,I

1 阿拉伯数字:1,2,3,…
a 小写字母:a,b,c,…
A 大写字母:A,B,C,…
i 小写罗马数字:i,ii,iii,…
I 大写罗马数字:I,II,III,…

起始值:整数值

例子:

 

打印显示:

二、frameset框架

基本结构:

<frameset   cols=“按列百分比”  rows=“按行百分比”  frameborder=“边框”>
<frame src=“html路径” />
<frame src=“html路径” />
<frame src=“html路径” noresize/>  <!-- “noresize”当前html不能拖拽 -->
</frameset>

<!--  注释内容 -->

注意:使用frameset不能使用body标签。

 源代码:

<html>
<head>
<title>框架</title>
<meta charset="utf-8">
</head>
<frameset cols="50%,*" frameborder="1">
<frame src="案例一.html"/>
<frame src="案例二.html"/>
</frameset>
</html>

 这里的* 表示剩余部分。

显示效果:

补充:如果想去掉中间分隔的黑线,设置属性frameborder="0"

如果想设置多层分割,需要嵌套框架:

例如:

<frameset cols="50%,*" frameborder="1">


<frameset rows="50%,*">
<frame src="案例一.html"/>
<frame src="案例二.html"/>
</frameset>

<frameset rows="50%,*">
<frame src="案例三.html"/>
<frame src="案例四.html"/>
</frameset>


</frameset>


结果就是:

 

推荐阅读