如果非要爱什么才能让你有信心活下去的话,不如爱我好了，呵呵。
title标题
<title>langzi blog</title>
使用效果：
多级标题
<h1>浪子</h1>
<h2>好帅</h2>
<h3>啊啊</h3>
使用效果：
图片连接
<img border='0' src='http://www.langzi.fun/upload/yoload-top.jpg' alt='如果图片没有加载出来就在图片地方显示这段文字' width=300 height=300>
使用效果：
参数说明：border是设置边框的意思，如果是0就是无边框，1-5都是有边框。记住border这个单词，以后在列表中也常用，alt的意思写在上面了，width是宽度，height是高度，记住单词即可。
超链接
<a href='http://www.langzi.fun/'>点我啊点我</a>
<br>
<br>
<a href='#C5'>点我跳转到id=C5的那个地方去~</a>
<p>段落啊这是段落</p>
<hr>
<p>hr是分割线啊分割线</p>
<br>
<p>br是拆分行啊拆分行</p>
<p>段落啊这是段落</p>
<hr>
<p>hr是分割线啊分割线</p>
<br>
<p>br是拆分行啊拆分行</p>
<p>段落啊这是段落</p>
<hr>
<p>hr是分割线啊分割线</p>
<br>
<p>br是拆分行啊拆分行</p>
<p>段落啊这是段落</p>
<hr>
<p>hr是分割线啊分割线</p>
<br>
<p>br是拆分行啊拆分行</p>
<p>段落啊这是段落</p>
<hr>
<p>hr是分割线啊分割线</p>
<br>
<p>br是拆分行啊拆分行</p>
<p>段落啊这是段落</p>
<hr>
<p>hr是分割线啊分割线</p>
<br>
<p>br是拆分行啊拆分行</p>
<p id='C5'>你能直接跳转过来就说明你很有天赋哦</p>
运行效果：
这里要注意的是超链接使用标签，记得闭合。可以把图片啊结合进去，比如点击图片跳转到别的网址，不举例子了。id是唯一标识符，使用方法看看实例就明白了。
如果想要点击标签打开一个新的页面的话，可以这么写：
<a href="http://www.langzi.fun" target="_blake">点我</a>
按钮
<button type='button'>我是一个按钮</button>
运行效果：
表单
<from action='index.php' method='POST'>
账号：<input type='text' name='user'>
<br>
密码：<input type='password' name='pass'>
<br>
<button type='button'>点击登陆</button>
</from>
使用效果：
注意，表单使用
输入账号密码那块，input就像上面的按钮性质差不多，提示输入，type是方式，text为明文文字，password是星号，就是你输入密码后变成*号别人看不见。
还有文件上传的地方，使用<\input type = ‘file’ name = ‘上传文件’>即可，记住这里的type是file（文件）。
表格
案例一
<table border='1'>
<tr>
<td>啊啊</td>
<td>啊啊</td>
<td>啊啊</td>
</tr>
<td>啊啊</td>
<td>啊啊</td>
<td>啊啊</td>
</table>
使用效果：
注意了，表格使用
案例二
<table border='1'>
<tr>
<th>土拨鼠</th>
<th>超级土拨鼠</th>
</tr>
<tr>
<td>啊啊</td>
<td>啊啊啊啊啊啊啊啊啊啊啊</td>
</tr>
<tr>
<td>啊啊</td>
<td>啊啊啊啊啊啊啊啊啊啊啊</td>
</tr>
<tr>
<td>啊啊</td>
<td>啊啊啊啊啊啊啊啊啊啊啊</td>
</tr>
</table>
运行效果：
列表
<li>我是谁</li>
<li>我在哪儿</li>
<li>我要去哪儿</li>
运行效果：
还可以在<li></li>外面套嵌<ol></ol>和<ul></ul>标签，前者是有序的后者是无序的，有序的就是显示1,2,3，4,5。无序的就是显示一个点，后面就是值。
div标签
<div style="color:#00FF00">
<h3>绿了绿了</h3>
<p>古天乐绿了</p>
</div>
运行效果：
span标签
<p>大渣好，我系<span style="color:#00FF00">古天乐</span>大渣好，我是喳喳辉</p>
运行效果：
span和div标签差不多，不过div是块领域，span是行领域。
abbr标签
起缩略的作用，鼠标放上去就会显示全部的内容，演示一下效果
<body>
你的鼠标放在-上面会看到新世界噢噢噢噢<abbr title="你看到我了吧，神奇吗666">----</abbr>
</body>
效果如下
code标签
你的代码内容在html显示的时候，如果出现语法冲突就不会把代码显示出来。所以使用code标签把代码内容包裹进去，注意要闭合。
关于pre标签的作用一致，但是区别是pre标签适用于放一大段的代码，code标签放行内的代码，当然别忘了闭合。
style标签
style标签主要用来为你的页面添加样式，比如添加一些看上去酷酷的背景色等等。
举个例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试标签</title>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>一集标题，加色！！！</h1>
<P>这个段落给我变蓝！！</P>
</body>
</html>
效果如下
link标签
link标签专门用来添加样式表CSS，导入你写好的样式表，然后直接使用即可。
<link href="你的样式表.css">
script标签
同上，主要用来加载js，可以直接在标签里面写内容，也可以导入你写好的js文件。
<script>alert('66666666666')</script>
直接弹出了一连串的666，或者想上面一样直接导入你的js文件
<script src='你的js代码.js'><script>
一般css导入放在head中，js放在body中，因为js体积相对来说比较大，加载需要等待一定的时间。
关于CSS与JS在后面的文章中会专门总结一下。
