一、Html概念
1.Html:(Html HypeTest Mackup Language)超文本标记语言的简写。
2.Html的代码都是由标签组成的,同时代码不区分大小写。
3.Html组成:
<html>
<head></head>
<body></body>
</html>
4.Html的操作思想(*****)
为了操作数据,都需要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。标签就相当于一个容器。对容器中的数据进行操作,就是在再不断的改变容器的属性值。
二:常用标签的使用
1.<font>:字体 <h1><h2>.......标题标签
2. 空格 < < > >
3.dl:用于定义列表的范围;dt:定义列表的上层项目。dd:定义列表的下层项目。而 且该标签封装的数据具备默认的缩进效果。<ol>:数字标签(a A 1 i I)<ul>: 符号标签(○●■)<li>:具体项目内容标签。此标签只在<ol> <ul>中有效.
4.链接图片:<img src="1.JPG" alt="小妹妹 你肿么了" border="2"/>
5.表格标签:<table>
6.标题标签:<caption>,给表格提供标题.
7.表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并 不常用。行标签:<tr>单元格标签:<td>,加载行标签的里面。可以简单理解为, 先有行,在行中在加入单元格。
8.超链接标签:<a href="" />
<a href="http://www.baidu.com" target="_blank">百度网站</a>
9.画中画标签:<iframe>
<iframe src=”1.html” >
很遗憾,画中画你没有看到,因为你的浏览器不支持iframe标签。
</iframe>
10.表单标签:<form>
表单标签是最常用的标签,用于与服务器端的交互
11.<type="">
其中的type属性指定输入标签的类型。
l 文本框 text。输入的文本信息直接显示在框中。
l 密码框 password。输入的文本以原点或者星号的形式显示。
l 单选框 radio 如:性别选择。
l 复选框 checkbox 如:兴趣选择。
l 隐藏字段 hidden 在页面上不显示,但在提交的时候随其他内容一起提交。
l 提交按钮 submit 用于提交表单中的内容。
l 重置按钮 reset 将表单中填写的内容设置为初始值。
l 按钮 button 可以为其自定义事件。
l 文件上传 file 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。
l 图像 image 它可以替代submit按钮。
三:表单与服务器的交互
总共有三种方式:
1.通过地址栏
2.通过超链接
3.通过表单的get和post。
Get和post的区别:
1,GET提交,提交的数据会显示在地址栏上。
POST提交:提交的数据不会显示在地址栏上。
2,GET提交,对于敏感数据不安全。
POST提交:对于敏感数据安全。
3,GET提交,存储到地址栏,地址栏的容量是有限的,所以对于大体积数据不合适。
POST提交:可以提交大体积数据。