当前位置：文档库 › CSS命名+html标签属性大全

CSS命名+html标签属性大全

一．文件命名规范

[b]样式文件命名[/b] [quote]主要的master.css 布局，版面layout.css

专栏columns.css

文字font.css

打印样式print.css

主题themes.css [/quote]

[b]CSS ID 的命名[/b] [quote]页头：header

登录条：loginbar

标志：logo

侧栏：sidebar

广告：banner

导航：nav

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

滚动：scroll

页面主体：main

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

热点：hot

新闻：news

下载：download

状态：status

按钮：btn

投票：vote

合作伙伴：partner

友情链接：friendlink

页脚：footer

版权：copyright

外套：wrap

主导航：mainnav

子导航：subnav

页脚：footer

整个页面：content

页眉：header

页脚：footer

商标：label

标题：title

主导航：mainbav（globalnav）

顶导航：topnav

边导航：sidebar

左导航：leftsidebar

右导航：rightsidebar

旗志：logo

标语：banner

菜单内容1：menu1content

菜单容量：menucontainer

子菜单：submenu

边导航图标：sidebarIcon

注释：note

面包屑：breadcrumb(即页面所处位置导航提示）容器：container

内容：content

搜索：search

登陆：Login

功能区：shop(如购物车，收银台)

当前的current[/quote]

[b]网站常用中英文对照表[/b]

[quote]网站导航Site Map

公司简介Profile or Company Profile or Company

公司设备Equipment Equipment

公司荣誉Glories Glories

企业文化Culture Culture

产品展示Product Product

资质认证Quality Certification

企业规模Scale Scale

营销网络Sales Network

组织机构organization organization

合作加盟Join In Cooperation

技术力量Technology Technology

经理致辞Manager`s oration

发展历程Development History

工程案例Engineering Projects

业务范围Business Scope

分支机构Branches

供求信息Supply & Demand

经营理念Operation Principle

产品销售Sales Sales

联系我们Contact Us Contact Us

信息发布Information Information

返回首页Homepage Homepage

产品定购order order

分类浏览Browse By Category

电子商务E-business

公司实力Strength Strength

友情连结Hot Link

应用领域Application Fields

人力资源Human Resource Hr

领导致辞Leader`s oration

企业资质Enterprise Qualification

行业新闻Trade News

行业动态Trends

客户留言Customer Message

客户服务Customer Service

新闻动态News & Trends

公司名称Company Name

销售热线Sales Hot-Line

联系人Contact Person

您的要求Your Requirements

建设中In Construction

证书Certificate Certificate

地址ADD Add

邮编Postal Code Zipcode

电话TEL Tel

传真FAX Fax

产品名称Product Name

产品说明Description Description

价格Price

品牌Brand

规格Specification

尺寸Size

生产厂家Manufacuturer Manufacturer 型号Model

产品标号Item No.

技术指标Technique Data

产品描述Description

产地Production Place

销售信息Sales Information

用途Application

论坛Forum

在线订购On-line order

招商Enterprise-establishing

招标Bid Inviting

综述General

业绩Achievements

招聘Join Us

求贤纳士Join Us

大事Great Event

动态Trends

服务Service

投资Investment

行业Industry

规划Programming

环境Environment

发送Delivery

提交Submit

重写Reset

登录Enter

注册Login

中国企业网技术支持Powered By https://www.wendangku.net/doc/df3512394.html,

社区Community

业务介绍Business Introduction

在线调查Online Inquiry Inquiry

下载中心Download

会员登陆Member Entrance

意见反馈Feedback

常见问题FAQ

中心概况General Profile

教育培训Education & Training

游乐园Amusement Park

在线交流Online Communication

专题报道Special Report[/quote]

常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”……

一. 常规书写规范及方法

1. 选择DOCTYPE：

XHTML 1.0 提供了三种DTD声明可供选择：

过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：

严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如
。完整代码如下：

“https://www.wendangku.net/doc/df3512394.html,/TR/xhtml1/DTD/xhtml1-strict.dtd“>

框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：

“https://www.wendangku.net/doc/df3512394.html,/TR/xhtml1/DTD/xhtml1-frameset.dtd“>

理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站，使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。

2. 指定语言及字符集：

为文档指定语言：

为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言；如：

常用的语言定义：

标准的XML文档语言定义：

针对老版本的浏览器的语言定义：

为提高字符集，建议采用“utf-8”。

3. 调用样式表：

外部样式表调用：

页面内嵌法：就是将样式表直接写在页面代码的head区。如：

外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。

media=”all” />

在符合web标准的设计中，推荐使用外部调用法，可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。

4、选用恰当的元素：

根据文档的结构来选择HTML元素，而不是根据HTML元素的样式来选择。例如，使用P元素来包含文字段落，而不是为了换行。如果在创建文档时找不到适当的元素，则可以考虑使用通用的div 或者是span；

避免过渡使用div和span。少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使用样式；

尽可能少地使用标签和结构嵌套，这样不但可以使文档结构清晰，同时也可以保持文件的小巧，在提高用户下载速度的同时，也易于浏览器对文档的解释及呈视；

5、派生选择器：

可以使用派生选择器给一个元素里的子元素定义样式，在简化命名的同时也使结构更加的清晰化，如：

.mainMenu ul li {background:url(images/bg.gif;)}

6、辅助图片用背影图处理：

这里的”辅助图片”是指那些不是作为页面要表达的内容的一部分，而仅仅用于修饰、间隔、提醒的图片。将其做背影图处理，可以在不改动页面的情况下通过CSS样式来进行改动，如：

#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;}

7、结构与样式分离：

在页面里只写入文档的结构，而将样式写于css文件中，通过外部调用CSS样式表来实现结构与样式的分离。

8、文档的结构化书写：

页面CSS文档都应采用结构化的书写方式，逻辑清晰易于阅读。如：

首页

介绍

服务

#mainMenu {

width:100%;

height:30px;

background:url(images/mainMenu_bg.jpg) repeat-x;

}

#mainMenu ul li {

float:left;

line-height:30px;

margin-right:1px;

cursor:pointer;

}

*********************************************************************************** ********

命名参考(来源网络)

常用的CSS命名规则：

头：header

内容：content/container

尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

命名全部使用小写字母，如果需要多个单词，单词间使用“-”分隔，比如user-list

常用代码结构：

div：主要用于布局，分割页面的结构

ul/ol：用于无序/有序列表

span：没有特殊的意义，可以用作排版的辅助，

例如

(4.23)天幻网六周年天幻网六周年天幻网六周年天幻网六

然后在css中定义span为右浮动，实现了日期和标题分两侧显示的效果

h1-h6：标题

h1-h6 根据重要性依次递减

h1位最重要的标题

label：为了使你的表单更有亲和力而且还能辅助表单排版的好东西，

例如：

密码

fieldset & legend：fildset套在表单外，legend用于描述表单内容。

例如：

dl,dt,dd：当页面中出现第一行为类似标题/简述，然后下面为详细描述的内容时应该使用该标签，

例如

什么是CSS?

CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

什么是XHTML？

XHTML是一个基于XML的置标语言，看起来与HTML有些想像，只有一些小的但重要的区别。可以这样看，XHTML就是一个扮演着类似HTML的角色的XML。本质上说，XHTML是一个桥接（过渡）技术，结合了XML（有几分）的强大功能及HTML（大多数）的简单特性。

C #content

S #subcol

M #maincol

X #xcol

这是纵向布局的XHTML结构，c-smx表示网页有三个纵栏, c-sm表示有两个纵栏, c-mx 表示有两个纵栏其中一个是附属的, c-m表示一个纵栏。

其中在三纵栏的布局需要分为两层第一层是#subcol与#main第二层是#main中的

#maincol与#xcol。

自定义命名：

根据w3c网站上给出的,最好是用意义命名

比如：是重要的新闻高亮显示（像红色）

有两种

.red{color:red}

.important-news{color:red}

很显然第二种传达的意义更加明确,所以尽量不要用意义不明确的作为自己自定义的名字

CSS命名规范

DIV CSS名称说明

网站公用相关

Container div #container 容器

Header or banner div #header 页头部分

Main or global navigation div #mainNav 主导航

Menu #menu 菜单

Sub Menu #submenu 子菜单

Left or right side columns #sidebarA, #sidebarB 左边栏或右边栏

Main div #main 页面主体

Content div #content 内容部分

The main content area #contentMain 主要内容区域

Footer div #footer 页脚部分

Tag #tag 标签

Message #msg #message 提示信息

Tips #tips 小技巧

Vote #vote 投票

Friend Link #friendlink 友情连接

Title #title 标题

Summary #summary 摘要

Sub-navigation list #subNav 二级导航

Search input #searchInput 搜索输入框

Search output #searchOutput 搜索输出和搜索结果相似

Search #search 搜索

Search results #searchResults 搜索结果

brand #branding 商标

branding-logo #brandingLogo LOGO

Site information #siteinfo 网站信息

Designer or other credits #siteinfoCredits 信誉

Join us #joinus 加入我们

Partnership opportunities #partner 合作伙伴

Services #service 服务

Regsiter #regsiter 注册

Status #status 状态

9、鼠标手势：

在XHTML标准中，hand只被IE识别，当需要将鼠标手势转换为“手形”时，则将“hand”换为“pointer”，即“cursor:pointer;”

标签属性大全

跑马灯

...普通卷动

...滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定滚动速度

...设定卷动时间

...鼠标经过上面时停止滚动

...鼠标离开时开始滚动

字体效果

...

标题字(最大)

...

标题字(最小)

...粗体字

...粗体字(强调) （同上效果略同）

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

~~...~~横线

~~...~~删除线

~~...~~删除线(表示删除)

...键盘文字

... 打字体

...固定宽度字体(在文件中空白、换行、定位功能有效) ...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体...字体颜色...最小字体...无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色) (换行)...水域(不换行)...水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址target=’_blank’></a>外部连结(另开新视窗)<a href=位址target=’_top’></a>外部连结(全视窗连结)<a href=位址target=’页框名’></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址width=’180’>设定图片宽度<img src=图片位址height=’30’>设定图片高度<img src=图片位址alt=’提示文字’>设定图片提示文字<img src=图片位址’border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性：cols垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。rows就是横向切割，将窗口上下分开，数值设置同上。以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。frameborder 设置框架的边框，其值有0不要边框，1要边框。border 设置框架边框厚度framespacing 表示框架与框架间保留空白的距离frame 元素（单标签）语法格式：<frame name="" src="url" scrolling="yes/no" noresize>属性：name 框架名称，指定框架来做连接的目标窗口。src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。scrolling 是否显示滚动条，yes/no,auto是自动。noresize 设置不让使用者改变这个框架的大小，noframe元素指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息语法格式：<noframe>......</noframe>表单<form></form>语法格式：<form action="url" method="get/post">....<input type=submit><input type=reset></form>method有两种提交方式get,postaction 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@https://www.wendangku.net/doc/df3512394.html," 这样此表单所填的资料将会发送到这个邮箱地址。method 是指传送信息给cgi等网络程序的方式。可选post方法，get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。申请表单用的是post搜索引擎用的是get<! - - ... - -> 注解<A HREF TARGET> 指定超连结的分割视窗<A HREF=#锚的名称> 指定锚名称的超连结<A HREF> 指定超连结<A NAME=锚的名称> 被连结点的名称<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 粗体字<BASE TARGET> 指定超连结的分割视窗<BASEFONT SIZE> 更改预设字形大小<BGSOUND SRC> 加入背景音乐<BIG> 显示大字体<BLINK> 闪烁的文字<BODY TEXT LINK VLINK> 设定文字颜色<BODY> 显示本文 换行<CAPTION ALIGN> 设定表格标题位置<CAPTION>...</CAPTION> 为表格加上标题<CENTER> 向中对齐<CITE>...<CITE> 用於引经据典的文字<CODE>...</CODE> 用於列出一段程式码<COMMENT>...</COMMENT> 加上注解<DD> 设定定义列表的项目解说<DFN>...</DFN> 显示"定义"文字<DIR>...</DIR> 列表文字标签<DL>...</DL> 设定定义列表的标签<DT> 设定定义列表的项目 强调之用 任意指定所用的字形 设定字体大小<FORM ACTION> 设定户动式表单的处理方式<FORM METHOD> 设定户动式表单之资料传送方式<FRame MARGINHEIGHT> 设定视窗的上下边界<FRame MARGINWIDTH> 设定视窗的左右边界<FRame NAME> 为分割视窗命名<FRame NORESIZE> 锁住分割视窗的大小<FRame SCROLLING> 设定分割视窗的卷轴<FRame SRC> 将HTML档加入视窗<FRameSET COLS> 将视窗分割成左右的子视窗<FRameSET ROWS> 将视窗分割成上下的子视窗<FRameSET>...</FRameSET> 划分分割视窗<H1>~<H6> 设定文字大小<HEAD> 标示文件资讯<HR> 加上分格线<HTML> 文件的开始与结束 斜体字<IMG ALIGN> 调整图形影像的位置<IMG ALT> 为你的图形影像加注<IMG DYNSRC LOOP> 加入影片<IMG HEIGHT WIDTH> 插入图片并预设图形大小<IMG HSPACE> 插入图片并预设图形的左右边界<IMG LOWSRC> 预载图片功能<IMG SRC BORDER> 设定图片边界<IMG SRC> 插入图片<IMG VSPACE> 插入图片并预设图形的上下边界<INPUT TYPE NAME value> 在表单中加入输入栏位<ISINDEX> 定义查询用表单<KBD>...</KBD> 表示使用者输入文字<LI TYPE>...</LI> 列表的项目( 可指定符号)<MARQUEE> 跑马灯效果<MENU>...</MENU> 条列文字标签<meta NAME="REFRESH" CONTENT URL> 自动更新文件内容<MULTIPLE> 可同时选择多项的列表栏<NOFRame> 定义不出现分割视窗的文字<OL>...</OL> 有序号的列表<OPTION> 定义表单中列表栏的项目 设定对齐方向 分段<PERSON>...</PERSON> 显示人名<PRE> 使用原有排列<SAMP>...</SAMP> 用於引用字<select >...</select > 在表单中定义列表栏 显示小字体<STRIKE> 文字加横线 用於加强语气 下标字 上标字<TABLE BORDER=n> 调整表格的宽线高度<TABLE CELLPADDING> 调整资料栏位之边界<TABLE CELLSPACING> 调整表格线的宽度<TABLE HEIGHT> 调整表格的高度<TABLE WIDTH> 调整表格的宽度<TABLE>...</TABLE> 产生表格的标签<TD ALIGN> 调整表格栏位之左右对齐<TD BGCOLOR> 设定表格栏位之背景颜色<TD COLSPAN ROWSPAN> 表格栏位的合并<TD NOWRAP> 设定表格栏位不换行<TD V ALIGN> 调整表格栏位之上下对齐<TD WIDTH> 调整表格栏位宽度<TD>...</TD> 定义表格的资料栏位<TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏<TEXTAREA WRAP> 决定文字输入栏是自动否换行<TH>...</TH> 定义表格的标头栏位<TITLE> 文件标题<TR>...</TR> 定义表格美一行<TT> 打字机字体 文字加底线<UL TYPE>...</UL> 无序号的列表( 可指定符号)<var>...</var> 用於显示变数BlockQuotc文本缩进表示颜色的有三种方式；1，16进制颜色代码语法：#RRGGBB例：红色2，10进制RGB码语法：RGB（RRR，GGG，BBB）例：红色3,直接用颜色的英文名称例：红色<body>.....</body>属性可分为三种：1，背景属性包括：bgcolor,background2,文字属性：包括：text,link,alink,vlink,3,留白属性：其中分为：leftmargin,topmargin.bgcolor背景色语法格式：<body bgcolor="#ff0000">.background背景图案。语法格式：<body background="url">.text文本颜色（非连接文字颜色）.link连接文字颜色（可连接文字颜色）.alink活动连接文字颜色（正被点击的可连接文字的颜色）.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色）语法格式：<body text="color" link="color" alink="color" vlink="color">.leftmargin 页面左侧的留白距离.topmargin 页面顶部的留白距离语法格式：<body leftmargin="value" topmargin="value">注：value为长度值为数字align 属性语法：<h2 align="?">文字</h2>其属性有三种：left靠左,center居中,right靠右〈p〉为段落标记，可利用以上属性对整个段落进行设置〈br>为换行标记为不换行标记放在文字两边即可例：<body><h3>江南逢李龟年</h3>歧王宅里寻常见 催九堂前几度闻 正是江南好风景 落花时节又逢君</body>预格式化：<pre>......</pre> 浏览是效果和编写是效果格式一样列表1无序列表又称符号列表语法格式：<ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框<li>文字</li><li>文字</li></ul>2有序列表语法格式：<ol type="?" start"?"><li>文字</li><li>文字</li></ol>type的值是编号字符可选的有1...,a...,A...,i... ,I...start为起始值例：如果start为3是那么将从3开始，而且必须是数字。3定义列表<dl>定义列表标记<dt>标示定义条目<dd>标示定义内容语法格式：<dl><dt>文字</dt><dd>文字内容</dd></dl>连接和图像语法格式：<a href="url" name="?" target="?" title="?">....</a>属性：href 连接目标值可以是url地址也可以是连接锚点<a href="url">...</a>或者<a href="锚点">...</a>name 连接名称语法格式：<a name="锚点名称">...</a>例：<a name="abcdcf">...</a>连接到该锚点的连接则应是：<a name="#abcdef">....</a>target目标窗口语法格式：<a href="url"target="_blank|_self|_farent|_top|windowname">....</a>-blank打开新窗口_self当前窗口打开一下两个仅在框架叶面中应用_parent当前窗口的父级窗口（上一级）打开_top在最高一级的窗口打开windowname已命名的窗口或框架中打开连接title连接提示<a href="https://www.wendangku.net/doc/df3512394.html," title="打开狂人部落的首页">狂人部落</a> 图像<img> 语法格式：<img src="url" alt="?" width="?" height="?" border="?" align="?">border属性定义图片边框的宽度，默认值为0align属性设置图片旁边文字的位置语法格式：<img src="" align"">可选值有：top图片和文字顶部对齐middle图片和文字居中对齐bottom图片和文字底边对齐（默认）left图片居左对齐，文字沿图片绕排right图片居右对齐，文字沿图片绕排absmiddle图片对齐到目前文字行绝对中央absbottom图片对齐到目前文字行绝对底部文字的排版不换行空白标记font元素语法格式：字体大小可选值为1——7，默认为3例：〈font face="黑体" size="4" color="#ff00ff">....水平线<hr>语法格式：<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade>noshade无阴影，既实线层〈div>两种元素<div>是块级元素，和段落元素相似，不同的是两个<div>元素之间不会产生两个元素之间的空行，是行内元素，可以定义段落中部分文字的属性语法格式：<div align="" style="">...</div>align设置层中元素的水平对齐方式stule设置元素应用css规范的属性<div>兼容性比要好一点，最好使用<div>表格语法格式：<table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""><tr>...<td>....</td>....</tr></table>border边框宽度默认值为0，既没有边框cellspacing表格中单元格的边距大小，默认值为两个像素cellpadding表格中单元格之间的间距大小，默认值为两个像素tr元素语法格式：<tr align="" bgcolor="">....</tr>align属性对齐方式可选值如下：left,center,tight,默认为leftbgcolor指定该行的背景颜色td元素语法格式：<td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td>align属性的可选值有：left,center,rightvalign属性的可选值有：top,middle,bottomrowspan和colapan跨行和跨列的数量，默认为1input元素语法格式：<input type="">type属性的可选值有：text 单行文本框属性：name 文本框名称value 文本框的初始值size 文本框的长度maxlength 可输入字符串最大的长度radio 单选框属性：name 单选框名称value 内部值checked 默认选定checkbox 复选框属性：name 复选框名称value 内部值checked 默认选定reset 重置按钮submit 确定按钮属性：name 按钮名称value 显示在按钮上的文字password 密码框属性与文本框的属性完全相同file 文件域属性：name文件域名称size 文件域的长度maxlength 文件域可接受的字符数量的上限hidden 隐藏域属性：name 隐藏域名称value 内定值image 图片域属性：name 所要代表的按钮，可以是submit,reset,或其他.src 按钮图片的url 地址列表框<select>语法格式：<select>.....<option>....</option>.....</select>select元素语法格式：<select name="" size=""multiple></select>name 指定列表框的名字size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项option属性语法格式：<option value="" selected></option>value 该列表项的值selected 如果设定了这个参数，默认为选定这一项多行文本框<textarea><textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea>属性：name文本框的名称cols文本框的宽度rows文本框的高度wrap文本框的折行方式可选值有：off不保存换行信息physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出，virtual送出连续成串的字除非使用者按回车。css 层叠样式表引入层叠样式表的方法包括：外联式样式表例：<head><link rel="stylesheet" href="/css/default.css"></head><body>....</body></html>属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址内嵌式样式表：例：<html><head><style type="text/css"></style></head><body>....</body></html>元素内定格式：导入式样式表〈html><head><style type="text/css"></style><body>....<h2>HTML+CSS标签属性大全</h2>HTML CSS标签属性大全 a卷标, 属性名称, 简介 <! - - …- -> 批注 1、跑马灯 <marquee>…</marquee>普通卷动 <marquee behavior=slide>…</marquee>滑动 <marquee behavior=scroll>…</marquee>预设卷动 <marquee behavior=alternate>…</marquee>来回卷动 <marquee direction=down>…</marquee>向下卷动 <marquee direction=up>…</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>…</marquee>卷动次数 <marquee width=180>…</marquee>设定宽度 <marquee height=30>…</marquee>设定高度 <marquee bgcolor=FF0000>…</marquee>设定背景颜色 <marquee scrollamount=30>…</marquee>设定卷动距离 <marquee scrolldelay=300>…</marquee>设定卷动时间 2、字体效果 <h1>…</h1>标题字(最大) <h6>…</h6>标题字(最小) …粗体字 …粗体字(强调) …斜体字 …斜体字(强调) <dfn>…</dfn>斜体字(表示定义) …底线 <ins>…</ins>底线(表示插入文字) <strike>…</strike>横线 <s>…</s>删除线 <del>…</del>删除线(表示删除) <kbd>…</kbd>键盘文字 <tt>…</tt> 打字体 <xmp>…</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>…</plaintext>固定宽度字体(不执行标记符号) <listing>…</listing> 固定宽度小字体 …字体颜色 …最小字体 …无限增大 3、区断标记 <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) (换行) …水域(不换行)<h2>html标签大全</h2><html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 下划线 黑体字 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 字体缩小 <STRIKE></STRIKE> 加删除线 <CODE></CODE> 程式码 <KBD></KBD> 键盘字 <SAMP></SAMP> 范例 <VAR></VAR> 变量 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 述语定义 <ADDRESS></ADDRESS> 地址标记 上标字 下标字 <xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效) <plaintext>...</plaintext>固定寬度字體(不執行標記符號) <listing>...</listing> 固定寬度小字體 ...字體顏色 ...最小字體 ...無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆ 创建一个段落 将段落按左、中、右对齐<h2>html标签属性大全_免费</h2><!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) ...粗体字 ...粗体字(强调) （同上效果略同） ...斜体字 ...斜体字(强调) <dfn>...</dfn>斜体字(表示定义) ...底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 ...字体颜色 ...最小字体 ...无限增大区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) (换行)<h2>HTML代码属性对照表(非常全)</h2>html代码的所有代码属性 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) ...粗体字 ...粗体字(强调) （同上效果略同） ...斜体字 ...斜体字(强调) <dfn>...</dfn>斜体字(表示定义) ...底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 ...字体颜色 ...最小字体 ...无限增大<h2>HTML标签以及各个标签属性大全(网页制作必备).</h2> 取消换行和 相反总类（所有HTML文件都有的） -------------------------------------------------------------------------------- 文件类型<HTML></HTML>（放在档案的开头与结尾）文件主题<TITLE></TITLE>（必须放在「文头」区块内）文头<HEAD></HEAD>（描述性资料，像是「主题」）文体<BODY></BODY>（文件本体）结构性定义（由浏览器控制的显示风格） -------------------------------------------------------------------------------- 标题<H?></H?>（？表示从1到6，有六层选择）数值越高字越小标题对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>左对齐、居中对齐、右对齐区分<DIV></DIV> 区分对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>左对齐、右对齐、居中对齐、两端对齐引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）斜体 加粗 引文<CITE></CITE>（通常会以斜体显示）码<CODE></CODE>（显示原始码之用）样本<SAMP></SAMP> 表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字符时，通常要用到这个标签。并不经常使用，只在要从正常上下文中将某些短字符序列提取出来，对其加以强调，才使用这个标签键盘输入<KBD></KBD> 变数<VAR></VAR> 定义<DFN></DFN> （有些浏览器不提供）地址<ADDRESS></ADDRESS> 3.0 大字<BIG></BIG> 3.0 小字 与外观相关的标签（作者自订的表现方式） -------------------------------------------------------------------------------- 加粗 斜体 3.0 底线（尚有些浏览器不提供） 3.0 删除线<S></S> （尚有些浏览器不提供） 3.0 下标 3.0 上标 打字机体<TT></TT>（用单空格字型显示）<h2>CSS_style属性大全</h2>CSS style属性大全显示: 标签属性/属性行为集合事件滤镜方法对象样式一、标签属性属性描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 APPLICATION APPLICATION 表明对象的内容是否为HTML 应用程序(HTA)，以便免除浏览器安全模式。ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。 BEGIN begin 设置或获取时间线在该元素上播放前的延迟时间。 BORDER border 设置或获取框架间的空间，包括3D 边框。 canHaveChildren 获取表明对象是否可以包含子对象的值。 canHaveHTML 获取表明对象是否可以包含丰富的HTML 标签的值。 CLASS className 设置或获取对象的类。 contentWindow 获取指定的frame 或iframe 的window 对象。 DA TAFLD dataFld 设置或获取由dataSrc 属性指定的绑定到指定对象的给定数据源的字段。 DA TASRC dataSrc 设置或获取用于数据绑定的数据源。 disabled 获取表明用户是否可与该对象交互的值。 END end 设置或获取表明元素结束时间的值，或者元素设置为重复的简单持续终止时间。 firstChild 获取对象的childNodes 集合的第一个子对象的引用。 FRAMEBORDER frameBorder 设置或获取是否显示框架的边框。 hasMedia 获取一个表明元素是否为HTML+TIME 媒体元素的Boolean 值。 HEIGHT height 设置或获取对象的高度。 HIDEFOCUS hideFocus 设置或获取表明对象是否显式标明焦点的值。 HSPACE hspace 设置或获取对象的水平边距。 ID id 获取标识对象的字符串。 innerText 设置或获取位于对象起始和结束标签内的文本。 isContentEditable 获取表明用户是否可编辑对象内容的值。 isDisabled 获取表明用户是否可与该对象交互的值。 isMultiLine 获取表明对象的内容是包含一行还是多行的值。 isTextEdit 获取是否可使用该对象创建一个TextRange 对象。 LANG lang 设置或获取要使用的语言。 LANGUAGE language 设置或获取当前脚本编写用的语言。<h2>HTML5标签属性备忘大全</h2>一、文字备忘之标签 HTML5中新增的标签<article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> 定义声音内容 <canvas> 定义图形 <command> 定义一个控制按钮 <datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉列表 <details> 定义一个元素的细节 <dialog> 定义会话或人的交谈 <embed> 定义额外的交互内容或插件 <figcaption> 定义指定元素的标题 <figure> 定义一组媒体内容，以及他们的标题 <footer> 为章节或页面定义一个底部 <header> 为章节或页面定义一个头部 <hgroup> 定义文档中某段落的信息 <keygen> 定义表单生成的关键 定义被标记的文本 <meter> 定义预定义范围内的测量 <nav> 定义导航链接 <output> 定义某种类型的输出 <progress> 定义任意种类任务的进程 <rp> 定义浏览器不支持ruby元素的替代者 <rt> 定义ruby注释的解释 <ruby> 定义ruby 注释（中文注音或字符）。 <section> 定义章节 <source> 定义媒体资源 <summary> 定义某”detail”元素的头部 <time> 定义日期/时间 <video> 定义视频 定义可能的换行 HTML5支持且同时存在于HTML4中的标签<!–…–> 定义注释<!DOCTYPE> 定义文档类型 <a> 定义超链接 <abbr> 定义缩写 <address> 定义地址元素 <area> 定义图片地图的某区域 定义加粗文字 <base> 定义整个页面的基础URL <bdo> 定义文本显示的方向 <blockquote> 定义一个长引用<h2>html标签以及属性大全</h2><marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) ...粗体字 ...粗体字(强调) （同上效果略同） ...斜体字 ...斜体字(强调) <dfn>...</dfn>斜体字(表示定义) ...底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 ...字体颜色 ...最小字体 ...无限增大区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) (换行) ...水域(不换行)<h2>css样式大全(整理版)</h2>css样式大全(整理版）字体属性：(font) 大小{font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式{font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高{line-height: normal;}(正常) 单位：PX、PD、EM 粗细{font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体{font-variant: small-caps;}(小型大写字母) normal;(正常) 大小写{text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩{background-color: #FFFFFF;} 图片{background-image: url();} 重复{background-repeat: no-repeat;} 滚动{background-attachment: fixed;}(固定) scroll;(滚动) 位置{background-position: left;}(水平) top(垂直); 简写方法{background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现，要认真的研究*/ 区块属性：(Block) /*这个属性第一次认识，要多多研究*/ 字间距{letter-spacing: normal;} 数值/*这个属性似乎有用，多实践下*/ 对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进{text-indent: 数值px;} 垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值<h2>html标签属性大全总结</h2>html标签属性大全 html标签属性大全是朋友们整理常用的html标签，和大家更好的交流沟通。学习html标签属性大全html标签< <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动 <marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) ...粗体字 ...粗体字(强调) （同上效果略同） ...斜体字 ...斜体字(强调) <dfn>...</dfn>斜体字(表示定义) ...底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 ...字体颜色 ...最小字体 ...无限增大区断标记 <hr>水平线<h2>CSS属性代码大全</h2>CSS属性代码大全一、CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白： padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白三、CSS符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/<h2>css样式大全(精华版)</h2>字体属性：(font) 大小{font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式{font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高{line-height: normal;}(正常) 单位：PX、PD、EM 粗细{font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体{font-variant: small-caps;}(小型大写字母) normal;(正常) 大小写{text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩{background-color: #FFFFFF;} 图片{background-image: url();} 重复{background-repeat: no-repeat;} 滚动{background-attachment: fixed;}(固定) scroll;(滚动) 位置{background-position: left;}(水平) top(垂直); 简写方法{background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现，要认真的研究*/ 区块属性：(Block) /*这个属性第一次认识，要多多研究*/ 字间距{letter-spacing: normal;} 数值/*这个属性似乎有用，多实践下*/ 对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进{text-indent: 数值px;} 垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值空格white-space: pre;(保留) nowrap;(不换行)<h2>HTML期末复习试题及参考答案</h2>HTML期末复习题（含答案）第1题判断正误（1）HTML标记符的属性一般不区分大小写。（对）（2）网站就是一个链接的页面集合。（对）（3）将网页上传到Internet时通常采用FTP方式。（对）（4）所有的HTML标记符都包括开始标记符和结束标记符。（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。（6）B标记符表示用粗体显示所包括的文字。（对）（7）GIF格式的图象最多可以显示256种颜色。（对）（8）HTML表格在默认情况下有边框。（错）（9）创建图象映射时，理论上可以指定任何形状作为热点。（对）（10）指定滚动字幕时，不允许其中嵌入图象。（错） 1.使用FONT 标记符的size 属性可以指定字体的大小。( ) 2.网站就是一个链接的页面集合。( ) 3.GIF格式的图象最多可以显示1024种颜色。( ) 4.制作图像映射只需要使用<AREA> 标记符。( ) 5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。 ( ) 6.在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。( ) 7.指定滚动字幕时，不允许其中嵌入图象。( ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。( ) 9. CSS中的color属性用于设置HTML元素的背景颜色。( ) 10.CSS样式表项的组成格式为：selector{property1:value1, property2:value2, ……} ( ) 1. T 2. T 3. F 4. F 5. F 6. T 7. F 8. T 9. F 10. F 第2题单选题（20分）（1）WWW是的意思。答案：B A．网页B．万维网C．浏览器D．超文本传输协议<h2>HTML属性标签大全</h2>?跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动 <marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 ?字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小)<h2>CSS3常用属性大全</h2>CSS3 动画属性（Animation） @keyframes //规定动画。 animation //所有动画属性的简写属性，除了animation-play-state 属性。animation-name //规定@keyframes 动画的名称。 animation-duration //规定动画完成一个周期所花费的秒或毫秒。 animation-timing-function //规定动画的速度曲线。 animation-delay //规定动画何时开始。 animation-iteration-count //规定动画被播放的次数。 animation-direction //规定动画是否在下一周期逆向地播放。 animation-play-state //规定动画是否正在运行或暂停。 animation-fill-mode //规定对象动画时间之外的状态。 CSS 背景属性（Background） background //在一个声明中设置所有的背景属性。 background-attachment //设置背景图像是否固定或者随着页面的其余部分滚动。background-color //设置元素的背景颜色。 background-image //设置元素的背景图像。 background-position //设置背景图像的开始位置。 background-repeat //设置是否及如何重复背景图像。 background-clip //规定背景的绘制区域。 background-origin //规定背景图片的定位区域。 background-size //规定背景图片的尺寸。 CSS 边框属性（Border 和Outline） border //在一个声明中设置所有的边框属性。 border-bottom //在一个声明中设置所有的下边框属性。 border-bottom-color //设置下边框的颜色。 border-bottom-style //设置下边框的样式。 border-bottom-width //设置下边框的宽度。<h2>CSS属性大全完整版</h2>CSS属性大全完整版字体属性：(font) 大小 font-size: x-large; (特大) xx-small; (极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique; (偏斜体) italic; (斜体) normal; (正常) 行高 line-height: normal; (正常) 单位：PX、PD、EM 粗细 font-weight: bold; (粗体) lighter; (细体) normal; (正常) 变体 font-variant: small-caps; (小型大写字母) normal; (正常) 大小写 text-transform: capitalize; (首字母大写) uppercase; (大写) lowercase; (小写) none; (无) 修饰 text-decoration: underline; (下划线) overline; (上划线) line-through; (删除线) blink; (闪烁) 常用字体font-family: "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩 background-color: #FFFFFF; 图片 background-image: url(); 重复 background-repeat: no-repeat; 滚动 background-attachment: fixed; (固定) scroll; (滚动) 位置 background-position: Left (水平) top (垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性：(Block) 字间距 letter-spacing: normal; 数值对齐 text-align: justify; (两端对齐) left; (左对齐) right; (右对齐) center; (居中) 缩进<h2>css常用的属性大全</h2>CSS常用属性大全 2011-04-22 12:51 字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体 font-variant: small-caps;(小型大写字母) normal;(正常) 大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 字体投影效果：filter:dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); 背景属性： (background) 色彩background-color: #FFFFFF; 图片background-image: url(); 重复background-repeat: repeat; no-repeat; repeat-x; repeat-y;滚动background-attachment: fixed;(固定) scroll;(滚动) 位置background-position: left(水平) top(垂直);bottom; right; center; 简写方法 background:#000 url(..) repeat fixed left top; 区块属性： (Block) 字间距letter-spacing: normal; 数值对齐text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进text-indent: 数值px; 垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 单词间距word-spacing: normal; 数值空格white-space: pre;(保留) nowrap;(不换行)</div> </div> <div> <div>相关文档</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="22818330"><a href="/topic/22818330/" target="_blank">html标签属性大全</a></li> <li id="5807459"><a href="/topic/5807459/" target="_blank">html标签及属性大全</a></li> <li id="1411686"><a href="/topic/1411686/" target="_blank">html标签属性</a></li> <li id="9552017"><a href="/topic/9552017/" target="_blank">html标签及属性</a></li> <li id="10868298"><a href="/topic/10868298/" target="_blank">css属性大全</a></li> </ul> </div> </div> </div> </div> <div class="category"> 相关文档 <ul class="lista"> <li><a href="/doc/6516644988.html" target="_blank">HTML标签以及各个标签属性大全(网页制作必备)</a></li> <li><a href="/doc/a811513290.html" target="_blank">html所有标签常用属性</a></li> <li><a href="/doc/cb2126267.html" target="_blank">HTML+CSS标签属性大全</a></li> <li><a href="/doc/0414872744.html" target="_blank">html标签大全</a></li> <li><a href="/doc/d812749053.html" target="_blank">html标签属性大全(完美版) 修改01</a></li> <li><a href="/doc/5414551269.html" target="_blank">HTML5标签大全(最终整理版)</a></li> <li><a href="/doc/817870350.html" target="_blank">HTML标签分类及其属性</a></li> <li><a href="/doc/a617449097.html" target="_blank">html标签属性大全</a></li> <li><a href="/doc/c317923931.html" target="_blank">完整word版,HTML5标签属性备忘大全</a></li> <li><a href="/doc/1d1628951.html" target="_blank">HTML代码属性对照表(非常全)</a></li> <li><a href="/doc/f37325658.html" target="_blank">html标签及属性大全</a></li> <li><a href="/doc/6b5962779.html" target="_blank">HTML属性标签大全</a></li> <li><a href="/doc/a89923894.html" target="_blank">html标签属性大全</a></li> <li><a href="/doc/c4933962.html" target="_blank">html4标签大全</a></li> <li><a href="/doc/044107654.html" target="_blank">HTML标签速查表</a></li> <li><a href="/doc/d911996961.html" target="_blank">WEB_html标签属性大全</a></li> <li><a href="/doc/4710415790.html" target="_blank">html标签属性大全总结</a></li> <li><a href="/doc/803190580.html" target="_blank">HTML标签及属性大全(很全哦)</a></li> <li><a href="/doc/a917366427.html" target="_blank">html标签属性大全</a></li> <li><a href="/doc/c010293101.html" target="_blank">HTML常用特殊符号对照表及一些标签说明</a></li> </ul> 最新文档 <ul class="lista"> <li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "d2f2fb09f111f18583d05a8f"; </script> <div class="footer"> <a href="/tousu.html" target="_blank">侵权投诉</a>  © 2013-2023 www.wendangku.net  <a href="/sitemap.html">站点地图</a> | <a href="https://m.wendangku.net">手机版</a> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a>  本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈 </div> <script type="text/javascript">foot();</script> </div> </body> </html>