好用的标签

保持原来文本的格式显示,有空格或者换行，显示都会按原来格式显示

<pre>
此例演示如何使用 pre 标签
对空行和    空格
进行控制
</pre>
复制代码

//删除效果
<del>xxx</del>

//下划线效果
<ins>xxx</ins>
复制代码

使用 <span> 元素对文本中的一部分进行着色,如果用其他的就会被换行了
<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>
复制代码

超链接, target == _blank会起一个新的页面来进行打开链接
<a href="http://www.baidu.com" target="_blank">链接</a>
复制代码

通过点击链接，马上索引到当前页面的id为C4的位置
<a href="#C4">查看章节 4</a>

    <h2>章节 8</h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 9</h2>
    <p>这边显示该章节的内容……</p>

    <h2><a id="C4">章节 10</a></h2>
    <p>这边显示该章节的内容……</p>

    <h2>章节 11</h2>
    <p>这边显示该章节的内容……</p>

复制代码

//先设置一张背景图
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

//指定一个map，3个坐标点，如果点击了上方图片的下面三个坐标点，就会触发链接跳转.
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
复制代码

//编辑框
<form action="">
<input type="text" name="firstname"><br>
<input type="text" name="lastname">
</form>
复制代码

//类似WebView，可以用一个窗口显示网页
<iframe src="http://www.runoob.com">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
复制代码

转载于:https://juejin.im/post/5b3ac774f265da631641f9c8