HTML+CSS基础笔记——属性篇

前言：

html属性：用来为一些标签补充一定的信息。

语法规则：1.在html元素的开始标签中定义；

                    2.以名称和值对应的形式出现(name="value")；

                    3.属性值在引号内(常用双引号)。

以下是一些属性的汇总(待更)：

href：<a>标签的属性；用于指定超链接的目标地址。

target：<a>标签的属性；用于指定超链接的打开方式。

title：<a>标签的属性；给超链接的文字添加说明(鼠标划过链接文字时显示这个属性的文本内容，方便搜索引擎了解链接地址的内容)。

align：指定文本的对齐方式。属性值有：left、right、center、justify(两边对齐)、middle、top、bottom。

bgcolor：给网页或表格添加背景颜色。属性值有三种方式：①十六进制数(如黑色：#000000)；②RGB(三原色)值(如黑色：rgb(0，0，0))；③颜色名：black、blue、grey、green、purple、red、yellow、white、silver、aqua(蓝绿色)、fuchsia(紫红色)、lime(绿黄色)、maroon(栗色)、navy(深蓝色)、olive(橄榄色)、teal(青色)等。

style：一种改变所有html元素样式的通用方法；可将background-color(背景颜色)、font-family(字体样式)、font-size(字体大小)、color(字体颜色)、text-align(文本对齐方式)等一并定义好。

src：<img>标签的属性；指定图像位置，属性值是图像文件的URL(绝对路径或相对路径)地址。

name：用于指定锚(anchor)的名称；也可以创建(大型)文档内的书签。

colspan：<td>标签的属性；控制此单位所占列数。

rowspan：<td>标签的属性；控制此单位所占行数。

cellpadding：<table>标签的属性；规定单元格边缘与内容间的空白。

cellspacing：<table>标签的属性；规定单元格之间的空白。

summary：<table>标签的属性；增加表格的可读性，为表格添加摘要(摘要内容不会在浏览器中显示出来)，方便服务器理解。

                      格式：<table summary="表格简介文本">...</table>。

background：以图片作为文件或表格的背景。

width：调整图片或表格宽度。

height：调整图片或表格高度。

shape：指定超链接区域形状；属性值有：rect(矩形)、circle(圆形)、poly(多边形)、default(整个图像区域)。

coords：超链接区域坐标。属性值：①若形状为矩形：有四个值，分别为左上角坐标(X1,Y1)、右下角坐标(X2,Y2)；②若形状为圆形：有三个值，分别为圆心(X,Y)和以像素为单位的圆形半径R；③若形状为多边形：有多个值，即多边形的每个顶点坐标(X,Y)。

id：规定html元素唯一的id；为<div>标签提供唯一的名称：<div id="板块名称">...</div>；用JS或CSS为带有指定id的元素改变或添加样式。

usemap：将图像定义为客户端图像映射；图像映射指的是带有可点击区域的图像；该属性与 <map> 元素的 name 或 id 属性相关联，以建立 <img> 与 <map> 之间的关系。

type：定义文本元素类型。

start：决定有序列表从哪个序号开始。

valign：<td>标签的属性；规定单元格中内容的垂直排列方式；属性值：top(内容上对齐)、middle(默认：内容居中对齐)、bottom(内容下对齐)、baseline(与基线对齐)。

value：<input>标签的属性；为元素设定值。