html有序列表
案例:
<ol type ="a" start = "2">
<li>诸葛亮</li>
<li>司马懿</li>
<li>郭嘉</li>
</ol>
type用于指定用什么类型显示,start表示从第几开始计算
html无序列表
案例:
<html>
<head><title>无序列表</title></head>
<body style = "margin:0px">
<ul>
<li>西游记</li>
<li>三国演义</li>
<li>水浒传</li>
</ul>
</body>
</html>
不同类型的无序列表
用途主要是用于分割显示多个页面
案例:
代码:
a.html
<frameset cols= "50%, 50%">
<frame name="frame1" src = "b.html" noresize frameborder = "0">
<frame name = "frame2" src = "c.html" frameborder = "0">
</frameset>
用于包含其它页面,该页面不能有body和body体
b.html
<body bgcolor ="pink">
<!--target表示点击后,目标指向谁-->
<a href="zjl.html" target ="frame2">周杰伦</a><br/>
<a href ="qq.html" target ="frame2">齐秦</a>
</body>
c.html
<body bgcolor = "silver">
歌词大全
</body>
target属性值有四个
_blank:表示打开一个全新的页面
_self:替换本页面
_top:整个浏览器窗口
_parent:父窗口
还有在target值中直接写对应的那个frame的名字
iframe的使用
有时我们需要在一个含有<body>的页面嵌入另一个页面,形成画中画的效果,怎么处理->iframe元素(浮动窗口)
入门案例:
<html>
<head><title>浮动窗口</title></head>
<h1>hello iframe</h1>
<body>
<iframe src = "http://www.baidu.com" width = "500" height ="400"/>
<iframe src = "http://www.taobao.com" width = "500" height ="400"/>
</body>
</html>
表单元素
为什么要?看一个图
从上图可以看出,我们需要把一些数据提交给服务器处理,比如注册用户,发帖...,这样就需要使用表单元素
(常见的表单元素有输入框,单选框,复选框,文本域,密码框,上传文件....)
基本结构:<input type = "类型" name = "名字">
一般说,表单元素通常被<form>包含起来
入门案例:
<html>
<head><title>登录页面</title></head>
<body>
<form action ="ok.html" method ="指定提交数据的方式get/post">
<!--name的值可以任意,但是不要使用关键字-->
用户名:<input type="text" name="username"/><br>
密 码:<input type="password" name="password"/><br/>
<input type="submit" value ="登录系统"/>
<input type = "reset" value="重新填写"/>
</form>
</body>
</html>
有服务器时的原理图: