3列表标签
无序列表(序列列表)
符号,字符
有序列表
数字符号
3.1无序列表
<ul>unordered list 定义一个无序列表
Type属性指定无序列表的符号
“Disc” 实心的圆点
“Circle” 空心的圆圈
“Square” 实心的正方形
<li>list item 定义一个列表项
<body>
<!--默认的序列符号是圆点-->
<ultype="circle">
<li>浙江</li>
<li>江苏</li>
<li>河北</li>
<li>湖南</li>
</ul>
</body>
3.2有序列表
<ol>ordered list 有序列表,即列表带项有序号
Type属性指定序号的类型
取值:1 A a i I(大写i ;罗马数字)
1是默认值
Type是指定值
Start属性指定了开始位置,第几个开始
<body>
<ol type="A"start="3">
<li>苹果</li>
<li>梨子</li>
<li>桃子</li>
<li>西瓜</li>
</ol>
</body>
Start取值是0负数,从数开始,在字母中开始是负数到0
3.3列表的嵌套
通过设置<ul>的列表,在输入列表项
需要列表的嵌套,继续创建新的无序列表,输入列表项。
创建完后,结束</ul>,即可完成嵌套
<li>游戏</li>
<li>运动</li>
<ul type="circle">
<li>田径类</li>
<li>球类</li>
<ul type="square">
<li>足球</li>
<li>篮球</li>
</ul>
</ul>
</ul>
3.4自定义列表
<dl>defined(定义) list 定义一个自定义列表
<dt>defind title 列表的标题
<dd>defind description(描述) 列表的描述
<body>
<dl>
<h3>江浙介绍</h3>
<dt>浙江</dt>
<dd>浙江是吴越文化、江南文化的发源地,是中国古代文明的发祥地之一。早在5万年前的旧石器时代,就有原始人类“建德人”活动,境内有距今7000年的河姆渡文化、距今6000年的马家浜文化和距今5000年的良渚文化,是典型的山水江南、鱼米之乡,被称为“丝绸之府”、“鱼米之乡”。</dd>
<dt>江苏</dt>
<dd>江苏,简称“苏”,省会南京,位于中国大陆东部沿海,介于东经116°18′~121°57′,北纬30°45′~35°20′之间。江苏地形以平原为主,陆地边界线3383公里,面积10.72万平方公里,占中国的1.12%,人均国土面积在中国各省中最少。 公元1667年因江南省东西分置而建省,得名于“江宁府”与“苏州府”之首字。</dd>
</dl>
</body>
4.表单
4.1表单
什么是表单
收集用户填写的信息并将其提交到后台服务器
<form>
Action属性 指定提交的地址
Method属性 指定提交的方式 get/post
Get和post的区别"GET方式提交的数据最多只能是1024字节,理论上POST没有限制,可传较大量的数据,IIS4中最大为80KB,IIS5中为100KB"
安全性 get的方式的数据会直接呈现在地址栏上,敏感词容被截获
总结一下,Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求,在FORM(表单)中,Method默认为"GET",实质上,GET和POST只是发送机制不同,并不是一个取一个发
4.2文本框
<input type="text"/>
Maxlength属性 指定文本框所能接收的最大字符个数
Size属性 指定了文本框的大小(宽度)
Value属性 指定默认初始值(文本框内容)
4.3密码框
<input type="password"maxlength="6"/>
密码框和文本框一样,文本框的属性同样适用于密码框,只是密码框会有掩码
<label>的作用
1. 可以单独对其进行相应的样式设计
2. For属性可以使之和某个<input>关联,即当单击文本会激活<input>
<body>
<from astion="#"method="post">
<label for="userId">账号:</label>
<input id="userId"type="text"maxlength="10"size="20" value="adf"/>
<br/>
<br/>
<label for="password">密码:</label>
<input id="password"type="password"maxlength="6"/>
</from>
</body>
4.5单选按钮
<input type="radio"name="role"/>学生
<input type="radio"name="role" checked/>教师
<input type="radio"name="role"/>管理员
Name属性 如果需要将若干的单选按钮编为一组(一组只有一个能被选中),需要设置相同的name属性
Checked属性 如果需要默认选择中,某个选项,需要checked属性
标签的属性的表示
(1) 键值对:
属性名=属性值
type=”text” maxlength=”6’
(2) 一些取值为布尔类型的直接使用属性名如:checked readonly
4.6多选按钮
<from>
你的兴趣爱好:
<input type="checkbox"/>音乐
<input type="checkbox"/>运动
<input type="checkbox"/>电影
<input type="checkbox"checked/>游戏
</from>
Checked属性
4.7提交按钮
Submit 属性
1. 点击按钮之后跳转到from表单指定的action
2. Value属性是更改按钮上的文字,默认是提交 (用户输入时可以说是吧值带入到value值中,在发送)下方通用
3. 点击按钮:会将from表单中的input的name属性值(键)和用户输入的值组成键值对
(或input标签value属性对应得值)并拼接到form表单中action属性值得后面
http://localhost:63342/HTML/%E7%AC%AC4%E7%AB%A0/result.html?name=huadian&password=123456
4.8重置按钮
<input type="reset"/>
Reset属性 点击按钮,重置输入框(单选按钮)重置按钮只重置表单内部的属性
4.9普通按钮
<inputtype="button"value="校验"οnclick="alert('点击了')"/>
Button属性 点击按钮之后没有任何的反应
通过js可以实现校验的功能
4.10图片按钮
<inputtype="image"src="login.jpg" alt="登录"/>
Image属性 使用src=””输入地址
作用和submit按钮是一样的
需要设置src属性的值,如果src对应得路径没有找到图片,并且没有设置alt属性,按钮默认值显示“提交”,如果设置了alt属性则显示alt的值(类似img标签)
可以放置任意的东西
比如图片,段落,视频音频...
当button标签放置在表单form内部,作用类似submit一样