Html标签总结（一）-CSDN博客

接着上次的Html接触，下面是html标签比较全的总结.

<font></font>标签:<font color="red" size="6" face="隶书">将这几个文字变成红色、6号大小和字体为楷体 </font>
这几个字会被<b>加粗</b></br>
这几个字也会被<strong>加粗</strong></br>
这几个字会被<i>倾斜</i></br>
这几个字也会被<em>倾斜</em></br>
这几个字会被加上<u>下划线</u></br>
这几个字也会被加上<ins>下划线</ins></br>
x的<sub>下标</sub>
x的<sup>上标</sup>
<pre>保留原有的换行和空格
换行空格</pre>
<Div>是网站上使用的最多的标签之一，本身没有任何意义，让自己独占一行，结合css样式一起使用，构成相应的效果，划分网页，块标签（输入完标签之后，自己独占一行就属于块标签）</Div>
<Span>是网站上使用的最多的标签之一，本身没有任何意义，结合css样式一起使用，构成相应的效果，行内标签（输入完标签之后，自己不会独占一行就属于行内标签）</Span>
<p align="center">段落居中</p>
<h1 align="center">标题1</h1>
<h2 align="left">标题2</h2>
<h3 align="right">标题3</h3>
<h4><font color="red" size="6" face="楷体">标题4</font></h4>
<h5>标题5</h5>
<h6>标题6</h6>
<ul type="circle">
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
<dl>
<dt>自定义列表标题</dt>
<dd>标题描述内容1</dd>
<dd>内容描述内容2</dd>
<dd>内容描述内容3</dd>
</dl>
[html] view plain copy
1. [html] view plain copy
2. <!DOCTYPE html>
3. <html>
4. <head lang=""en>
5. <meta charset="UTF-8">
6. <title>第一个的网页</title>
7. </head>
8. <body>
9. 欢迎进入我的网页，祝大家开心愉快
10. <!这是注释，不会被解析>
11. <p>我的第一个段落。</p>
12. <h1>我的第一个标题</h1>
13. <font color="red" size="6" face="楷体">将这几个文字变成红色、6号大小和字体为楷体 </font></br>
14. 这几个字会被<b>加粗</b></br>
15. 这几个字也会被<strong>加粗</strong></br>
16. 这几个字会被<i>倾斜</i></br>
17. 这几个字也会被<em>倾斜</em></br>
18. 这几个字会被加上<u>下划线</u></br>
19. 这几个字也会被加上<ins>下划线</ins></br>
20. x的<sub>下标</sub></br>
21. x的<sup>上标</sup></br>
22. <pre>保留原有的换行和空格
23. 换行空格</pre></br>
24. <Div>是网站上使用的最多的标签之一，本身没有任何意义，让自己独占一行，结合css样式一起使用，构成相应的效果，划分网页，块标签（输入完标签之后，自己独占一行就属于块标签）</Div>
25. <Span>是网站上使用的最多的标签之一，本身没有任何意义，结合css样式一起使用，构成相应的效果，行内标签（输入完标签之后，自己不会独占一行就属于行内标签）</Span>
26. <p align="center">段落居中</p>
27. <h1 align="center">标题1</h1>
28. <h2 align="left">标题2</h2>
29. <h3 align="right">标题3</h3>
30. <h4><font color="red" size="6" face="楷体">标题4</font></h4>
31. <h5>标题5</h5>
32. <h6>标题6</h6>
33. <ul type="circle">
34. <li>无序列表1</li>
35. <li>无序列表2</li>
36. <li>无序列表3</li>
37. </ul>
38. <ol>
39. <li>有序列表1</li>
40. <li>有序列表2</li>
41. <li>有序列表3</li>
42. </ol>
43. <dl>
44. <dt>自定义列表标题</dt>
45. <dd>标题描述内容1</dd>
46. <dd>内容描述内容2</dd>
47. <dd>内容描述内容3</dd>
48. </dl>
49. <p> 三个空格</p>
50. <font face="Arial">写版权时要用到的特殊符号©</font>
51. <左括号，右括号>¥人民币符号
53. </body>
54. </html>
运行结果如下：