当我们需要写页面的时候，肯定会用到一些html的基本标签，现在我们就来罗列下我们常用的html的基本标签有哪些

首先我们开始页面之前，我们需要写声明文档类型，以便我们的浏览器方便阅读

  1. <!doctype html><!--申明文档类型 html-->
  2. <html><!--页面开始-->
  3.     <head><!--头部开始-->
  4.         <title>xxx</title><!--标题-->
  5.         <meta charset="utf-8" /><!--申明编码集-->
    　　 <style></style><!--如果需要写样式需要在style里面写-->
  6.         
  7.     </head><!--头部结束-->
  8.  
  9.     <body><!--身体开始-->
    　　 <!--里面写我们的页面架构-->
  10. 　　 </body><!--身体结束-->
  11.     
  12.     
  13. </html><!--页面结束-->

上面的代码流程就是我们写页面前需要准备的

那我们常用的基本标签有哪些呢

  1. <h1></h1>
  2. <h2></h2>
  3. <h3></h3>
  4. <h4></h4>
  5. <h5></h5>
  6. <h6></h6>
  7. <!--h1~h6标签，常用来写标题的-->
  8.  
  9. <i></i>
  10. <em></em>
  11. <!--这两个是设置斜体字的标签-->
  12.  
  13. <b></b>
  14. <strong></strong>
  15. <!--这两个是设置粗体字的标签-->
  16.  
  17. <u></u>
  18. <!--这个是下划线标签，特点是占据自己内容位置的大小，给文字添加下划线-->
  19.  
  20. <br /> 换行标签(空标记)
  21. <hr /> 水平线标签(空标记)
  22.  
  23. <sub></sub>下标标签
  24. <sup></sup>上标标签
  25.  
  26. <p></p>
  27. <!--段落标签，特点是单独占据一行,可以嵌套文本 非单独占据一行的标签 可以插入图片-->
  28.  
  29. <span></span>
  30. <!--文本节点标签，特点是只占据自己内容大小的位置，一般结合css体现样式-->
  31.  
  32. <a href=""></a>
  33. a拥有的属性分别是
  34.     href="跳转地址"
  35.     target="页面打开方式"
  36.     _self 在当前页面刷新(默认值)
  37.     _blank 在新窗口中打开
  38.     title="鼠标移入的提示文本"
  39.     拓展:
  40.     rel="nofollow"指定当前页面与被链接的页面之间的关系
  41. <!--超链接标签，特点是实现页面与页面之间的跳转，只占据自己内容大小的位置，默认文本蓝色带有下划线-->
  42.  
  43. img:图片标签
  44.     src="图片路径"
  45.         	相对路径:
  46.         	    相对某一个文件夹
  47.         		tupian/1.jpg
  48.         		./longmao.jpg
  49.         	绝对路径:
  50.         		从盘符出发的路径
  51.         		域名地址
  52.         						
  53.         	../ 返回上级目录
  54.         	./ 在当前目录
  55.         					
  56.         	alt="文本信息"
  57.         	title="提示文本"
  58.         	width="宽度"
  59.         	height="高度"
  60.         	注意:只写宽度或者高度，另一边等比例缩放
  61.  
  62.  
  63. <div></div>盒子标签,特征:单独占据一行，用来搭建页面结构
  64.  
  65. 表格标签
  66. table: 表格标签
  67.     tr:行
  68.     td:单元格
  69.         					
  70.     border="设置边框"
  71.     bordercolor="边框颜色"
  72.         					
  73.     cellspacing="单元格边框与边框之间的距离"
  74.     cellpadding="单元格与内容之间的距离"
  75.     注意:给table添加
  76.         					
  77.      align="表格水平位置"
  78.      left 在左边
  79.      center 在中间
  80.      right 在右边
  81.         						
  82.      width="宽度"
  83.      height="高度"
  84.         					
  85.       colspan="合并列" 左右合并
  86.       rowspan="合并行" 上下合并
  87.       注意:给td添加，合并几个，数字写几
  88.  
  89. 列表标签:
  90. ul > li:无序列表标签
  91. 	type="disc默认值实心圆 circle square"通常不用，因为丑还不好控制 去掉小黑圆点list-style:none; 
  92.         特征:单独占据一行，一般用来做单导航，列表
  93.  
  94. ol > li:有序列表
  95.         type="a/A/1/i/I"修饰符号，通常不用，start="3"从第三个开始
  96.  
  97. dl > dt + dd:自定义列表标签
  98.         特征:单独占据一行，一般用来做双导航，一个dl里面只有一个dt，可以有多个dd

　以上就是我们html常用的标签，如果还需要用到其他的标签，可以去我们的W3C查找，谢谢

版权声明：本文为wamhy原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/wamhy/p/13144029.html