html总结

发布时间:2020-10-13 00:03:53 作者:wx58385629bac3c
来源:网络 阅读:379

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

<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>


推荐阅读:
  1. Html5,Css初学总结
  2. html5知识总结

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

英文字母 罗马 阿拉伯

上一篇:详解webpack 如何集成第三方js库

下一篇:c#获取两个特定字符之间的内容并输出的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》