html表格文字代码.docx
《html表格文字代码.docx》由会员分享,可在线阅读,更多相关《html表格文字代码.docx(13页珍藏版)》请在冰豆网上搜索。
html表格文字代码
竭诚为您提供优质文档/双击可除
html表格文字代码
篇一:
html习题答案汇总
第一章习题
1.html指的是(a)。
a超文本标记语言(hypertextmarkuplanguage)
b家庭工具标记语言(hometoolmarkuplanguage)
c超链接和文本标记语言(hyperlinksandtextmarkuplanguage)
2.web标准的制定者是(b)。
a微软b万维网联盟(w3c)c网景公司(netscape)
3.用html标记语言编写一个简单的网页,网页最基本的结构是(d)。
a……
b……
c……
d……
4.从ie浏览器菜单中选择__________命令,可以在打开的记事本中查看到网页的源代码。
5.实现网页交互性的核心技术是。
6.css的全称是______。
7.写出你了解的专业网页编辑制作工具。
8.uRl的全称是。
9.写出uRl包含的三个部分内容的作用。
uRl通常包括三个部分,第一部分是scheme,告诉浏览器该如何工作,第二部分是文件所在的主机,第三部分是文件的路径和文件名。
第二章习题
以下标记符中,用于设置页面标题的是(a)。
abcd
以下标记符中,没有对应的结束标记的是(b)。
ab
cd
文件头标记也就是通常所见到的标记。
创建一个html文档的开始标记符是,结束标记符是。
标记是html中的主要语法,分标记和____标记两种。
大多数标记是____成对_____出现的,由____开始_____标记和_____结束____标记组成。
把html文档分为__和_________两部分。
_________部分就是在web浏览器窗口的用户区内看到的内容,而__部分用来设置该文档的标题(出现在web浏览器窗口的标题栏中)和文档的一些属性。
html4或xhtml1.0的三种文档风格是____。
简述一个html文档的基本结构。
一个完整的html文件包含头部和主体两个部分的内容,在头部内容里,可定义标题、样式等,文档的主体内容就是要显示的信息。
标记通常会作为html文档的开始代码,出现在文档的第一句,而标记通常作为html文档的结束代码,出现在文档的尾部,其他的所有的html代码都位于这两个标记之间,该标记用于告知浏览器或其他程序,这是一个web文档,应该按照html语言规则对
文档内容的标记进行解释;…是html文档的头部标记;…标记之间的文本是在浏览器中要显示的页面内容。
第三章习题
9.下面哪一项是换行符标记?
(c)
a.b.c.
d.
10.在html中,标记的size属性最大取值可以是(c)。
a.5b.6c.7d.8
11.在html中,标记 的作用是(b)。
a.标题标记b.预排版标记c.转行标记d.文字效果标记
12.下面的(b)特殊符号表示的是空格。
a."b.c.color:
black}
73.下面那个语句是把段落的字体设置为黑体、18像素、红色字体显示(b)
a.p{font-family:
黑体;font-size:
18pc;font-color:
red}
篇二:
html表格布局实例
[html]表格布局之实例版
|[>]
前面我们讲了html表格的基础知识,今天我们通过一个实例让大家更清晰的了解下表格的用途。
例如:
我们做一个简单的网站布局,代码如下:
bordercolor="#00ff99">
网站名称
网站标题
搜索框
左边
中间
右边
网站底部信息
产生如下的表格:
这是一张整体的表格,第一行和第四行分别跨度了三列,这里用
colspan="3"来限制,而第二行的“搜索框”占用了两列的位置,用colspan="2"控制;align="center"是对表格内文字的对齐限制,center表示中间,right表示靠右,left靠左。
表格的基础设置,可以参考:
[html]利用表格规划网站布局
[html]如何制作多行多列的表格
[html]设定表格的尺寸和边框
如果你现在可以根据自己的想法制作出一个表格了,那么你就是向自己制作模板迈近了一步。
^o^
表格布局现在仍然很多人在用,方便实在。
网页设计现有两种布局方法,一种即是表格布局,另一种是现在w3c极力推荐的css布局。
不过,就目前来说,由于xhtml并未完全占据主流,表格布局依然是大多数网页设计师的首选。
你所描述的问题属于表格的对齐问题,解决方式有以下几种:
如果两个表格的宽度不一致,那么选择默认的对齐方式,也即左对齐,在html中的标签和属性是:
就能实现左边对齐。
你现在出现的问题有可能是第一个表格设置了对齐方式,例如居中对齐,而第二个表格并没有设置对齐方式,所以默认为左对齐,这样就出现了上述问题。
我的一些表格布局的经验:
1、表格布局第一步:
先插入一个表格,宽度是760-780px(记住,一定要用px,不要用百分比),高度不用设置,然后令这个表格居中。
以后所有的内容都限制在这个表格中。
2、熟练使用表格嵌套。
也就是说,在一个表格中再插入另一个表格。
举个例子,把你要设计的页面分成大的几个部分,然后利用表格的行数和列数来控制它们的布局,如果某一个单元格中的内容又要分成几部分,可以继续在这个单元格中插入表格,方法同上。
3、补充:
表格的边框一定要为0,即table中的border属性值为"0"。
也就是让表格在网页预览中不可见,这样才能实现表格布局的目的。
如何利用表格实现画中画,也就是页中页效果
网页的排版大多使用表格,利用一个表个单元可以嵌入一个网页,你知道吗?
这样做有很多好处,比如你把经常更新的区域划分一个表格单元,然后在这个表
格单元中嵌入你想要更新的内容,今后更新主页只需上传这个被嵌套的页面就可以了,没有必要对首页进行更新,是不是很方便。
我写个最简单的例子代码:
<html>
<head>
<title>范例</title>
<body>
<tableborder="1"width="100%">
<tr>
<td>
<iFRamesrc="example.htm"width="300"heitht="100"></iFRame></td>
</tr>
</table>
</body>
</html>
插入被嵌入页的关键代码是:
<
iFRamesrc="example.htm"width="300"heitht="100"></iFRame>。
example.htm是被嵌入的页面,标签<iFRame>还有一些可用的参数设置如下:
marginwidth:
网页中内容在表格右侧的预留宽度;例如:
marginwidth="20",单位是pix,下同。
marginheight:
网页中内容在表格顶部预留的高度;
hspace:
网页右上角的的横坐标;
vspace:
网页右上角的纵坐标;
frameborder:
是否显示边缘;填"1"表示"是",填"0"表示"否"
scrolling:
是否出现滚动条;填"1"表示"是",填"0"表示"否"
表格背景图片的一个技巧
大家都知道在一个较大的表格中放入背景图片,背景图片就会重复填充直到整个页面。
我们可以利用表格的这个特性来减小我们网页中图片的大小,比如下面的一个渐变图,你看上去像是一整张图片,它其实用的就是表格背景重复填充特性,而用的图片就是右边的那张,大小只有1.3k,在此如果要用一张大的图片是很不划算的。
你若要插入一根水平线,用这方法也很有效。
如何使鼠标指到表格,表格背景变色
这个特效用的是表格样式表,要达到此效果你只需在<td>代码中加入
onmouseout="this.style.backgroundcolor="""onmouseover="this.style.backgroundcolor="#FFcccc"",例:
表格布局常见问题解答
发布时间:
20xx-05-20
1、表格布满页面的问题
我们在很多地方看到为了使页面适应不同的分辨率,通常将表格的大小按百分比设置。
刚开始学做网页的时候,我已经把表格的宽度设置为100%,但在浏览器上还是不能满屏显示,四周总有一圈空白,我曾对此感到迷惑不解,后来在论坛请教才知道这不是表格的错。
如果你用dreamweaver制作网页,这个问题很好解决,选择菜单modify-->pageproperties,在弹出的对话框里设置left、top为0就ok了!
2.表格的变形问题
网页在不同的屏幕分辨率、或改变窗口时常出现一些页面变形情况,这也是最另人恼火的事,怎么办呢秋实曾在天极网页陶吧撰文详细的阐述过这个问题,我们来看看他是怎么解决的。
a、因为表格排列设置而在不同分辨率下所出现的错位
这种变形情况是:
1、在800*600的分辨率下时,一切正常,而到了1024*800时,则多个表格或者有的居中,有的却
左排列或右排列,很难看,这是什么原因呢?
在解决这个问题之前,我们讲一下表格的排列。
表格有左、中、右三种排列方式,如果没特别进行设置,则默认为居左排列,不用说了,这就是问题之所在。
在800*600的分辨率下,表格恰好就有编辑区域那么宽,不容易察觉,而到了1024*800的时候,就出现的,解决的办法比较简单,即都设置为居中,或
左或右。
2、同样是这种分辨率切换,表格的上下排列不一致。
上边的所说的是水平错位,而这种则是纵向错位,多发生在一个表格单元里嵌入另一个表格的情况。
其原因在于,嵌入的表格默认为竖向居中排列,在800*600分辨率时,这种错位看不出来,而到1024*800
就出现了,解决办法如前,根据情况对排列进行设置,而不是采用其默认设置。
b、采用百分比而出现的变形
这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时窗口的宽度的,常出现在ie浏览器中,随便改动主页窗口的大小时,表格的内容也随之错位、变形,这是因为表格的百分比也要随
着窗口的大小而改变成相应的百分比宽度。
当然了,解决办法是不要设置成百分比,我提倡的是,如果表格没有外围嵌套标记,则将宽等设置成固定宽度,如有外围嵌套标记,则将外转嵌套标记的宽度设置为固定值,而表格的宽或高可设置为百分
比,这样就不会出现变形了。
c、表格单元格之间互相干扰引起的变形
这种变形情况通常是在工具里制作主页时没有空隙,而在浏览时却发现莫名其妙地多出一些空隙,
而又不知原因在哪,很是令人讨厌。
本人也经常遇到类似的情况,解决办法一是先看表格设置有没有上面所谈的两种情况,如没有,可
能就是在划分表格时,同一行的单元格之间相互牵制所出现的问题。
我们知道,同一行的表格单元在诸如dreamweaver或Frontpage中经常频繁地被拆分,所以,同一行的单元格与另一个单元格的宽与高不一致,这时,你就要注意两个单元格属性:
colspan、rowspan。
colspan表示的是横向扩展,而rowspan则表示的是纵向扩展,这个扩展的意思即当前表格单元相邻的横向与竖向
的表格单元数,也可这样理解为表格单元的高或宽是相邻几个表格单元的高或宽的相加和
这个单元格横向所占用的宽度是3个表格单元的宽度(这里取最大值),即colspan=3;而竖向的高度
是三个表格单元高度的总和,即rowspan=3。
那么我们说的这种变形就和这个设置有关,如果改变相邻单元格的高或宽与个数时,图中所指的单元格也会发生相应的变化,相互制约,调整起来很麻烦,这非我们所希望的,我本人提倡,如果表格比较复杂,最好采取嵌表格的形式,这样,可以少一些单元格之间相互干扰情况,而使单元格之间相对独立。
出现变形有情况还很多,我们就不一一陈述,我建议你在划分表格时,除了一些必要的高、宽设置外,将其它的高、宽设置全部删掉,一则减少了冗余代码,另则,也免除一些摸不着头脑的错误。
3、图片显示的问题
有时候我们明明在单元格中插入了背景图片,而且在dreamweaver的视窗里也可以看到,但是一预览背景图片就不显示了。
遇到这种请情况,不要着急,检查一下你的代码是否正确,我们来看下面的表格:
表格代码:
<tablewidth="300"border="1"cellspacing="0"cellpadding="0"bordercolor="#000000">
<trbackground="hzz01_050213.gif">
<tdheight="19"></td>
<tdheight="19"></td>
</tr>
</table>
不错,上面的背景图确实有(background="hzz01_050213.gif"),但由于放错了地方,所以就显示不出来了,请把背景属性放在<td>标记里面,然后再预览一次,怎么样,这次出来了吧!
表格代码:
<tablewidth="300"border="1"cellspacing="0"cellpadding="0"bordercolor="#000000">
<tr>
篇三:
html测试题(含答案)
1.
2.
3.
4.
5.
6.
7.g1html测试题(笔试)在html中,样式表按照应用方式可以分为三种类型,其中不包括(d)。
a.内嵌样式表b.行内样式表c.外部样式表文件d.类样式表在html中,可以使用(d)标记向网页中插入giF动画文件。
a.b.c.d.在html上,将表单中input元素的type属性值设置为(a)时,用于创建重置按钮。
a.resetb.setc.buttond.image分析下面的html代码段,该页面在浏览器中的显示效果为(a)。
welcome!
a.从左向右滚动显示“welcome!
”b.从右向左滚动显示“welcome!
”c.从上向下滚动显示“welcome!
”d.从下向上滚动显示“welcome!
”在制作html页面时,页面的布局技术主要分为(d)。
a.框架布局b.表格布局c.diV层布局d.以上全部选项如果在catalog.htm中包含如下代码,则该html文档ie浏览器中打开后,用户单击此链接将(c)。
小说a.使页面跳转到同一文件夹下名为“novel.html”的html文档b.使页面跳转到同一文件夹下名为“小说.html”的html文档c.使页面跳转到catalog.htm包含名为“novel”的锚记处d.使页面跳转到同一文件夹下名为“小说.html”的html文档中名为“novel”的锚记处要在网页中显示如下文本,要求字体类型为隶书、字体大小为6,则下列html代码正
确的是(c)。
欢迎访问我的主页!
a. 欢迎访问我的主页!
b. 欢迎访问我的主页!
c. 欢迎访问我的主页!
d. 欢迎访问我的主页!
8.分析下面的html代码片段,则选项中的说法正确的是(cd)。
[选两项]
姓名
成绩语文数学
a.该表格共有2行3列
b.该表格的边框宽度为10毫米
c.该表格中的文字均居中显示
d.“姓名”单元个跨2列
9.某一站点主页面index.html的代码如下所示,则选项中关于这段代码的说法正确的是
(a)。
a.该页面共分为三部分
b.top.html显示在页面上部分,其宽度和窗口宽度一致
c.left.html显示在页面左下部分,其高度为100像素
d.right.html显示在页面右下部分,其高度小于窗口高度
10.在html中,以下关于css样式中文本属性的说法,错误的是(d)。
a.font-size用来设置文本的字体大小
b.font-family用来设置文本的字体类型
c.color用来设置文本的颜色
d.text-align用来设置文本的字体形状
11.以下说法正确的是(c)。
a. 标签必须以
标签结束
b.标签必须以标签结束
c.标签应该以标签结束
d.标签不能在 标签中使用
12.关于下列代码片段的说法中,正确的是(b)。
a.size是指水平线的长度
b.size是指水平线的宽度
c.width是指水平线的宽度
d.width是指水平线的高度
13.以下说法正确的是(d)。
a.标签是页面链接标签,只能用来链接到其他页面
b.标签是页面链接标签,只能用来链接到本页面的其他位置
c.标签的src属性用于指定要链接的地址
d.标签的href属性用于指定要链接的地址
14.以下关于html语言中的表格的说法正确的是(ab)。
[选两项]
a.在html语言中,表格必须由标签、标签、标签组成,缺一不可
b.有多少对标签,就有多少个单元格
c.有多少对标签,就有多少列
d.有多少对标签,就有多少行
15.在html中,(c)标签用于以预定义的格式显示文本,即文本在浏览器中显示时遵
循在html源文档中定义的格式。
a.
b.<img>
c.
d.d)
16.在html中,(d)标签用于在网页中创建表单。
a.
b.
c.
d.
17.在html中,使用html元素的class属性,将样式应用于网页上某个段落的代码如下所
示:
这是一个段落
下面选项中,(ac)正确定义了上面代码引用的样式规则。
a.
p{color:
red}
b.
#firstp{color:
red}
c.
.firstp{color:
red}
d.
p.{color:
red}
18.在html中,下面(a)不属于html文档的基本组成部分。
a.
b.
c.
d.
19.在html中,下列标签中的(c)标签在标记的位置强制换行。
a.
b.
c.
d.
20.在html中,(d)可以在网页上通过链接直接打开客户端的发送邮件工具发送电子
邮件。
a.发送反馈信息
b.发送反馈信息
c.发送反馈信息
d.发送反馈信息
21.分析下面的heml代码片段,则选项中的说法错误的是(cd)。
[选两项]
.red{color:
red;font-family:
"宋体";font-size:
15px;}
p{color:
blue;font-family:
"隶书";font-size:
20px;}
你好
欢迎
a."red"为类样式
b."p"为文档样式
c.“你好”和“欢迎”都应用了类样式"red"
d.“你好”的文本颜色为蓝色
22.分析下面的html代码片断,则选项中的说法错误的是(bd)。
书籍
音像
图书杂志磁带cddVd
a.表格共5列,“书籍”跨2列,“音像”跨3列
b.表格的背景颜色为yellow
c.“书籍”和“音像”所在行的背景色为red
d.表格中文字与边框距离为0,表格内宽度为5
23.分析以下的css样式代码,可以得出(ac)。
[选两项]
h1{color;limegreen;font-family;arial}
a.此段代码是一个html选择器
b.选择器的名称是color
c.{}部分的样式属性将作为h1元素的默认样式
d.limegreen和font-family都是值
24.下列语句能够正确在一个html页面中导入在同一目录下的“stylesheet1.css”样式表
的是(ab)。
[选两项]
a.@importstylesheet1.css;
b.
c.
d.html表格文字代码)ss”
src=”stylesheet1.css”>
25.为了设置页面的背景色为黑色,应该使用(a)。
a.
b.
c.
d.
26.css样式表的实现方式中,不需声明选择器的是(a)。
a.行内样式表
b.内嵌样式表
c.外部样式表
d.以上都需要声明
27.在html语言中,设置表格中文字与边框距离的标签是(c)。
a.
b.
c.
d.
28.(a)元素用于定义表单中控件的类型和外观。
a.ect
b.FoRm
c.input
d.caption
29.是用来指定(b)。
a.混合分割
b.纵向分割
c.横向分割
d.任意分割
30.框架中“禁止改变框架窗口大小”的语法是(d)。
a.
b.
c.
d.
31.想要使用户在单击超链接时,弹出一个新的网页窗口,代码是(a
a.新闻
b.新闻
c.新闻
d.新闻
32.有关下列方框属性正确的是(c)。
。
)