html中常用的标签

来源：互联网发布：北师大网络教育学费编辑：程序博客网时间：2024/05/18 00:42
html中常用的标签   文字标签和注释标签* 文字标签：修改文字的样式- <font></font>- 属性：* size: 文字的大小 取值范围 1-7,超出了7，默认还是7* color：文字颜色- 两种表示方式** 英文单词：red  green  blue  black  white  yellow   gray......** 使用十六进制数表示 #ffffff :  RGB- 可以通过工具实现不同的颜色   #66cc66* 注释标签- html的注释 ： <!--  html的注释  -->   -----------------------------------------------------------------------------------------------------   标题标签、水平线标签和特殊字符* 标题标签 - <h1></h1>  <h2></h2>  <h3></h3> .......<h6></h6>- 从h1到h6，大小是依次变小，同时会自动换行* 水平线标签- <hr/>- 属性** size: 水平线的粗细 取值范围 1-7** color: 颜色- 代码<hr size="5" color="blue"/>* 特殊字符- 想要在页面上显示这样的内容   <html>:是网页的开始！- 需要对特殊字符进行转义* <     <* >     >* 空格   * &     &   -----------------------------------------------------------------------------------------------------   列表标签- 比如现在显示这样的效果传智播客  财务部  学工部  人事部** <dl> </dl>: 表示列表的范围** 在dl里面  <dt></dt>: 上层内容** 在dl里面  <dd></dd>：下层内容- 代码<dl><dt>传智播客</dt><dd>财务部</dd><dd>学工部</dd><dd>人事部</dd></dl>- 想要在页面上显示这样的效果  1. 财务部  2. 学工部  3. 人事部  a. 财务部  b. 学工部  c. 人事部  i. 财务部  ii. 学工部  iii. 人事部** <ol></ol> : 有序列表的范围- 属性 type：设置排序方式 1(默认)  a  A  i I   ** 在ol标签里面 <li>具体内容</li>- 代码<ol><li>财务部</li><li>学工部</li><li>人事部</li></ol><ol type="a"><li>财务部</li><li>学工部</li><li>人事部</li></ol>- 想要在页面上显示这样的效果特殊符号（方框） 财务部特殊符号（方框） 学工部** <ul></ul> : 表示无序列表的范围属性： type: 空心圆circle 、实心圆disc 、实心方块square ，默认disc在ul里面  <li></li>- 代码<ul><li>财务部</li><li>学工部</li><li>人事部</li></ul>   -----------------------------------------------------------------------------------------------   图像标签（*******）    * <img src="图片的路径"/> 例如：<img src="img/zhou.gif" width="100" height="100"/>        - src: 图片的路径        - width：图片的宽度        - height：图片的高度        - alt: 图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容。当图片路径不对找不到图片时候，图片边上会显示文字            ** 这个属性用的很少，因为有些浏览器下不显示（没有效果）               李炎恢说：alt 当图片不加载时显示的备用内容
阅读全文
0 0