HTML常用标签汇总、CSS常用属性汇总
2017-07-14 00:00
691 查看
HTML标签汇总
标签名 | 属性 及其取值 | 作用 | 单词意思 | 是否记住 |
<a> | href:超链接url地址 target:_blank(规定页面在新窗口打开) _self(规定页面在本窗口打开) _top(使文档载入包含此链接的窗口) _parent(使文档载入父窗口或者包含来链接引用的框架的框架集) | 插入超链接 | 超链接 | √ |
<base> | href: 链接规定默认地址 target: 页面打开方式,取值同<a>的target | 规定页面上的所有链接规定默认地址或默认目标。 | 基础 | √ |
<b> | 加粗文本 | 加粗 | √ | |
<br> | 换行 | 换行 | √ | |
<button> | 规定一个按钮 | 按钮 | √ | |
<caption> | align: 设置文本居中方式 left: 左对齐 right: 右对齐 center: 居中对齐 | 定义表格标题 | 标题 | √ |
<center> | 对其所包括的文本进行水平居中 | 居中 | √ | |
<div> | 可用CSS对其进行样式的修饰 id:规定该div的id名 class:规定该div的class类名 | 可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联 | 分开、划分 | √ |
<dl> | 定义了定义列表(definition list) | 定义表 | √ | |
<dt> | 定义了定义列表中的项目(即术语部分) | 定义项目 | √ | |
<dd> | 与<dt>配套使用,套在<dt>内 | 项目 | √ | |
<fieldset> | <legend>为 fieldset 元素定义标题 | 将表单内的相关元素分组 | 元素 | √ |
<form> | method: (get/post)规定用于发送 form-data 的 HTTP 方法 action: 规定当提交表单时向何处发送表单数据 | 用于为用户输入创建 HTML 表单 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据 | 形状,形式; 外形; 方式; 表格 | √ |
<h1>~<h6> | 定义标题,<h1>是最大的标题,<h6>是最小的标题 | 标题 | √ | |
<header> | 定义文档的页眉(介绍信息) | (计算机打印时自动加在各页顶端的)标头 | √ | |
<hr> | 在 HTML 页面中创建一条水平线 | √ | ||
<img> | src: 图片的url地址 alt: 规定图像的替代文本 | 向网页中嵌入一幅图像 | 图片,image的缩写 | √ |
<input> | type:text(文本输入框) password(密码输入框) radio(单选按钮) checkbox(复选框)button(自定义按钮) reset(重置按钮) submit(提交按钮) file(文件) name: | 用于搜集用户信息 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等 | 输入 | √ |
<label> | for: id 规定 label 绑定到哪个表单元素 form: formid 规定 label 字段所属的一个或多个表单 | 为 input 元素定义标注(标记) | 标签; 称标记,符号 | √ |
<legend > | 为 fieldset 元素定义标题(caption) | 图例 | √ | |
<li> | 定义列表项目,与无序(有序)列表标签配套使用 | √ | ||
<link> | href: 链接外部资源的url地址 type:链接到文件类型 rel: stylesheet 规定当前文档与被链接文档之间的关系 | 链接样式表 | 链接 | √ |
<ol> | 定义有序列表 | order list(有序列表) | √ | |
<optgroup> | 定义选项组 optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易 | option group 选项组 | √ | |
<option> | 定义下拉列表中的一个选项(一个条目) | 选项 | √ | |
<p> | 定义段落 | paragraph的缩写,段落 | √ | |
<select> | 可创建单选或多选菜单,与option标签配套使用 | 选项 | √ | |
<span> | 用来组合文档中的行内元素(内联标签) | √ | ||
<table> | border: 规定边框权重 cellpadding:规定单元边沿与其内容之间的空白 cellspacing:规定单元格之间的空白 bgcolor:规定表格的背景颜色 | 定义 HTML 表格 | 表格 | √ |
<tbody> | 用于组合 HTML 表格的主体内容,tbody 元素应该与 thead 和 tfoot 元素结合起来使用 | tablebody | √ | |
<td> | 定义 HTML 表格中的标准单元格 | √ | ||
<tr> | 定义 HTML 表格中的标准行 | |||
<th> | 表格内的表头单元格 th 元素内部的文本通常会呈现为居中的粗体文本 | tablehead | √ | |
<thead> | <thead> 标签仅得到所有主流浏览器的部分支持 | 定义表格的表头,该标签用于组合 HTML 表格的表头内容;thead 元素应该与 tbody 和 tfoot 元素结合起来使用 | tablehead | √ |
<tfoot> | 定义表格的页脚(脚注或表注) | tfoot 元素应该与 thead 和 tbody 元素结合起来使用 | √ | |
<th> | 定义表格内的表头单元格 | th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本 | √ | |
<title> | <title> 元素可定义文档的标题 | 标题 |
CSS常用属性汇总
属性 | 取值及其意思 | 作用 | 单词意思 | 是否记住 |
background | 取值为颜色值,或是背景图片url | 在一个声明中设置所有的背景属性 | 背景 | √ |
background-color | 取值为颜色值 | 设置元素的背景颜色 | 背景颜色 | √ |
background-image | 取值为图片的url地址 | 设置元素的背景图像 | 背景图片 | √ |
background-position | 取值有四个,即上右下左方向值,也可取两个值 | 设置背景图像的开始位置 | 背景位置 | √ |
background-repeat | no-repeat:不重复背景 repeat:重复背景 | 设置是否及如何重复背景图像 | 背景重复 | √ |
background-size | 规定背景图片的尺寸 | 背景大小 | √ | |
border | 设置所有的边框属性 | 边框 | √ | |
border-color | 颜色值 | 设置四条边框的颜色 | 边框颜色 | √ |
outline | 在一个声明中设置所有的轮廓属性 | 轮廓 | √ | |
box-shadow | 向方框添加一个或多个阴影 | 盒子阴影 | √ | |
相关文章推荐
- HTML常用标签汇总、CSS常用属性汇总
- HTML标签CSS属性默认值汇总
- HTML标签CSS属性默认值汇总
- HTML/CSS 常用方法释义,标签属性以及对应单词表
- html和css 常用标签和基本属性
- html中select标签的常用属性
- 【Div+CSS笔记】 0x01 html常用标签元素
- 常用的HTML标签和属性解释
- 常用的HTML标签和属性
- html常用标签及属性(表格/table,td)
- Default style sheet for HTML 4 HTML标签CSS属性默认值
- HTML 事件与属性,网页设计中常用的CSS属性,HTML ASCII 代码参考手册
- 常用的CSS标签标记属性翻译注释
- 常用的HTML标签和属性
- 常用CSS标签属性重置
- 常用的HTML标签和属性解释
- 常用的HTML标签和属性解释
- CSS属性和HTML标签属性的区别
- 常用的HTML标签和属性解释
- html css 超链接 A、Span 标签的width属性无效