html学习笔记2

缺乏、安全感 2022-06-13 13:26 180阅读 0赞

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>,即可完成嵌套

<**ul  type**="**disc**">

<**li**>游戏</**li**>

<**li**>运动<**/li**>

<**ul  type**="**circle**">

<**li**>田径类</**li**>

<**li**>球类</**li**>

<**ul  type**="**square**">

<**li**>足球</**li**>

<**li**>篮球</**li**>

</**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文本框

Maxlength属性 指定文本框所能接收的最大字符个数

Size属性 指定了文本框的大小(宽度)

Value属性 指定默认初始值（文本框内容）

4.3密码框

密码框和文本框一样，文本框的属性同样适用于密码框，只是密码框会有掩码

4.4label

<label>的作用

1.      可以单独对其进行相应的样式设计

2.      For属性可以使之和某个<input>关联，即当单击文本会激活<input>

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重置按钮

Reset属性 点击按钮，重置输入框（单选按钮）重置按钮只重置表单内部的属性

4.9普通按钮

<inputtype="button"value="校验"οnclick="alert('点击了')"/>