HTML

标签

1. 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。

2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。

3. 任何标签的属性都有默认值，省略该属性则取默认值。

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>

• div标签
  是一个容器，常用于div+css现代网页布局，非常常用，特点，无色无味，独占一行
• a标签
  用于链接

< a href=" "></ a>#""中填需要跳转的网页地址，><中填关键字

• p标签
  用于段落

<p>用于段落</p>

加载一张图片：

• 加载本地图片

< img src="./image/wang.jpg" alt="图片不见了">  #src 和 alt 是 img标签的属性  . 在路径表达式里表示当前文件夹  / 用于分割文件夹

• 加载服务器图片

<img src="https://pvp.qq.com/web201605/herolist.shtml" alt="">

列表

• 无序列表
  此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
  <ul>
  <li>第一行</li>
  <li>第二行</li>
  </ul>
• 有序列表
  列表项目使用数字进行标记。
  <ol>
  <li>第一行</li>
  <li>第二行</li>
  </ol>

实现点击鲁班七号或者他的头像，都可跳转至该英雄的详细介绍页

<div>
    <a href="https://pvp.qq.com/web201605/herodetail/112.shtml"><img src="https://game.gtimg.cn/images/yxzj/img201606/heroimg/112/112.jpg" alt="">鲁班七号</a>
</div>

点图片或头像都转到改英雄详细介绍界面