html-3

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>


不同类型的无序列表



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>
密&nbsp;&nbsp;码:<input type="password" name="password"/><br/>
<input type="submit" value ="登录系统"/>
<input type = "reset" value="重新填写"/>
</form>
</body>
</html>

有服务器时的原理图:




  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值