1.基本结构
< !DOCTYPE html>//声明文档的解析类型，必须写在第一行
< html>//根标签(开始)
< head>//头标签(开始)
< meta charset=”utf-8”>//声明为utf-8编码，避免出现乱码
< title>html+css</ title>//页面标题标签</ head>//头标签(结束)
< body>//主体标签(开始)< h1>我的标题</ h1>//内容标题标签< p>我的段落。</ p>//段落标签
</ body>//主体标签(结束)
</ html>//根标签(结束)
注：:HTML中不支持 空格、回车、制表符，它们都会被解析成一个空白字符。
2.标签
1）标签写法要用小写字母，由尖括号包围，成对出现的标签称为双标签不能忘记结束标签。单独出现的标签叫单标签，最好也要闭合，形式为<标签名 />，例如< br />(换行标签)。< !DOCTYPE html>不是标签，只是声明。从开始标签到结束标签所有代码就是HTML的元素，之间的内容叫元素内容。没有内容的 HTML 元素被称为空元素，空元素是在开始标签中关闭的，例如< br />。
2）属性
属性可以在元素中添加附加信息，属性一般描述于开始标签，属性总是以名称/值对的形式出现。例如< a herf=” http://www.baidu.com “> 百度一下< /a>，< a>为链接标签，herf是属性名称，双引号中是链接地址，称为属性值，属性和属性值，尽量小写，也可以自定义属性(不能使用中文)。
3）注释
< !– 注释的内容 –>
4）水平线
单标签：< hr />可连续使用多个。
5）标题
是通过< h1>-< h6>标签进行定义的，< h1>定义最大的标题。< h6>定义最小的标题。浏览器会自动地在标题的前后添加空行。
6）段落
通过< p>标签定义，浏览器会自动地在段落的前后添加空行，如果在不产生一个新段落的情况下进行换行，须使用< br />标签。
7）文本格式化(双标签)
< b>定义粗体文字，< i>定义斜体字，< small>定义小号字，< big>定义大号字，< strong>定义加重语气。
8）链接
使用< a>设置超文本链接，如< a href=” http://www.baidu.com “> 百度一下< /a>。
9）图像
使用< img>标签，< img border=”边框属性” src=”图片路径” alt=”为图像定义一串预备的可替换的文本” width=”图像宽度” height=”图像高度” >
10）表格
表格由 < table> 标签来定义。< tr>定义行，< td>定义表格数据，< th>定义表格表头，大多数浏览器会把表头显示为粗体居中的文本。写法：
< table border=”1”>
< tr>
< th>….</ th>
< th>…..</ th>
</ tr>
< tr>
< td>…….</ td>
< td>………</ td>
</ tr>
</ table>
11）列表
无序列表：< ul>< li>苹果</ li>< li>梨</ li></ ul>
有序列表：< ol>< li>苹果</ li>< li>梨</ li></ ol>
12）表单
使用< form>标签定义，输入标签为< input>，输入类型是由类型属性 type 定义的。例：
< form action=”表单数据发送的地址”>
User : < input type=”text” name=”user”>//文本域
Password: < input type=”password” name=”password”>//密码域
< input type=”submit” value=”提交”>//提交按钮
</ form>
单选按钮：< input type=”radio”> 标签定义了表单单选框选项。
复选框：< input type=”checkbox”> 定义了复选框。