如何完整的做一个web项目，基础篇（1）HTML5学习

一、HTML概述

1. HTML概念：Hyper Text Markup Language超文本标记语言。
HTML通过提前约定好的标签来构建我们的网页内容，通过浏览器来解释执行。

2.两个开发架构：B/S架构（B:Browser<浏览器>,S:Server<服务端>）,
C/S架构（C:Client<客户端>,S:Server<服务端>）。

二、HTML的开发
常用IDE工具：Eclipse，Hbuider，Subline，记事本

基本标签的使用:
1.标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
2.字体标签
<font></font>
3.段落标签
<p></p>
4.换行标签
<br/>
5.水平线标签
<hr/>
6.图片标签
<imp src="图片地址" width="宽度" height="高度" />
7.背景音乐
<audio src="音乐" />
8.视频标签
<video src="视频" />
9.超链接标签
<a href="" ></a>
10.列表标签
（1）有序列表:
<ol>
<li></li>
</ol>
（2）有序列表:
<ul>
<li></li>
</ul>
（3）自定义列表:
<dl></dl> 外围标签
<dt></dt> 列表的标题标签
<dd></dd> 设置列表的具体列表项
11.文本设置标签
<b></b>字体加粗
<i></i>斜体
<u></u>下划线
<s></s>删除线
12.其他基本标签
<marquee>标签（跑马灯效果标签）
<sup></sup>上标效果标签
<sub></sub>下标效果标签

13.表格标签
<table></table> 表格的外框
<caption></caption>表格的标题
<thead></thead>表格的表头
<tbody></tbody>表格的身体
<tr></tr>表格的行数
<th></th>表头单元格
<td></td>表体单元格
附：表格的基本属性应用：
boder属性 设置表格边框
width属性 设置表格的宽度
height属性 设置表格的高度
align属性 设置表格的位置
cellspacing 设置单元格之间的间距
cellpadding 设置单元格的填充距离（内部）
rowspan 跨行属性
colspan 跨列属性

**表单标签（重点）**：
<form></form> 表单标签  所有的表单元素必须包含在表单中
<input></input> 输入控件 大部分表单元素写在输入控件中
表单元素：
text 文本框
password 密码框
checkbox 复选框
radio 单选按钮
textarea 文本域
file 文件域
hidden 隐藏域
select 下拉列表
button 普通按钮
submit 提交按钮
reset 重置按钮
表单提交方式：
1.GET提交方式(默认)
1.1 不安全，在地址栏中会显示提交的数据信息
1.2 GET提交方式提交的数据量大小不能超过255个字节
2.POST提交方式
1.1 安全,在地址栏中不显示提交的数据
1.2 POST提交方式理论上提交的数据量可以无限制