html基本标签,列表标签,超链接标签,表格标签,块级标签,行级标签,表单标签,文本域标签,表单标签

来源:互联网 发布:手机淘宝清缓存的作用 编辑:程序博客网 时间:2024/06/05 17:18

8基本标签 列表标签:

无序列表 <ul></ul>   定义一个无序列表

列表条目项标签 <li></li>,用于在效果中定义一个类表的条目  无序的

有序列表 <ol></ol>

 <li></li>在使用时在ul或者ol的中间 例如<ol> <li> 内容信息(内容可以是文字也可以是图片及其它)</li></ol>

9 基本标签 超链接标签:<a></a>  href是超链接的必有属性

<a href=”http://www.baidu.com”>内容体</a>  互联网路径   http://加路径

<a href=”相对路径”>内容体</a>

超链接正常工作:1必须有href  a标签中有内容体

超链接内容体:不仅仅可以是文字,也可以是其他内容,例如图片

超链接 href: 不仅仅能够连接html文件,也可以连接其他内容,例如图片

10  基本标签 表格标签:

 

第一 <table></table>  定义一个标签()

第二 第一表格中定义一行 <tr></tr>

第三 在表格一行中第一单元格 <td>每个单元格的内容</td>

第四 定义第二行,第二行再画单元格

 Table的属性 <table border=”1px” width=”100%”  >  border是边框的粗细

<th></th> 表头单元格。表头单元格字体加粗,并居中

Colspan 跨列合并单元格   <td colspan=”2”>1</td>   <td>2</td>

需要确定合并几个单元格,是跨行还是跨列,在第一个个出现的单元格上书写合并单元格的属性,合并几个单元格合并属性后面的值就写几。把被合并的单元格必须删掉。

Rowspan 跨行合并单元格  <td rowspan=”2”></td>  合并两个 并把后面的删了

11 基本标签 块标签(块级标签):<div>内容体</div>适用于大信息展示  默认占一行

块标签(行内标签) .<span> 内容</span>  适用少量信息展示  有多少内容,占多大空间

HTML:中所有的元素:块级元素和行内元素。

12 表单标签 表单的介绍:

表单的作用:用来提交用户输入的信息,提交给服务器的程序相当于一个WEB程序的入口。

13表单标签 :定义一个表单(表单区域)  <form>表单内容</form>

文本框 <input/>   的标签类型 type  type属性有text默认文本框,password密码框radio(在同一个分组中有单选效果)单选框,checkbox复选框 submit  提交按钮,用于控制表单提交数据reset 重置按钮格式<input type=”reset” />,用于将表单输入项恢复到默认装态file 附件框用于文本的上传,hidden隐藏域,一般用作提交服务器需要拿到,但用户不需要看到的数据,button 普通按钮  value是参数值(还可以作为按钮的名字)参数裂变格式:参数1= 参数值1&参数2=参数值2  等等

单选框,用户只能选择,不能输入,必须制定value属性值,否则提交的都是on

name 设置单选 复选框进行数据的分组//设置该标签对应的参数名一样就是一组

Checked 默认选中单选框<input/>多选框,也需要用name属性标示成一组。并且每一个选项都要赋值的value值。Checked也可以默认选中某一项。

Readonly设置该标签的参数值只读,用户无法手动更改。但是数据可以正常提交

Disabled 设置该标签不可用,参数值无法更改,且参数值也无法提交

选择框标签:<select name=”happy” multiple=multiple></select>定义一个选择框  的属性 name设置该框标签的值.multiple设置select可多选

 

<option value=”3” selected=”selected”> 选项(展示)内容</option> option的内容体,一般是用来展示的。在提交的时候提交value对应的值  Selectedoption的默认选中属

提交<input type=”submit” />

文本域标签:<textarea name=”tijiaoqianti”>参数值正在内容提写</textarea>

文本域和文本框的区别:文本框不能换行,文本域可以换行,文本框参数值是value属性,文本域参数值是标签的内容体。

表单标签 <form  action=“提交的路径”method=get或者post></form>  表单标签的属性

action 将数据提交到何处:默认提交到本页

本机内路径

 

互联网路径:http//

Method属性是将数据 以何种方式提交:默认get提交:把数据拼接到地址栏上,post提交:没把数据拼接到地址栏上,而是拼接到了(请求体)上

Getpost提交方式的区别:

Get提交的参数列表拼接到了地址栏后面 post方式不会拼接到地址栏

Get方式提交的数据 敏感信息不安全。Post方式提交的数据相对安全。

Get方式提交的数据量是有限的(很小),post方式在理论上提交的数据量是无限大

在使用时尽量使用post方式提交表单

 

14表单标签  URL编码的简述和使用理由

英文和数字不用URL编码

URL编码解决方式:特殊符号,中文  进行编码

例如: &——》%26

为了保证表单数据传递是能更好的区分namevalue

保证数据传递的完整性

15表单标签 URL编码的表现形式和本质

例如:你好。首先进行普通的编码,编码成字节数组,(使用的是页面规定的字符集例如UTF-8)

  字节数组中的每一个元素,都会从10进制,转换成16进制

把已经转换成16进制的字节数组,以%进行拼接,就是URL编码后的结果。

 

 

阅读全文
0 0
原创粉丝点击