HTML学习———知识点总结
HTML学习
1、html结构
HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
< !DOCTYPE html> 用于文档声明，告诉浏览器文件用哪个版本的html解析。
< html> html限定了文档的开始与结束点
< head>
< title>Title< /title> 标题词一般夹在 < head > 与< /head > 中间
< /head>
< body >
正文则夹在< body >和< /body >之间
< /body >
< /html>
2、字体
1、字体用< font > 标签
color用来改变颜色，size表示大小，+3增大3号，-3减小3号
如：< font color=“red” size=“3” >text!< /font >
2、给字体加粗
< strong >
如：< strong >字体< /strong>
3、斜体
< em >
4、删除效果
< del >
5、下划线
< ins >
3、标题
用< h1 >设置标题，默认居左，一般会使用< h1> 到 < h6> 分别表示不同大小的标题
< h1 >这是一个标题< /h1 >
若要设置标题位置，用align属性，居中：align=“center”。
如< h1 align=“center”>这是一个标题< /h1 >
4、图片
< img > 图像标签
需要设置其属性src来指定图像的路径。
如：< img src=“http://how2j.cn/example.gif”/>
1、如果是本地文件，只需把图片放在同一个目录下即可
src直接使用文件名，不需要/
2、src使用图片所在的绝对路径，并在前面加上file://，后边需要加/
3、用width和height来设置图片的大小
4、加上alt属性，在图片不存在时会显示alt中的文字，alt=“这个是一个图片”。
5、超链接
1、通过< a>标签进行超链接，href中为超链接的地址，百度一下为超链接的本地文字
< a href=“http://www.baidu.com”>百度一下< /a>
2、使用图片进行超链接，只需要将图片嵌套入< a >标签中
6、表格
< table>标签用于显示一个表格
< tr> 表示行
< td> 表示列又叫单元格
1、使用属性 border=“1” 能使表格加上边框
< table border=“1” width=“200px”> < /table>
2、设置td的属性colspan，能使表格水平合并
< td colspan=“2” >1，2< /td>
3、设置td的属性rowspan，能使表格垂直合并
< td rowspan=“2”>1,3< /td>
4、设置属性bgcolor，能给表格加上背景颜色
< tr bgcolor=“gray”>
5、< ul >实现无序表
< ul >
< li>DOTA< /li>
< li>LOL< /li>
< /ul >
< ol >实现有序表
< ol>
< li>地卜师< /li>
< li>卡尔< /li>
< /ol>
7、内联框架
< iframe > 即内联框架
通过内联框架 可以实现在网页中“插入”网页
8、表单
1、< input type=“text”> 即表示文本框
2、< input type=“password”> 即表示密码框
3、< input type=“radio” > 表示单选框
4、< input type=“checkbox”> 即表示复选框
5、< select> 即下拉列表
需要配合< option>使用
6、< textarea> 即文本域
与文本框不同的是，文本域可以有多行，并且可以有滚动条
7、< input type=“submit”> 即为提交按钮
用于提交form，把数据提交到服务端
8、< input type=“image” > 即使用图像作为按钮进行form的提交、
9、< form action=“http://how2j.cn/study/login.jsp” method=“get”>
账号：< input type=“text” name=“name”> < br/>
密码：< input type=“password” name=“password” > < br/>
< input type=“submit” value=“登陆”>
< /form>
属性action中为要提交到的网站，method表示提交的方法，方法有get与post。
submit通过按钮提交
- get
get是form默认的提交方式
提交数据会在浏览器显示出来
不可以用于提交二进制数据，比如上传文件 - post
post必须在form上通过 method=“post” 显示指定
提交数据不会在浏览器显示出来
可以用于提交二进制数据，比如上传文件