首页 > 其他分享> 文章详细

html1

2020-11-06 22:03:45 阅读：245 来源： 互联网

标签：abc 标签一行 html1 responsive page Resize

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

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.空格  

10.空格  

11.大于号> >

12.小于号< <

13.与& &

14.人民币符号￥ ¥

16.注册，圈圈内R ®

常用排版标签

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>

标签：abc,标签,一行,html1,responsive,page,Resize
来源： https://www.cnblogs.com/zqh962903415/p/13939178.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

html1