HTML5标签的使用

标题标签

• 数字越大，字号越小

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

段落标签

 <p></p>   一段文字写在一组p标签内部

换行标签

<br/> 在指定位置换行，单标签

加粗标签

 <strong>  </strong>
<b>   </b>

字体倾斜标签

 <em>  </em>
<i>   </i>

特殊字符

小于号<   *&lt;*
大于号>   &gt;
如果只要空格表示，无论打多少个空格都只显示一个空格，想要用多个空格，就要用特殊字符&quot;来表示
空格  &nbsp;
版权号 &copy;
双引号  &quot;

图片标签

<!--
    img  图像标签
    src  路径
    alt 当图片加载失败时，会提示
    title 图片标题，当鼠标移动到图片上时，会提示
    width  图片的宽度（单位为px）
    height 图片的高度（单位为px）
 -->
    <img src="./image/车.jpg" alt="大本" title="这是一辆大本" width="600px" height="300px"><br>

链接标签

<!--
    href  链接地址
          1.url
          2.自己写的html
          3.# 刷新当前页面
    target  _blank 重新打开一个新页面
            _self  在当前页面打开新页面
-->
    <a href="https://www.baidu.com" target="_blank">百度</a><br>
    <a href="图片.html" target="_self">图片</a>

锚链接

• 实现点击从甲位置跳转到乙位置
  在同一页面进行跳转时

<a name="属性值">乙位置</a>
<a href="#name属性值">甲位置</a>

从甲页面跳转到乙页面的丙位置

<!--乙页面-->
<a name="属性值">丙位置</a>
<!--甲页面-->
<a href="乙页面#name属性值">甲位置</a>

功能性链接

• 电子邮件
• QQ
• MSN

<a href="tencent://Message/?Uin=QQ号码">联系我们</a>