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>
