1.HTML技术
1.1 HTML简介
它是一门描述网页的语言，全称（HyperText MarkUp Language）超文本标记语言。
超文本：超出文本的范畴，指的是在网页上面可以描述文本、图片、视频等内容
标记：标签，在标签里面书写内容。
语言：html就是用户和浏览器交互的工具。简单来讲，浏览器会解析html的标记，以特定的效果展示出来。
1.2 html的主要组成部分：
文档的声明<!DOCTYPE>:声明了html的类型和版本号。
html的根标记<html></html>：标识了html的开始和结束。
html的头部标记<head></head>:设置与页面相关的信息。
html的主题标记<body></body>：在页面展示内容。
1.3
1.段落标记<p></p>和换行标记<br />
注意：<p>标签会在开始自动换行，他是基于本行前面有内容的情况，如果已经是开头或者当前行的最前面，是不会再次换行的
2.文本样式标记<font>内容</font>
常用的属性：face 用来描述字体的样式
size用来描述字体的大小，最大取值为7
color用来描述字体的颜色，取值三种形式：
a.用英文单词标识 b.用16进制数据表示：#ff0000 c.用rgb（255，255,0）来表示
3.图像标记
(1)定义：在网页上引入图片
(2)语法：<img src="图像的url" />
(3)常用的属性：src 用来引入图片
width 描述图片的宽度
height 描述图片的高度
border 描述图片的边框
注释标记的用法<!--图片-->
5.表格标记
(1)作用：使表格更加的有条理显示出来，用来规划网页。
(2) <table>
<tr>
<td>单元格的内容</td>
</tr>
</table>
<table></table>用于定义一个表格.
<tr></tr>用于定义表格中的行.
- align用来描述表格内的内容显示的位置。
align=”center” align=”right” align=”left”
<td></td>用于定义表格中的单元格（列），必须嵌套在<tr></tr>标记中。
<th></th>表示单元格，自动居中，加粗。
常用的属性：
border:给表格加边框。
width:描述表格的宽度。
align：描述表格的位置。
cellspacing：描述边框的宽度。
cellpadding：描述边框与文字的距离。
例：<table border="2" width="200" align='center' cellpadding="2" cellspacing="6">
6.表单控件
表单简介：把用户输入的数据提交到服务器端，简单来说，表达用来让用户输入数据，表单把数据封装起来，提交到后台的服务器。
表单的组成：（一共有三部分）
a.表单控件：用户输入数据，比如说输入用户名，输入密码。
b.提示信息：告诉用户输入框要输入什么值。
c.表单域：标识表单的开始和结束，语法为：<form>提示信息：表单控件</form>
1.创建表单
例如：<form action=''htmlDemo01.html''method=''post'' name=''登录表单''>
用户名:<input type=''text'' name=''username'' /><br />
密码：<input type=''password'' name=''psw'' /><br />
<input type=''submit'' value=''提交'' />
</form>
常用的属性：action：表单要提交的位置
method：表单提交的方式，常用的有get提交和post提交，默认情况下是get提交。
get和post提交的区别：
a.get提交：数据会显示在浏览器的地址栏，不安全，提交的数据大小是有限制的。
b.post提交：数据不会显示在浏览器的地址栏，安全，提交的数据大小是没有限制的。
2.表单控件：<input />
输入框控件的属性type：
文本框：text
密码框：password
单选按钮：radio
复选按钮：CheckBox
上传按钮：file
提交按钮：submit
重置按钮：reset
注意：表单想要把数据提交到指定的位置，输入框必须要有name属性。
比如：
评论：<br />
<form method=''get'' action=''htmlDemo01.html>
<textarea rows=''5'' cols=''50'' name=''pinglun''>输入评论，请注意文明用语！</textarea><br />
<input type=''submit'' value"提交评论" />
</form>
来源：51CTO
作者：wx5da03a3bd2999
链接：https://blog.51cto.com/14572091/2482250