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” 显示指定
提交数据不会在浏览器显示出来
可以用于提交二进制数据,比如上传文件