【前端HTML】常用标签及属性

对于很多人来说，用HTML标签都是熟能生巧，而不清楚为什么是那样的标签，所以我在这列了一个表，翻译了其对应的英文。

相对路径是指目标相对于当前文件的路径，网页结构设计中多采用这种方法来表示目标的路径。相对路径有多种表示方法，其表示的意义不尽相同。表示方法如下：

绝对路径是指完整的网址，假设图一中项目的网站域名为www.test.com，那么000.css的绝对路径应该是 https://www.test.com/HelloHBuilder/html/css/css1/000.css。

Paragraph 段落 块标签 fort 字体 Anchor 锚(超链接) image 图像 空标签 Barter Rabbet 换行 空标签 Horizontal Rule 水平线 空标签、块标签 marquee 选取框(文字滚动) 格式化标签 bold 粗体 big 大号字 EMphasize 着重 Italic 斜体 small 小号字 strong 加重语气 SUBscript 下标 SUPerscript 上标 Underline 下划线 列表标签 Unorder List 无序列表 块标签 Order List 有序列表 块标签 LIst 列表项目 块标签 Define List 定义列表 块标签 Define Title 定义标题 块标签 Define Describtion 定义描述 块标签 表格相关 表格 块标签 Table Row 表行 块标签 Table Data cell 单元格 Table Head 表头 caption 标题 Table head 表头部分 Table body 主体部分 Table foot 底部业脚部分 表单相关 form 表单 input 表单元素(输入框) 空标签 select 选择(下拉框) option 选项(下拉列表项) text area 文本域 框架相关 frame set 框架集 frame 框架 空标签 iframe 内嵌框架 容器 division 分隔(容器标签(块)) span 跨度(容器标签(行内)) 属性 属性名 英文 英文含义 取值 应用场景 备注 src SouRCe 资源位置 资源的路径 border border 边框 数字(像素) size size 尺寸 数字(像素) width width 宽度 数字(像素) height height 高度 数字(像素) bgcolor BackGround COLOR 背景颜色 颜色值：red或#ffffff background background 背景图片 图片路径 list-style list-style 设置列表的所有属性 列表 list-style-image list-style-image 将图像设置为列表项标记 Noneurl 列表 list-style-type list-style-type 设置列表项标记的类型 Disc(实心圆)Cirle(空心圆)Square(实心方块) 列表 line-height line-height 行高(行间距) 数字(像素) 布局多行文本 text-align text-align 对齐方式 Left、right、center 各种元素对齐 letter-spacing letter-spacing 字符间距 数字(像素) 加大字符间间隔 text-decoration text-decoration 文本修饰 Underline、none 加下划线、中划线等 margin-top(right、bottom、left) margin 外边距 数字(像素) padding-top(right、bottom、left) padding 内边距 数字(像素) display display 改变块级元素与行内元素的默认显示方式 block(行变块)inline(块变行)none(该元素不显示在网页中) position position 定位 static(静态定位)relative(相对定位)absolute(绝对定位)fixed(固定定位) 用于定位 float float 浮动 None、left、right clear clear 处理浮动塌陷 left(清除左边浮动)right(清除右边浮动)both(清除两边浮动)none(不清除浮动) type type 列表类型 Disc(实心圆)Cirle(空心圆)Square(实心方块) 用于列表 align align 对齐 Left、right、centertop、middle、bottom 段落内容水平对齐文字与图片垂直对齐 type type 表单元素类型 text(文本)checkbox(复选)radio(单选)password(密码)file(文件)submit(提交)reset(重置)button(按钮)image(图片按钮)hidden(隐藏) 表单元素 method method 表单数据的提交方式 getpost alt alter 改变、替换(图片不显示时提示信息) 图片 cellpadding cell padding 单元格内边距 数字 表格 cellspacing cell spacing 单元格之间距离 数字 表格 href Hypertext REFerence 超文本引用(跳转到文件位置) rel RELationship 关系(用于定义链接的文件和HTML文档之间的关系) StyleSheet样式表 link链接一个文件时 target target 目标(网页打开的位置) _blank(新窗口打开)_self(自身窗口打开)_top(以整个浏览器作业作为窗口显示新页面)_parent(在父窗口中打开新的页面) colspan COLumn span 单元格跨列 数字(跨的列数) 表格 rowspan row span 单元格跨行 数字(跨的行数) 表格 readonly read only 只读 value value 输入框的初始值 maxlength max length 最大长度 scrolldelay scroll delay 滚动延时 direction direction 方向(滚动方向) 子{} 子元素选择器 选中父元素的指定子元素 祖先 后代{} 后代选择器 选中指定元素内的指定后代元素 兄 + 弟 直接弟弟选择器 选中下一个弟弟（仅仅是下一个） 兄 ~ 弟 弟弟选择器 选中下面所有的弟弟 伪类选择器

伪类：（不存在的类，特殊的类）一般是使用:开头，用来描述一个标签元素的特殊状态（很像是类）。