1 html标题
<h1> to <h6>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
</body>
</html>
h1到h6演示代码
2 html水平线 <hr/>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h6>h6</h6>
<hr/>
</body>
</html>
水平线演示代码
3 html注释<!-- comment -->
注释并不会显示在网页上
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h6>h6</h6><!-- hello world -->
<hr/>
</body>
</html>
注释演示代码
4 html段落<p>以及段落换行<br/>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>hello world</p>
<p>hello world</p>
<hr/>
</body>
</html>
段落演示代码
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
段落换行使用<br/>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>hello world</p>
<p>hello <br/> world</p>
<hr/>
</body>
</html>
段落换行演示代码
5 html文本格式化
6 html超链接<a>
<a>比较重要的属性有两个，分别是href、target
href指定超链接地址
target指定打开方式
_blank 新页面打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>hello world</p>
<a href="http://www.baidu.com">百度</a>
<hr/>
</body>
</html>
超链接演示代码
另提供了较为全面的<a>标签使用方法链接：http://blog.csdn.net/ao_xiaoqiang/article/details/44345565
7 html的图像<img>
使用格式：<img src="url">
width 定义宽度，单位可以为像素 也可以为百分比
height 定义高度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>hello world</p>
<a href="http://www.baidu.com"><img src="l.jpg"/></a>
<hr/>
</body>
</html>
8 html的表格<table>
表格由<table>来定义，每行<tr> 有许多单元格<td>。表头可以使用<th>
<table>标签中：
border属性定义边框
background属性定义背景
bgcolor属性定义背景颜色
<table border="1" bgcolor="#f0ffff">
<tr>
<th>name</th>
<th>course</th>
</tr>
<tr>
<td>令狐冲</td>
<td>吸星大法</td>
</tr>
<tr>
<td>东方不败</td>
<td>葵花宝典</td>
</tr>
</table>
<hr/>
在浏览器中显示如下：
另外，若某个单元格为空，浏览器可能无法显示出这个单元格的边框。为了防止这种情况，可以在该单元格加一个空格占位符 。
9 html列表<ul> <ol>
列表分为
无序列表<ul>
有序列表<ol>
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等
<ul>
<li>male</li>
<li>female</li>
</ul>
<hr/>
<ol>
<li>male</li>
<li>female</li>
</ol>
浏览器显示为：
10 html表单<form>
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素
<form>中的属性：
action：后面加url 指定当提交表单时向何处发送表单数据
method：get/post两个值，get为明文 post为加密
name：指定表单的名称
target：_blanket _self _parent _top 指定网页打开方式
多数情况下，表单用到的较多的标签是<input> <select>
<input>中最为常用的几个属性:
type:决定输入类型
text 文本域
radio 单选按钮
checkbox 复选框
submit 提交按钮
password 密码输入
reset 重置
name:input元素的名称
value：input元素的值
size：输入字段的宽度
<select>使用<option>标签定义下拉列表的可用选项.常见的属性：
name：指定select名称
multiple：规定可选择多个选项
<option> 常见的属性：
value：指定送往服务器的选项值
selected：只有一个值--selected 默认选项
<form name="biaoge" action="/return/" method="get">
请选择语言:
<br/><br/><input type="radio" name="language" value="chinese"/>简体中文<br/><br/>
<input type="radio" name="language" value="english"/>English<br/><br/>
请选择熟悉的编程语言:
<input type="checkbox" name="python" />python
<input type="checkbox" name="c" />c
<input type="checkbox" name="swift" />swift<br/><br/>
请选择地区：
<select name="district">
<option value="shandong">山东</option>
<option value="zhejiang" selected="selected">浙江</option>
<option value="guangdong">广东</option>
</select><br/><br/>
name:<input type="text" name="name" value="slyoyo"/>
password:<input type="password" name="passwd" value="hahaha"/>
<input type="submit" value="login"/>
</form>
浏览器显示：
