html网页常用标签,HTML常用标签及属性

《HTML常用标签及属性》由会员分享，可在线阅读，更多相关《HTML常用标签及属性(7页珍藏版)》请在人人文库网上搜索。

1、标签分类标签名中文意思空标签块标签备注Html页面结构头部网页标题主题常用标签标题块标签段落块标签字体超链接图像空标签image换行空标签水平线空标签块标签滚动格式化标签粗体大号字着重斜体小号字加重语气下标上标supper下划线列表标签无序列表块标签Uno rder list有序列表块标签Order list列表项目块标签list定义列表块标签Define list定义标题块标签Define title定义描述块标签Define describtion表格相关表格块标签行块标签Table row单元格Table data cell表头Table head标题表头部分主体部分底部页脚部分表单相关。

2、表单表单元素(输入框)空标签下拉框下拉列表项文本域框架相关框架集框架空标签内嵌框架容器容器标签(块)容器标签(行内)常用属性属性名意思取值应用场景Src资源位置资源的路径sourceborder边框数字(像素)size尺寸数字(像素)width宽度数字(像素)height咼度数字(像素)bgcolor背景颜色颜色值：red或backgro un dcolor#TttttTbackgro und背景图片图片路径list-style设置列表的所有属列表性list-style-image将图像设置为列表No ne列表项标记urllist-style-t ype设置列表项标记的Disc (实心圆)列表。

3、类型Circle (空心圆)Square (实心方块)lin e-height行高(行间距)数字(像素)布局多行文本text-alig n对齐方式Left、right 、center各种兀素对齐letter-s pacing字符间距数字(像素)加大字符间间隔text-decorati on文本修饰Underline、none加下划线、中划线等margin-top (right、外边距数字(像素)bottom、 left)p addi ng-t op内边距数字(像素)(right 、 bottom、left )dis play改变块级元素与行block (行变块)内元素的默认显示in li ne。

4、(块变行)方式none (该兀素不显示在网页中)po siti on定位static (静态定位) relative(相对定位)absolute (绝对定位) fixed (固定定位)用于定位float浮动None left 、rightclear处理浮动塌陷left (清除左边浮动) right (清除右边浮 动)both (清除两边浮动) none (不清楚浮动)type列表类型DiscCircleSquare1A aI i用于列表alig n对齐Left cen ter rightTop middle bottom段落内容水平对齐文字与图片垂直对齐type表单元素类型Text(文本)Ch。

5、eckbox (复选)Radio (单选)Password (密码)File (文件)Submit (提交)表单元素Reset (重置)Button (按钮)Image (图片按钮)Hidden (隐藏)method表单数据的提交方式getP ostalt图片不显示时提示信息图片cell paddi ng单元格内边距数子表格cells pacing单元格之间距离数字表格href跳转到文件位置target网页打开的位置_blank (新窗口打开)_self (自身窗口打开)_top (以整个浏览 器作业作为窗口显 示新页面)_parent (在父窗口中打开新的页面)cols pan单元格跨列数字。

6、跨的列数表格rows pan单元格跨行数字跨的行数表格reado niy只读value输入框的初始值maxle ngth最大长度scrolldelay滚动延时marqueedirectio n滚动方向marquee块级标签与行级标签常见的块级标签div、h1h6、P、hr、ul、li、ol、dl、dt、dd、table常见的行级标签a、font、img、input、select、textarea 、label、span选择器选择器标签名标签选择器.类名类选择器#ID标识名ID选择器交集选择器第一个必须是标签 选择器，第二个必须 是类选择器或ID选 择器。P，-red,#header并集选择器#header ul li a后代选择器标签名：伪类名特殊选择器超链接伪类伪类示例含义应用场景a:li nka:li nkcolor:#999;未单击访问时的超链接样 式常用，超链接主样式a:visiteda:visitedcolor:#333;单机访问后的超链接样式区分是否已被访问a:hovera:hovercolor:#f60;鼠标悬浮在超链接上的样 式常用，实现动态效果a:activea:activecolor:#999;鼠标单击未释放的超链接少用，通常与 link样式一致。