html总结
来源:互联网 发布:ipad air2软件下载 编辑:程序博客网 时间:2024/05/27 08:13
无序列表
<ul> 标签定义了无序列表。
<li> 标签定义了列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
<ol> 标签定义了有序列表。
type可以去取 disc circle square
有序列表type用阿拉伯数字 英文字母大小写 罗马字母大小写(i I)
代码:
<html>
<ul> 标签定义了无序列表。
<li> 标签定义了列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
<ol> 标签定义了有序列表。
type可以去取 disc circle square
有序列表type用阿拉伯数字 英文字母大小写 罗马字母大小写(i I)
代码:
<html>
<body>
<h4>一个无序列表:</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html>
一个无序列表:(*位置应该是一个圆形黑点)
*咖啡
*茶
*牛奶
</html>
一个无序列表:(*位置应该是一个圆形黑点)
*咖啡
*茶
*牛奶
代码:
<html>
<body>
<h4>一个有序列表:</h4>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
</body>
</html>
一个有序列表:
1.咖啡
2.茶
3.牛奶
</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>
<!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>
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>
<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>
0 0
- HTML总结
- html总结
- HTML总结
- html总结
- HTML总结
- HTML总结
- html总结
- HTML总结
- html总结
- HTML总结
- html总结
- Html总结
- html总结
- HTML总结
- HTML总结
- HTML总结
- [HTML]总结
- HTML总结
- 设计并实现同时支持多种视频格式的流媒体点播系统
- Android开发实践:在任意目录执行NDK编译
- laravel 服务类的自动注入
- CSS 预处理器与 CSS 后处理器
- 第15周 oj (FINAL)Problem M: 字符串的修改(串)
- html总结
- Android开发之百分比布局
- java线程介绍
- POJ 2516 Minimum Cost(最小费用最大流)
- javac编译出现”编码 GBK 的不可映射字符“错误
- Linux命令学习之crontab
- JavaScript函数的实例属性和类属性
- (综合)进程间通信方式
- 网络设备中的SKB_BUFF