html标签

html基础标签
总结：
html基础标签主要有列表标签和表单，列表标签有：无序列表、有序标签、自定义标签。表单：文本框、密码框、单选按钮、复选框、提交按钮、普通按钮、图片按钮、重置按钮，下面我一一介绍列表和表单的标签。
1.列表标签：

1.1无序列表：
<ul>:unordered list 定义一个无序列表

<li>list item(项) 定义一个列表项

Type属性指定无序列表的符号，取值有：

Disc：实心的圆点，默认值

Circle：空心的圆圈

Square：实心的正方形。

1.2有序列表

<ol> ordered list,有序列表，即列表项带有符号的

 Type属性指定序号的类型，其取值：

1：序号为12344....,默认值；

A：序号为abcd.....；大小写都可以

I：序号为I II III IV等；有小写的。

Start属性指定从第几个开始当取值为0或负数时如果是负数从赋值数开始一直到0

1.3列表的嵌套

1.4自定义列表

<dl>defined list：定义一个自定义列表

<dt> defined title(标题)：列表项的标题

<dd> defined description（描述）：列表项的描述

<dl>

    <dt>河南</dt>

    <dd>河南是个美好的地方，人很善良，很有爱心</dd>

    <dd>河南是个美好的地方，人很善良，很有爱心</dd>

    <dt>江苏</dt>

    <dd>江苏是个美好的地方，人很善良，很有爱心</dd>

    <dd>江苏是个美好的地方，人很善良，很有爱心</dd>

</dl>

 

 

2.表单

<Form>

Action 属性：指定提交的地址

Method：指定提交的方式，get/post

Get与post的区别：

1.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。

2.get安全性非常低，post安全性较高

2.1文本框

<inputtype="text"

Maxlength：指定文本框能够接受的最大字符个数；

Size：指定文本框的大小(宽度)

Value：指定初始值

2.2密码框

<inputtype="password"

密码框和文本框是一样的   唯一不同的是密码框是以掩码的形式显示内容，保证安全性。

2.3label

1.可以单独对其应用相应的样式

2.可以使之和某个<input>关联，单击文本激活对应的input

<labelfor="userid">账号：</label>

<input id ="userid"type="text" maxlength="10"size="24"value="sba"><br><br>

<label for="password">密码：</label>

<input  id="password"type="password"size="24" maxlength="10"><br><br>

2.4单选按钮

<inputtype="radio"name="role"/>学生
<inputtype="radio"name="role"checked="checked"/>教师
<inputtype="radio"name="role"/>助教

如果需要将若干个单选按钮变为一组，需要这只相同的MAME属性

 如果需要默认选中某个选项，需要加上checked属性

标签属性的表示形式：

1.  键值对：属性名=属性值

2.  一些取值为布尔型的属性直接使用属性名checked、readonly

2.5多选按钮                                                              

你的兴趣爱好是：
<input type="checkbox" name="role"checked/>音乐
<input type="checkbox" name="role"checked/>阅读
<input type="checkbox"/>电影
<input type="checkbox"/>睡觉

2.6提交按钮

<inputtype="submit"/>

1）点击按钮之后跳转到form表单指定的action

2）value属性;value对应的值就是按键上的文字

3）点击按钮：将form表单中input中name属性值和用户输入的值组成键值对。并凭借到form表单action属性值得后面

2.7重置按钮

<inputtype="reset"value="刷新"/>

1）点击按钮，重置输入框

2）value属性;value对应的值就是按键上的文字

2.8普通按钮

<inputtype="button"value="校验"/>

1）点击按钮，没有任何的反应

2.9图片按钮

<inputtype="image"src="koala.jpg"/>

1）作用和submit按钮是一样的】

2）需要设置src属性的值，如果sec对应的路径没有找到图片，并且有没有设置alt属性，按钮显示默认值“提交”，如果设置了alt属性则显示；alt的值。（类似img标签）。

2,。10<button>标签

1）内容可以是任意资源（图片，段落，视频...）

2）当button标签放置在form内部，作用和submit一样。