html1

文字操作标签和特殊字符标签

1.加粗<b></b>

2.斜体<i></i>

3.下划线<u></u>

4.删除<s></s>

5.换行,自己占一行,段落标签<p></p>

6.标题,h的数字越小越大,最大h1,它自己一行<h1></h1>

7.换行<br>

8.分界线<hr>

9.空格 &nbsp;

10.空格 &nbsp;

11.大于号> &gt;

12.小于号< &lt;

13.与&  &amp;

14.人民币符号¥  &yen;

16.注册,圈圈内R  &reg;

常用排版标签

1.里面的内容独占一行<div></div> 

2.里面的内容不独占一行<span></span>

3.图片标签img   <img src="路径" alt="这里是图片不存在时给这个图片的注释" title="如果鼠标放在图片上出来的提示" width="100px" height="100px">

4.超链接标签<a herf="超链接指向的网站" target="点击超链接标签指向的网页地址">超链接的文字内容</a>

5.锚点,跳转至name的位置

<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="txt/html; charset=utf-8" />
</head>

<body>

<a href="" name="top">顶部内容</a>
<h1>克莱比的小木屋</h1>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h2>Resize this responsive page!</h2>
<h1>Resize this responsive page!</h1>
<h1>Resize this responsive page!</h1>
<h1>Resize this responsive page!</h1>
<h1>Resize this responsive page!</h1>
<h1>Resize this responsive page!</h1>
<br>
<a href="#top">回到顶部</a>

</body>
</html>

无序列表标签:

显示方块的话把type改成"square"

<ul type="none">

    <li>abc</li>

    <li>abc</li>

    <li>abc</li>

</ul>

有序列表标签:

显示方块的话把type改成"square"

<ol>

<li>abc</li>

<li>abc</li>

<li>abc</li>

</ol>

表格

<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="txt/html; charset=utf-8" />
</head>

<body>

<table border="1">
  <thead>
     <tr>
          <th>id</th>
          <th>name</th>
          <th>age</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>1</td>
         <td>sb</td>
         <td>2222</td>
      </tr>
      <tr>
         <td>2</td>
         <td>nt</td>
         <td>13</td>
      </tr>
   </tbody>
</table>

</body>
</html>

 

上一篇:Vue-div横向/纵向拖拽缩放


下一篇:如何解决Vue项目中使用echarts,宽度变化导致图不能resize问题