html总结-创新互联

无序列表
<ul> 标签定义了无序列表。
<li> 标签定义了列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
<ol> 标签定义了有序列表。
type可以去取 disc circle square
有序列表type用阿拉伯数字 英文字母大小写 罗马字母大小写（i I）
代码：
<html>

湖州网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联公司成立于2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

<body>

<h5>一个无序列表：</h5>
<ul>
 <li>咖啡</li>
 <li>茶</li>
 <li>牛奶</li>
</ul>

</body>
</html>
一个无序列表：（*位置应该是一个圆形黑点）
*咖啡
*茶
*牛奶

代码：
<html>
<body>

<h5>一个有序列表：</h5>
<ol>
 <li>咖啡</li>
 <li>茶</li>
 <li>牛奶</li>
</ol>

</body>
</html>
一个有序列表：
1.咖啡
2.茶
3.牛奶

*框架集
主要用于分割显示多个页面
<frame> 标签定义和用法在 <frameset> 中定义一个框架。
如果a.html包含了其他页面（frameset）则要求a.html不能有body和body的内容
noresize:不能改变各个窗口大小
frameborder="0" 无边框
滚动条设置：<frame scrolling =#>#=yes,no,auto
target四个属性
_blank:表示打开一个全新的页面
-self：替换本页面
_top:整个浏览器窗口
_parent:父窗口
在target值中直接写对应的那个frame的名字

b.html
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>Document</title>
 </head>
 <body bgcolor = "yellow">
 歌词大全
 </body>
</html>

demo7.html
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 </head>
 <frameset cols="50%,*">
 <frame name = "frame1" src="demo8.html" frameborder="0"/>
 <frame src="b.html" name = "frame2" frameborder="0"/>
 </frameset>
</html>

demo8.html
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>Document</title>
 </head>
 <body bgcolor = "red" >
 <a href="demo9.html"target="frame2">周杰伦</a><br/>
 <a href="demo10.html"target="frame2">齐秦<br/>
 </body>
</html>

demo9.html
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>Document</title>
 </head>
 <body bgcolor = "blue">
 周杰伦的歌曲
 </body>
</html>

demo10.html
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>Document</title>
 </head>
 <body bgcolor="yellow" >
 齐秦的歌曲
 </body>
</html>

没有滚动轴：scrolling="no"
没有边框：noresize frameborder="0"

总体结构图
all.html
<frameset rows="20%,*">
<frame src="top.html" scrolling="no"/>
<frameset cols="20%,*">
<frame src="left.html" noresize frameborder="0"/>
<frame src="right.html" name = "myframe" frameborder="0"/>
</frameset>
</frameset>

top.html
 <img src = "4.jpg" />(自己下载一张 当然 后边可以写上照片属性)

left.html
<body bgcolor="pink">
<ul>
<li><a href="demo9.html" target="myframe">东风破</a></li>
<li><a href="demo10.html" target="myframe">北方的狼</a></li>
</ul>
 </body>

right.html
 <body bgcolor="silver">
 歌词大全
 </body>

demo9.html
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>Document</title>
 </head>
 <body bgcolor = "blue">
 东风破
 </body>
</html>

demo10.html
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>Document</title>
 </head>
 <body bgcolor="yellow" >
 北方的狼
 </body>
</html>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前标题：html总结-创新互联
网站链接：https://www.cdcxhl.com/article46/deejhg.html

成都网站建设公司_创新互联，为您提供App设计、服务器托管、手机网站建设、动态网站、微信小程序、面包屑导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都网站建设

关键词优化知识

同城分类信息