HTML常用标签及属性.doc_咨信网zixin.com.cn

资源描述

HTML常用标签及属性常用标签和属性标签分类标签名中文意思空标签块标签备注 Html页面结构 <html> <head> 头部 <title> 网页标题 <body> 主题常用标签 <h1>～<h6> 标题块标签 <p> 段落块标签 <font> 字体 <a> 超链接 <img> 图像空标签 image <br> 换行空标签 <hr> 水平线空标签块标签 <marquee> 滚动格式化标签 <b> 粗体 <big> 大号字 <em> 着重 <i> 斜体 <small> 小号字 <strong> 加重语气 <sub> 下标 <sup> 上标 supper <u> 下划线列表标签 <ul> 无序列表块标签 Unorder list <ol> 有序列表块标签 Order list <li> 列表项目块标签 list <dl> 定义列表块标签 Define list <dt> 定义标题块标签 Define title <dd> 定义描述块标签 Define describtion 表格相关 <table> 表格块标签 <tr> 行块标签 Table row <td> 单元格 Table data cell <th> 表头 Table head <caption> 标题 <thead> 表头部分 <tbody> 主体部分 <tfoot> 底部页脚部分表单相关 <form> 表单 <input> 表单元素（输入框）空标签 <select> 下拉框 <option> 下拉列表项 <textarea> 文本域框架相关 <frameset> 框架集 <frame> 框架空标签 <iframe> 内嵌框架容器 <div> 容器标签（块） <span> 容器标签（行内）常用属性属性名意思取值应用场景 Src 资源位置资源的路径 source border 边框数字（像素） size 尺寸数字（像素） width 宽度数字（像素） height 高度数字（像素） bgcolor 背景颜色颜色值：red 或#ffffff backgroundcolor background 背景图片图片路径 list-style 设置列表的所有属性列表 list-style-image 将图像设置为列表项标记 None url 列表 list-style-type 设置列表项标记的类型 Disc（实心圆） Circle（空心圆） Square（实心方块）列表 line-height 行高（行间距）数字（像素）布局多行文本 text-align 对齐方式 Left、right、center 各种元素对齐 letter-spacing 字符间距数字（像素）加大字符间间隔 text-decoration 文本修饰 Underline、none 加下划线、中划线等 margin-top（right、bottom、left ）外边距数字（像素） padding-top（right、bottom、left）内边距数字（像素） display 改变块级元素与行内元素的默认显示方式 block（行变块） inline（块变行） none（该元素不显示在网页中） position 定位 static（静态定位） relative（相对定位） absolute（绝对定位） fixed（固定定位）用于定位 float 浮动 None、left、right clear 处理浮动塌陷 left（清除左边浮动） right（清除右边浮动） both（清除两边浮动） none（不清楚浮动） type 列表类型 Disc Circle Square 1 A a I i 用于列表 align 对齐 Left center right Top middle bottom 段落内容水平对齐文字与图片垂直对齐 type 表单元素类型 Text(文本) Checkbox（复选） Radio（单选） Password（密码） File（文件） Submit（提交） Reset（重置） Button（按钮） Image（图片按钮） Hidden（隐藏）表单元素 method 表单数据的提交方式 get post alt 图片不显示时提示信息图片 cellpadding 单元格内边距数字表格 cellspacing 单元格之间距离数字表格 href 跳转到文件位置 target 网页打开的位置 _blank（新窗口打开） _self（自身窗口打开） _top（以整个浏览器作业作为窗口显示新页面） _parent（在父窗口中打开新的页面） colspan 单元格跨列数字跨的列数表格 rowspan 单元格跨行数字跨的行数表格 readonly 只读 value 输入框的初始值 maxlength 最大长度 scrolldelay 滚动延时 <marquee> direction 滚动方向 <marquee> 块级标签与行级标签常见的块级标签 <div>、<h1>~<h6>、<P>、<hr>、<ul>、<li>、<ol>、<dl>、<dt>、<dd>、<table> 常见的行级标签 <a>、<font>、<img>、<input>、<select>、<textarea>、<label>、<span> 选择器选择器标签名{} 标签选择器 .类名{} 类选择器 #ID标识名 ID选择器 p.red 交集选择器第一个必须是标签选择器，第二个必须是类选择器或ID选择器。 P,.red,#header 并集选择器 #header ul li a 后代选择器标签名：伪类名特殊选择器超链接伪类伪类示例含义应用场景 a:link a:link{color:#999;} 未单击访问时的超链接样式常用，超链接主样式 a:visited a:visited{color:#333;} 单机访问后的超链接样式区分是否已被访问 a:hover a:hover{color:#f60;} 鼠标悬浮在超链接上的样式常用，实现动态效果 a:active a:active{color:#999;} 鼠标单击未释放的超链接样式少用，通常与link一致

展开阅读全文