HTML 一、HTML简介 1.什么是HTML:用来描述网页的一门语言 1）HTML:超文本标记语言 Hyper Text Markup Language 2)HTML:不是编程语言而是标记语言 3)HTML:使用标记标签描述网页 超文本 标记 语言 超文本 ：普通文本实现不了的超文本可以实现。 超链接 标记 ：标签，不同的标签实现了不同的功能 语言 ：人与计算机交互的工具 2.HTML能干嘛？ 通过标签形成信息，将形成的信息展示给用户看 3.HTML的书写规范 HTML的结构 <html> <head> 包含咨询信息 </head> <body> 页面展示信息 </body> </html>
二、HTML的基本标签 1.文件标签(结构标签) <html> <head></head> <body></body> </html>
属性： text:文本颜色 bgcolor:背景颜色 background:背景图片
2.排版标签 1）注释标签 内容 2）换行标签 <br/> 3)段落标签 <p></p> 特点： 段与段之间距离比较大 属性 align:对齐方式 left right center 属性="属性值" 4)水平线标签 <hr/> 属性 ： width:宽度 size:大小 color：颜色 align:对齐方式 尺寸大小： 像素：px 百分比 颜色： 单词：red yellow 三原色：rgb (0,0,0) 0-255 进制：十六进制 #ffffff 白色 #000000 黑色 #ffffff 简写 #fff #ff00ff 简写 f0f
3.块级标签 <div></div> 行级块标签 可以自动换行 <span></span>行内块标签 作用： div+css布局 span:友好提示 4.文字标签 <font></font> 属性： color:颜色 size:大小 最大值：7 最小值：1 face:字型 标题标签 <h1></h1> <h6></h6> 注意： 标签依次减小 默认加粗 内置字号 默认占一行 5.列表标签 1）无序列表 <ul> <li></li> <li></li> <li></li> </ul> 属性： 属性：type 属性值：disc实心圆 square circle 2)有序列表 orderlist <ol> <li></li> <li></li> <li></li> </ol> 属性：type 属性值：1 A a I i 3)自定义列表 <dl> <dt>标题</dt> <dd>内容</dd> <dd>内容</dd> </dl>
6图像标签 图像标签 <img/> 属性：src="链接地址" 相对 绝对 路径：./不写 ../返回上一级 alt:如果文件路径出错显示alt里的文字 title=鼠标文字 width:宽度 height:高度 border：边框 align:对齐方式 垂直对齐 top middle bottom 7.超链接标签 超链接标签 <a></a> 属性： href:跳转页面地址 地址：本地磁盘 地址：http target:页面的打开方式 _self本页面打开 _blank:重新打开新的页面 name:锚点 8表格 表格标签： <table></table> 属性： border:边框 width:宽度 height:高度 align:对齐方式 bgcolor:背景颜色 <tr>:行 <td>:列 <caption>标题标签 colspan:合并列 rowspan:合并行 作用： 1.简单实现表格样式 2.进行布局
三、HTML的表单（重要） 1.form标签 <form></form> 属性： name:表单名称 action:提交路径 method:get post get与post提交区别 1提交地址栏不同 get:D:/javaweb1809/day01/WebRoot/表单标签/1表单标签1.html?username=admin&password=123456 post:D:/javaweb1809/day01/WebRoot/表单标签/1表单标签1.html# 2.安全性 post比get更安全 3.get提交方式对数据大小有限制 2.input标签 语法： <input type="" name="" value=""/> type类型： text：文本框 password:密码框 radio:单选按钮 name 限制为一组按钮 checked="checked" checkbox:复选框 name 限制为一组按钮 checked="checked" button:普通按钮 submit:提交按钮 内置提交功能 reset:重置按钮 内置一个重置功能 image:图片按钮 src="图片路径" 内置提交功能 file:文件域 hidden:隐藏域 3.select标签 <select name=""> <option value="" selected="selected">内容</option> </select> 4.textarea标签 <textarea rows="3" cols="20" name="text" readonly="readonly">内容</textarea>
四、框架 frameset frameset不与body共存 五、特殊符号 空格 <小于 >大于 ©版权号 六、案例
补充： 面试题 post请求方式与get请求方式的区别 HTTP协议当中GET请求和POST请求的区别？(**********)WEB (1).原理角度 从浏览器当中直接输入网址就能够获取到对应的页面或者数据，一般都是GET请求。 HTTP协议当中请求分为很多种：GET,POST,PUT,DELETE,HEAD....... 一般把GET请求和HEAD请求称之为安全方法，因为这两种方式都不会改变服务器的数据， 所谓的安全方法并不是什么动作都不会改变，仅仅是不会改变服务器的信息。 POST是可能会修改服务器当中资源的请求，比如用户登录或者注册界面，这需要把用户的个人信息提交给服务器， 然后服务器保存用户信息在数据库当中，服务器资源发生了改变，我们一般称之为“不安全方法”。 (2).表现形式角度 1.GET请求是把请求的数据附加到url地址之后，以“?”作为分割了url地址和传输的数据。如果有多个参数，通过"&"进行连接。 URL的编码格式使用ASCII码进行编码的，也就是说所有的字符串在编码之后都进行了传输。 2.POST请求会将请求的数据放入HTTP协议的body当中。 简单来说：GET请求会把数据暴漏在地址当中，而POST请求则不会。 (3).传输数据的角度 对于GET请求，传输数据会受到url长度的限制。 对于POST请求，因为不是通过URL来传递数据，所以理论上不会受到限制，但是实际操作时， 各个服务器会规划收到数据的大小，对于收到数据进行了限制。 (4).安全性角度 POST请求的安全性比GET请求高一些，这个安全不是真正的安全，而是通过GET请求网络数据，比如提交个人信息。 用户名和密码都会拼接到URL地址上，浏览器能够查询历史记录和缓存信息（Cookie），用户名和密码就很容易被获得， 就很危险。而且GET请求提交的数据很容易被攻击。
