HTML5学习笔记1——网页基本标签

1. meta标签
   
   meta标签不仅包含字符编码，还包含搜索关键字和内容描述等

2. 标题标签
   从h1-h6

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

3. title标签
   title标签是显示网页名称的标签，在head里面
   

4. 段落标签&换行标签
   段落标签为p，换行标签为br/，两者是有区别的，p标签前后间距要比br大很多

<div>
	<p>这是p标签的示例</p>
    <p>这是p标签的示例</p>
</div>
<div>
	这是br标签的示例<br/>
    这是br标签的示例<br/>
</div>

5. 水平线标签

<h1>hello</h1>
<hr/>
<p>hello world!</p>

6. 字体样式标签

加粗标签strong
斜体标签em

<p>这个是示例</p>
<p><strong>这个是示例</strong></p>
<p><em>这个是示例</em></p>
<p><strong><em>这个是示例</em></strong></p>

strong标签和之后的css中front-weight应该是有相似之处的
注释和特殊符号

7. 图像标签

<img src="path" alt="text" title="text"  width="x"  height="y" />

8. 链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>

<!--示例-->
<!--这是文本超链接-->
<a  href="detail.html"  target="_blank">姑娘，欢迎降落在这残酷的世界</a>
<!--这是图像超链接-->
<a  href="detail.html"  target="_blank">
    <img src="image/img1.png" alt="姑娘，欢迎降落在这残酷的世界"
           title="姑娘，欢迎降落在这残酷的世界" />
</a>

锚链接：
从A页面的甲位置跳转到本页中的乙位置
从A页面的甲位置跳转到B页面中的乙位置

<!--创建跳转链接-->
<a href="#marker">甲位置</a>
<!--创建跳转标记-->
<a name="marker">乙位置</a>

功能性链接
一般是“联系我们”这类的跳转，电子邮件、QQ、MSN等等

<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>

————————————————————这是分隔符———————————————————

9. 小结