十天学会HTML之第10天HTML对象及属性标签大全.docx

十天学会HTML之第10天HTML对象及属性标签大全.docx

《十天学会HTML之第10天HTML对象及属性标签大全.docx》由会员分享，可在线阅读，更多相关《十天学会HTML之第10天HTML对象及属性标签大全.docx（15页珍藏版）》请在冰豆网上搜索。

十天学会HTML之第10天HTML对象及属性标签大全

【第10天】HTML对象及属性、标签大全

HTML语言基本标签：

创建一个HTML文档

设置文档标题以及其他不在WEB网页上显示的信息

设置文档的可见部分

标题标签：

将文档的题目放在标题栏中

文档整体属性：

设置背景颜色，使用名字或十六进制值

>

设置文本文字颜色，使用名字或十六进制值

>

设置链接颜色，使用名字或十六进制值

>

设置已使用的链接的颜色，使用名字或十六进制值

>

设置正在被击中的链接的颜色，使用名字或十六进制值

>

文本标签：

创建预格式化文本

创建最大的标题

创建最小的标题

创建黑体字

创建斜体字

创建打字机风格的字体

创建一个引用，通常是斜体

加重一个单词（通常是斜体加黑体）

加重一个单词（通常是斜体加黑体）

设置字体大小，从1到7

>

设置字体的颜色，使用名字或十六进制值

>

超链接：

创建一个超链接

创建一个自动发送电子邮件的链接

EMAIL">....　

创建一个位于文档内部的靶位

创建一个指向位于文档内部靶位的链接

格式排版：

创建一个新的段落

将段落按左、中、右对齐

>

插入一个回车换行符

从两边缩进文本

创建一个定义列表

放在每个定义术语词之前

放在每个定义之前

创建一个标有数字的列表

放在每个数字列表项之前，并加上一个数字

创建一个标有圆点的列表

放在每个圆点列表项之前，并加上一个圆点

一个用来排版大块HTML段落的标签，也用于格式化表

>

图形元素：

添加一个图像

排列对齐一个图像：

左中右或上中下

>

设置围绕一个图像的边框的大小

>

加入一条水平线

设置水平线的大小（高度）

>

设置水平线的宽度（百分比或绝对像素点）

>

创建一个没有阴影的水平线

表格：

创建一个表格

开始表格中的每一行

开始一行中的每一个格子

设置表格头：

一个通常使用黑体居中文字的格子

表格属性：

设置围绕表格的边框的宽度

设置表格格子之间空间的大小

设置表格格子边框与其内部内容之间空间的大小

设置表格的宽度－用绝对像素值或文档总宽度的百分比

设置表格格子的水平对齐（左中右）

>or

>

设置表格格子的垂直对齐（上中下）

>or

>

设置一个表格格子应跨占的列数（缺省为1）

设置一个表格格子应跨占的行数（缺省为1）

禁止表格格子内的内容自动断行回卷

窗框：

放在一个窗框文档的

定义一个窗框内的行数，可以使用绝对像素值或高度的百分比

定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比

定义一个窗框内的单一窗或窗区域

定义在不支持窗框的浏览器中显示什么提示

窗框属性：

规定窗框内显示什么HTML文档

命名窗框或区域以便别的窗框可以指向它

定义窗框左右边缘的空白大小，必须大于等于1

定义窗框上下边缘的空白大小，必须大于等于1

设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto"

禁止用户调整一个窗框的大小

表单：

对于功能性的表单，一般需要运行一个CGI或ASP、PHP、JSP、ASP.NET小程序，HTML仅仅是产生表单的表面样子。

创建所有表单

创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目

>

设置每个表单项的内容

创建一个下拉菜单

设置每个菜单项的内容

创建一个文本框区域，列的数目设置宽度，行的数目设置高度

创建一个复选框，文字在标签后面

创建一个单选框，文字在标签后面

创建一个单行文本输入区域，size设置以字符计的宽度

创建一个submit（提交）按钮

创建一个使用图象的submit（提交）按钮

创建一个reset（重置）按钮

 HTML标签大全

>跑马灯：

普通卷动

...滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定卷动距离

...设定卷动时间

>字体效果：

...粗体字

...粗体字（强调）

...斜体字

...斜体字（强调）

...斜体字（表示定义）

...底线

...底线（表示插入文字）

...横线

...删除线

...删除线（表示删除）

...键盘文字

...打字体

...固定宽度字体（不执行标记符号）

...字体颜色

...最小字体

100px>...无限增大

>区断标记：

水平线（设定大小）

水平线（设定宽度）

水平线（设定颜色）

（换行）

...水域（不换行）

...

>连结格式：

（预设好连结路径）

外部连结

外部连结（另开新窗口）

外部连结（全窗口连结）

外部连结（在指定页框连结）

>贴图/音乐：

贴图

设定图片宽度

设定图片高度

设定图片提示文字

设定图片边框

背景音乐设定

>表格语法：

...表格位置,置左

...表格位置,置中

...背景图片的URL=就是路径网址

...设定表格边框大小（使用数字）

...设定表格的背景颜色

...设定表格边框的颜色

...设定表格暗边框的颜色

...设定表格亮边框的颜色

...指定内容与网格线之间的间距（使用数字）

...指定网格线与网格线之间的距离（使用数字）

...指定表格的栏数

...设定表格外框线的显示方式

...指定表格的宽度大小（使用数字）

...指定表格的高度大小（使用数字）

...指定储存格合并栏的栏数（使用数字）

...指定储存格合并列的列数（使用数字）

>分割窗口：

左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

分割左右两个框架

分割左中右三个框架

>分割上下两个框架：

分割上中下三个框架

指定超级链接的分割窗口

指定锚名称的超级链接

指定超级链接

被连结点的名称

粗体字

指定超级链接的分割窗口

更改预设字形大小

加入背景音乐

显示大字体

设定文字颜色

换行

设定表格标题位置

...用于引经据典的文字

...用于列出一段程序代码

...加上批注

...显示"定义"文字

强调之用

任意指定所用的字形

设定字体大小

设定户动式窗体的处理方式

设定户动式窗体之资料传送方式

设定窗口的上下边界

设定窗口的左右边界

为分割窗口命名

锁住分割窗口的大小

设定分割窗口的滚动条

将html文件加入窗口

将窗口分割成左右的子窗口

将窗口分割成上下的子窗口

文件的开始与结束

斜体字

调整图形影像的位置

为你的图形影像加注

加入影片

插入图片并预设图形大小

插入图片并预设图形的左右边界

预载图片功能

设定图片边界

插入图片

插入图片并预设图形的上下边界

在窗体中加入输入字段

定义查询用窗体

...表示使用者输入文字

...

自动更新文件内容

可同时选择多项的列表栏

定义不出现分割窗口的文字

设定对齐方向

分段

...显示人名

...用于引用字

在窗体中定义列表栏

显示小字体

文字加横线

用于加强语气

下标字

上标字

调整表格的宽线高度

调整数据域位之边界

调整表格线的宽度

调整表格的高度

调整表格的宽度

调整表格字段之左右对齐

设定表格字段之背景颜色

表格字段的合并

设定表格字段不换行

调整表格字段之上下对齐

调整表格字段宽度

窗体中加入多少列的文字输入栏

决定文字输入栏是自动否换行

打字机字体

文字加底线

...无序号的列表（可指定符号）

...用于显示变量

例:

写一段图片HTML代码

//localhost/phpwind6/zx/6.jpg"id="imgs"lang="en-us"alt="测试">

该标签为img的代码中已可以看出已含有了四个属性,包括srcidlangalt,加上本身的img标签有5个属性.

那么该img标签在正常的情况下倒底还含有多个属性?

（包含对象）,我现在为大家一一列出来（以上面那句代码为例,并附上它的所有值）,所有在IE环境下有效可用的对象属性都在下面.学习HTML的朋友可以借鉴学习,也可以拿去吓人,

以下通过测试的IMG的全属性为156个,不包括子属性,而且还只是这一个img标签的....虽然有些看起来用在IMG标签上不太合理,但确实是有效使用,IE中无错且有返回值.关键在于看你怎么用了,除了有些不常用的属性不太清楚以外,以下全是手工输的,花了4个小时,对你有用没用就看你怎么想了.不过如果你了解了以下的说明后网页的美化和代码的理解就可以扫盲和DIY了

以下的img可用的属性如果你只用过10个不到,那就只能说明你菜.......

1language=//语言类型,如