注意：本文中的标签与<之间的空格只是为了方便显示，实际使用中并不应该有空格！！！
注意：本文中的标签与<之间的空格只是为了方便显示，实际使用中并不应该有空格！！！
注意：本文中的标签与<之间的空格只是为了方便显示，实际使用中并不应该有空格！！！
1.什么是HTML？(Hyper Text Markup Language:超文本标记语言)
超文本：功能比普通文本更加强大
标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)
2.语法和规范？
HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
HTML文件分为头部分(< head>< /head>)和体部分(< body>< /body>)
HTML标签都是由开始标签和结束标签组成。(< hr />)
HTML标签不区分大小写，建议使用小写。
4.初始代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>4.HTML相关标签学习
标题标签< hn /> 例如：< h1> < /h1> 到 < h6> < /h6>
特点:加粗加黑显示，单独占用一行，与其他行有行间距
水平线标签 < hr />
段落标签< p>< /p>
字体标签< font>< /font>
属性：size:指定内容的大小
color：指定内容的颜色
face：指定内容的字体
加粗：< b>< /b>
斜体：< i>< /i>
下划线：< u>< /u>
注释：< !– –>
换行 < br/>
5.图片标签 < img />
相关属性
src=”图片路径及名称”
../ 表示当前路径的上一级
/文件夹名称/文件名 表示下一级路径文件
width=”宽度”
height=”高度”
alt=”提示（当图片无法显示时则会显示该文字）”
6.无序列表：
< ul>
< li> < /li>
< li> < /li>
< /ul>
有序列表
< ol>
< li> < /li>
< li> < /li>
< /ol>
常用属性
start=”有序数字的开始值”
7.超链接标签 < a >
常用属性：href=”链接到的路径”
target=”_self / _blank” :表示直接在当前页面显示 / 新打开一个窗口跳转页面
8.表格标签
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>< thead>< /thead>标签表示表头部分，< tbody>< /tbody>标签标识表身部分，这样写表格最为规范。
常用属性
border=”像素值” ：表格线的宽度
width=”宽度”
height=”高度”
aligh=”位置”
bgcolor=”背景颜色”
cellspacing：设置边框与边框的间距
cellpadding：设置边框与内容的间距
colspan=”跨几列”
rowspan=”跨几列”
9.框架集标签 < frameset>< /frameset>
cols=”25%,*”：表示分为左右两块，第一块宽占25%，第二块宽站100%-25% .
rows=”, , “：分成上下n块
< frame /> ：页面模块
<frameset rows="" cols="">
<frame src=""/>
<frame name=""/>
</frameset>10.表单标签
1).表单标签：所有需要提交到服务器端的表单项必须使用< form>< /form>括起来！
2).form 标签属性：
action,整个表单提交的位置(可以是一个页面，也可以是一个后台 java 代码)
method,表单提交的方式(get/post/delete……等 7 种)
3).表单类型
<1>文本输入项.< input type=”text” name=”” size=”” maxlenght=”” readonly=”” placehoder=””/>
type：表单类型
name：控件名，提交数据时候键值对的键，也可用于分组
size：指定输入框的宽度
maxlenght：指定输入内容的长度
readonly：设置为只读
placehoder：输入内容的提示信息
value：控件值，提交数据时候键值对的值
<2>密码输入项 < input type=”password” name=”” />
<3>单选按钮 < input type=”radio” name=”” value=”” checked=””/>
<4>多选按钮像项： < input type=”checkbox” name=”” value=”” checked=”” />
name：控件名，提交数据时候键值对的键，用于分组
value：控件值，提交数据时候键值对的值
checked：默认选中（checked）
<5>下拉列表
<select name=””>
<option value=”” selected=””>北京</option>
<option>上海</option>
</select> name：控件名，提交数据时候键值对的键，用于分组
value：控件值，提交数据时候键值对的值
selected：提交到服务端必须指定的属性，其值可以任意，建议见文知意
<6>文件上传项 < input type=”file” name=””/>
<7>文本输入域 < textarea name=””>< /textarea>
<8>提交按钮 < input type=”submit” value=””/>
type=”submit” ：具备将整个表单提交到服务器的功能
<9>重置按钮 < input type=”reset” value=””/>
type=”reset” ： 将整个表单输入的内容重置
<10>普通按钮 < input type=”button” value=”” onclick=”“/>
<11>隐藏项 < input type=”hidden” name=””/> 用于用户比较敏感的一些信息。
面试题：
Get 与 post 提交方式的区别？【默认提交方式为 get】
Get 提交方式，所有的内容显示在地址栏，不够安全，长度有限制。
Post 提交方式，所有的内容不会显示在地址栏，比较安全，长度没有限制。
具体可以查看w3c手册，可以下载到本地，随时打开。
11.Div (+css)
Div 它是一个 html 标签，一个块级元素(单独显示一行)。它单独使用没有任何意义，
必须结合 CSS 来使用。它主要用于页面的布局。
Span 它是一个 html 标签，一个内联元素(显示一行)。它单独使用没有任何意义，必
须结合 CSS 来使用。它主要用于对括起来的内容进行样式的修饰。