文档章节

HTML常用标签汇总、CSS常用属性汇总

僵小蛋
 僵小蛋
发布于 2017/07/14 11:34
字数 1480
阅读 68
收藏 1

  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 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menustextareafieldsetlegend 和 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   向方框添加一个或多个阴影 盒子阴影
         

 

© 著作权归作者所有

下一篇: CSS 选择器