html表格的练习
HTML选择题
在HTML语言中,使用表格时, 数据项是放在下列哪个标签中的（ C ）。
A .<DL></DL>B .<TH></TH>C .<TR></TR>D .<DD></DD>1.在HTML中,表示页面背景的是( A)a)﹤body bgcolor=﹥b)﹤body bkcolor=﹥c)﹤body agcolor=﹥d)﹤body color=﹥2. HTML中﹤body text=red﹥,表示（C）a)正在点击文字的色彩是红色。
b)可可链接文字的色彩是红色。
c)非可链接文字的色彩是红色。
d)已链接文字的色彩是红色。
3.下列表示，可链接文字的颜色是黑色的是（）A. ﹤body link=black﹥B. ﹤body text=black﹥C. ﹤body vlink=black﹥D. ﹤body alink=black﹥4.下列表示，已经点击(访问)过的可链接文字的的颜色是黑色的是（）A. ﹤body alink=”#000000”﹥B. ﹤body link=”#000000”﹥C. ﹤body vlink=”#000000”﹥D. ﹤b ody blink=”#000000”﹥5.为了标识一个HTML文件应该使用的HTML标记是（）a)<p> </p>b)<boby> </body>c)<html> </html>d)<table> </table>6.下列代码片段用于（ B ）。
…<BODY background=””>…a)页面左边的背景中显示图像””b)将“”图像平铺填充到整个页面的背景中c)在页面顶部显示图像“”d)在页面背景的中间显示图像””7.以下HTML代码中，说法（B ）是正确的。
HTML测试题目
11、使用HTML语言，以下（）可以显示出2的平方等于4
22=4
a2<sup>2</sup>=4
b2<sub>2</sub>=4
c2<p>2</p>=4
d2<ul>2</ul>=4
12、在网页上，表单中INPUT元素的TYPE属性值设置为（）时，用于创建重置按钮
areset
bsubmit
a<meta>
b<p>
c<body>
d<h1>
16、在Html中（）可以在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件。
a<A href=”telnet:zhangming@”>发送反馈信息</A>
b<A href=”mail:zhangming@”>发送反馈信息</A>
10、分析下面的HTML代码，以下（）是正确的判断
<table border=1>
<caption>文具</n>
<tr>
<th>铅笔</th>
<th>圆珠笔</th>
<th>水笔</th>
</tr>
<table>
a铅笔一定位于首行中的第一列
b圆珠笔一定位于首列中的第一列
c文具应位于首列首行
c<link rel=”Sylesheet.css”type=”text/css”>
d<link rel=”stylesheet”type=”text”href=”StyleSheet1.css”>
html创建表格的示例代码
html创建表格的示例代码
在HTML以下是一个简单的示例代码，展示如何创建一个包含两行两列的表格：
html
<!DOCTYPE html>
<html>
<head>
<title>创建表格</title>
</head>
<body>
<table border="1">
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>元素用于定义表格行，`<th>`元素用于定义表头单元格，`<td>`元素用于定义表格数据单元格。
`border="1"`属性用于给表格添加边框，以便更好地可视化表格的结构。
你可以根据需要添加更多的行和列，以及自定义单元格的内容和样式。
还可以使用其他属性来进一步自定义表格的外观和行为，例如`width`和`height`属性可以用于设置表格的宽度和高度。
html表单练习题
html表单练习题HTML（超文本标记语言）表单是网页中收集用户输入数据的主要工具。
通过使用不同的HTML输入元素和属性，可以创建各种类型的表单，如文本输入框、单选按钮、复选框、下拉列表等。
本文将提供一些HTML表单练习题，帮助读者熟悉和练习HTML表单的使用。
1. 文本输入框使用HTML创建一个简单的文本输入框，用户可以在其中输入自己的名字。
确保输入框有适当的标签和属性来描述其用途，并设置最大字符限制为10个字符。
2. 单选按钮创建一个包含三个选项的单选按钮组，用于选择用户的喜爱的颜色。
每个单选按钮都应该有一个合适的标签和值。
3. 复选框在一个表单中创建一个包含四个选项的复选框组，用于选择用户感兴趣的不同领域。
每个复选框都应该有一个适当的标签和值，让用户可以同时选择多个选项。
4. 下拉列表创建一个下拉列表，其中包含用户感兴趣的学科。
列表中应该至少包含三个选项，每个选项都有一个适当的标签和值。
5. 提交按钮在表单底部创建一个提交按钮，让用户可以点击以提交表单内容。
确保按钮具有适当的标签和属性，如ID和名称。
以上是一些HTML表单的练习题。
通过完成这些练习，读者可以熟悉并加深对HTML表单的理解和应用。
请按照提供的题目和要求完成每个练习，注意正确使用HTML标签和属性，以及合适的文本描述和值。
可以根据需要进行样式调整，使表单更加整洁和美观。
完成所有练习后，您可以在浏览器中打开HTML文件，查看和测试表单的功能和外观。
这些练习将帮助您熟练掌握HTML表单的创建和使用，为以后的网页开发工作打下坚实的基础。
希望这些HTML表单练习题对您有所帮助！祝您学习愉快，提升HTML编程技能！。
htm表格练习题
htm表格练习题在HTML中，表格是一种常用的元素，用于展示和组织数据。
通过掌握表格的基本语法和属性，我们可以创建出美观、高效的网页。
下面是一些HTM表格练习题，帮助你加深对表格的理解和运用。
练习题一：基本表格创建请按照下面的要求创建一个简单的HTML表格。
要求：1. 表格有两行两列；2. 第一行显示列标题"姓名"和"年龄"；3. 第二行显示具体的数据，姓名和年龄信息自由填写。
```html<!DOCTYPE html><html><head><title>HTML表格练习题</title></head><body><table><tr><th>姓名</th><th>年龄</th></tr><tr><td>张三</td><td>25</td></tr></table></body></html>```练习题二：合并单元格在表格中，我们可以使用`rowspan`和`colspan`属性合并单元格，创建更加复杂的表格结构。
请按照下面的要求创建一个合并了单元格的HTML表格。
要求：1. 表格有三行三列；2. 第一行合并了左上角的两个单元格，内容为"姓名"；3. 第二行合并了中间的两个单元格，内容为"性别"；4. 第三行列出具体的数据。
```html<!DOCTYPE html><html><head><title>HTML表格练习题</title></head><body><table><tr><th rowspan="2">姓名</th><th colspan="2">性别</th></tr><tr><th>男</th><th>女</th></tr><tr><td>张三</td><td>男</td><td>25</td></tr><tr><td>李四</td><td>女</td><td>30</td></tr></table></body></html>```练习题三：添加表格样式表格的样式对网页的美观度有很大影响。
html技能练习题(第二部分)
技能练习题1、建立html文件，文件名称为“1.html”。
具体要求：设置网页，网页标题为“图片格式的设置”。
在网页中插入一副图片（图片任意，采取相对路径），并设置该图片的边框粗细为3像素，高度为100像素，宽度为100像素，图片提示文字为“期末技能考试”。
2、建立html文件，文件名称为“2.html”。
具体要求：设置网页，网页标题为“图片超链接的设置”。
在网页中插入一副图片（图片任意，采取相对路径），并设置该图片的边框粗细为1像素，高度为200像素，宽度为200像素；为该图片设置超链接，链接的内容为第一题所做的网页（1.html）。
3、建立html文件，文件名称为“3.html”。
具体要求：设置网页，网页标题为“2行2列表格”。
创建一个二行二列的表格，单元格中的内容依次为数字：1、2、3、4。
表格的边框粗细为2像素，边框颜色为蓝色，表格的宽为300，高为200。
单元格内容为4的单元格背景颜色为红色，并居中显示。
4、建立html文件，文件名称为“4.html”。
具体要求：设置网页，网页标题为“有序列表的建立”。
建立如下图所示的有序列表，有序列表的标号为“A”，并且从“C”开始编号。
5、建立html文件，文件名称为“5.html”。
具体要求：设置网页，网页标题为“有序列表的建立”。
建立如下图所示的有序列表，有序列表的标号为数字类型，并且从“3”开始编号。
6、建立html文件，文件名称为“6.html”。
具体要求：设置网页，网页标题为“图片超链接的设置”。
在网页中插入一副图片（图片任意，采取相对路径），并设置该图片的边框粗细为5像素，高度为200像素，宽度为200像素，图片提示文字为“您插的是什么图片呢？”。
为该图片设置超链接，链接的内容也为一副图片（图片任意，采取相对路径）。
7、建立html文件，文件名称为“7.html”。
具体要求：设置网页，网页标题为“2行2列表格制作”。
创建一个二行二列的表格，单元格中的内容依次为数字：1、2、3、4。
HTML选择题练习(原创)
1) 下面标记中，（）在标记的位置添加一个回车符。
【选择一项】a) <H1> b) <ENTER>c) <BR> d) <HR>2) 要实现以下功能：在网页中插入一个图片joke11.gif,使用者通过单击该图片，连接到joke11.htm上去。
下面的HTML代码，（）是正确的。
【选择一项】a) <A HREF="joke11.htm" IMG:SRC="images/joke11.gif"></A>b) <A HREF="joke11.htm" SRC="images/joke11.gif"></A>c) <A HREF="joke11.htm">< IMG SRC="images/joke11.gif"></A>d) <A HREF="images/joke11.gif" ></A>3) 如果要在超链接中设置电子邮件链接，则href属性值应设置为（）。
【选择一项】a) zhangshan@ b) mailto:zhangshan@c) mailto//zhangshan@ d) #zhangshan@4) 在HTML中，下列代码（）可以实现每隔60秒自动刷新页面的功能。
【选择一项】a) <meta http-equiv="refresh" content="1">b) <meta http-equiv="refresh" content="60">c) <meta http-equiv="expires" content="1">d) <meta http-equiv="expires" content="60">5) 下列代码片段用于（）【选择一项】…<body background="back_image.GIF">a) 在页面左边的背景中显示图像"back_image.GIF"b) 将"back_image.GIF"图像平铺填充到整个页面的背景中c) 在页面顶部显示图像"back_image.GIF"d) 在页面背景的中间显示图像"back_image.GIF"6) 关于下列代码片段的说法中，（）是正确的。
HTML练习题
HTML练习题HTML练习题一、填空题。
１、一个完整的HTML文档应该分为两个部分：（）、（），一个HTML文件分为两段（）和（）。
２、一般来说，标记可分为（）、（），无论何种标记，都必须放在（）括起来。
HTML标记不区分大小写，但为了将文本内容与标记分开来，一般用大写字母表示标记。
３、容器标记由（）标记和（）构成。
非容器标记只有（）而无（）标记。
有些标记有自己的属牲,属性的名称应出现在（）中，放置在（）之后。
４、段落小标题标记〈Hn〉中的n的取值范围是（），（）标题的字体最大。
５、HTML文档的起始标记是（），其类型为（），文档的主体标记是（），其类型为（）。
文档的头部标记为（），其类型为（），网页文件的标题用（）标记民。
６、使用超链接时，其链接目标为（）、（）、（）、（）。
根据链接的目标不同，超链接一般分为三类：（）、（）、（）。
７、编号列表的标记为（）和（），其中TYPE属性有（）种取值，分别为（）。
其默认值为TYPE＝（）。
８、符号列表的标记为（）和（），其中TYPE属性取值分别为（），其默认值为TYPE＝（）。
９、设置表格的边框的属性是（），对表格进行行合并的属性是（），设置表格的单元格间距的属性是（）。
１０、表单中的三个特殊标记分别为（）、（）、（）。
二、判断题１、使用ＨＴＭＬ编写网负，就是使用ＨＴＭＬ标记来标注文本（）.2.任何文本编辑器都能编辑ＨＴＭＬ文件（）.3.＜ＨＥＡＤ＞＜／ＨＥＡＤ＞之间的内容将会出现在浏览器窗口的标题栏中（）.4.＜ＴＩＴＬＥ＞＜／ＴＩＴＬＥ＞之间的内容将会出现在浏览窗口的标题栏中（）.5.网页中的所有内容及其ＨＴＭＬ标记都出现在＜ＢＯＤＹ＞和＜／ＢＯＤＹ＞之间·6.ＨＴＭＬ文件中的空格和回车在多数情况下会被忽略·（）7.＜Ａ＞标记只有一个属性ＨＲＥＦ，用于指链接目标（）8.显示图像栋记＜ＩＭＧ＞为非容器型标记（）9.在编号列表中,如果删除了或增加了新的表项，整个列表的序号会变得不连续（）10.＜ＬＩ＞在所有列表形式中都用于定义列表项（）11.＜ＬＩ＞具有自动换行功能（）12.只有编号列表具有ＴＹＰＥ属性（）13.编号列表的序列号只能是阿拉伯数字（）14.编号列表的ＳＴＡＲＴ用于规定列表的序列号从几开始（）15.编号列表是序列表，符号列表是无序列表（）16.定义列表中的＜ＤＴ＞和＜ＤＤ＞都非容器记，二者通常成对出现（）17.＜ＤＴ＞和＜ＤＤ＞均有自动换行功能、其中ＤＤ还有自动缩进功能（）18.一个完整的超链由链接源和链接目标组成（）19.只要是链接源一定会被加上下划线（）20.书签链接是文件内的链接，其作用是将同一网页并不连续的两段文本之间建立链接，方便阅读（）21．书签链接中的“锚名”指的是链接源的名称（）22．一个单元格能同时占有多行、多列（）23.定义表格的边框时，如不给BORDER属性赋值，刚则其默认值为０（）24.在默认情况下，单元格之间的间距是一个象素（）25. 将使表格在页面中的左边显示。
HTML部分题库完整
选择题：1、在HTML中，（D ）标签用于在网页中创建表单。
A. <INPUT>B. <SELECT>C. <TABLE>D. <FORM>2、HTML表格的组成不包含下面哪个（D ）A．列B．行C．单元格D．层3、在HTML中，可以使用（D ）标记向网页中插入GIF动画文件。
A. <FORM>B. <BODY>C. <TABLE>D. <IMG>4、下面哪一项是换行符标签？（C ）A．<body> B．<font> C．< br> D．<p>5、下列哪一项是在新窗口中打开网页文档。
（B ）A．_self B．_blankC．_top D．_parent6、的基本语法是。
（B ）A．<a body="url">...</a>B．<a href="url">...</a>C．<a alink="url">...</a>D．<a goto="url">...</a>7、跳转到hello.html页面的“bn"锚点是（B ）A. <a href="hello.html&bn"...</a>B．<a href="hello.html#bn"...</a> C．<a href="hello.html"bn...</a> D．<a href="hello.html=bn"...</a>8、增加表单的密码域的HTML代码是（D ）A. <input href=submit>B. <input name=password>C. <input alink=radio>D. <input type=password>9、在HTML中，下面（A ）不属于H TML文档的基本组成部分。
HTML标记练习
完成下列HTML标记练习1、HTML基本框架<html><head><title>好好学习,天天向上</title></head><body>网頁內容</body></html>2、表格标记<TABLE border=1><TR><TH>姓名</TH><TH>性别</TH><TH>年龄</TH> <TR><TD>王林</TD><TD>男</TD><TD>25</TD> </TABLE><TABLE>……</TABLE>标记创建一个表格<CAPTION>……</CAPTION>设置表格标题<TR>……</TR> 该标记中的内容显示为一行<TH>……</TH>用来标记表格的表头内容<TD>……</TD>用来标记某个单元格的内容请创建一个如下内容的表格：学生成绩表3、图像标记<img src="1.jpg" alt="亲亲宝贝" width="600" height="300">4、视频标记<img src="静态图像" dynsrc=”视频文件地址” >5、背景音乐标记<bgsound= src=”声音文件地址”loop =n>6、多媒体标记（SWF）<embed src=”多媒体文件地址”height=”300”width=”400”autostart=true loop=true></embed>7、表单标记（1）<FORM>……</FORM>（2）<INPUT TYPE="text" NAME="username" SIZE="20">TYPE={TEXT（文本），PASSWORD（密码），FILE（文件），CHECKBOX（复选），RADIO（单选），BUTTON（按钮），SUBMIT （提交），RESET（重设）}请创建如下示例的表单：<FORM ACTION="mailto:yangxuanhui@" METHOD="get" NAME="invest">姓名：<INPUT TYPE="text" NAME="username" SIZE="20"><BR>网址：<INPUT TYPE="text" NAME="URL" SIZE="20" MAXLENGTH="50" VALUE="http://"><BR>密码：<INPUT TYPE="password" NAME="password" SIZE="20" MAXLENGTH="8"><BR>确认密码：<INPUT TYPE="password" NAME="password_confirm" SIZE="20" MAXLENGTH="8"><BR>请上传你的照片：<INPUT TYPE="file" NAME="File"><BR>请选择你喜欢的音乐：<INPUT TYPE="Checkbox" NAME="M1" VALUE="rock" checked>摇滚乐<INPUT TYPE="Checkbox" NAME="M2" VALUE="jazz">爵士乐<INPUT TYPE="Checkbox" NAME="M2" VALUE="pop">流行乐<BR>请选择你居住的城市：<INPUT TYPE="Radio" NAME="city" VALUE="beijing" checked>北京<INPUT TYPE="Radio" NAME="city" VALUE="shanghai">上海<INPUT TYPE="Radio" NAME="city" VALUE="nanjing">南京<BR><P><INPUT TYPE="Submit" NAME="Submit" VALUE="提交表单"><INPUT TYPE="Reset" NAME="Reset" VALUE="重置表单"></FORM>（3）菜单和列表标记<SELECT>……</SELECT><OPTION>……</OPTION>示例：<FORM ACTION=mailto:songsong@ METHOD=get NAME=invest>请选择你喜欢的音乐：<BR><SELECT NAME="music" SIZE=4 MULTIPLE><OPTION Value="rock" Selected>摇滚乐<OPTION Value="pop">流行乐<OPTION Value="jazz">爵士乐<OPTION Value="nation">民族乐</SELECT><BR>请选择你居住的城市：<BR><SELECT NAME="city"><OPTION Value="beijing" Selected>北京<OPTION Value="shanghai">上海<OPTION Value="nanjing">南京<OPTION Value="guangzhou">广州</SELECT><INPUT TYPE="Submit" NAME="Submit" VALUE="提交表单"> </FORM>（4）文本框标记<TEXTAREA NAME="comment" Rows=5 Cols=40></TEXTAREA>示例：<FORM ACTION=mailto:songsong@ METHOD=getNAME=invest>请留言：<BR><TEXTAREA NAME="comment" Rows=5 Cols=40></TEXTAREA><BR><INPUT TYPE="Submit" NAME="Submit" VALUE="提交表单"></FORM>利用上述HTML标记制作4个以上的页面(其中一个主页、一个学生成绩表页面、一个信息调查页面（如下图）、一个图像、动画、视频、的页面)每个页面的内容和素材可由同学自己选择，但必须用到上述所讲的内容。
HTML基础标签-表格练习
学号：
姓名：
实验名称
实验二Html基本标签—表格
实验目的
掌握html表格的创建和设置方法；使用表格显示数据；使用表格实现页面布局
知
识
提
示
1、表格基础结构
<table>
<tr>
<td>第1个单元格的内容</td>
<td>第2个单元格的内容</td>
......
</tr>
<tr>
<td>第1个单元Байду номын сангаас的内容</td>
<td>第2个单元格的内容</td>
......
</tr>
</table>
2、表格标签
标签
描述
<table>
定义表格
<th>
定义表格的表头。此th元素内部的文本通常会呈现为粗体
<tr>
定义表格的行
<td>
定义单元格
<caption>
定义表格标题
<colgroup>
定义表格列的组
<col>
定义用于表格列的属性
实验总结
教师评阅
<thead>
定义表格的页眉
<tbody>
定义表格的主体
<tfoot>
定义表格的页脚
3、表格属性
实
验
内
容
项目1：简单表格制作
效果图：
思考：如何去除单元格间的间隔，如何实现细线表格
html实现用户注册页面（表单+表格）——html小练习
html实现⽤户注册页⾯（表单+表格）——html⼩练习上学的时候学的HTML现在都已经忘得差不多了，CSS也基本不认识了，现在趁着学习javaWeb再重新联系下吧代码如下1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">2<html>3<head>4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">5<title>表格+表单练习</title>6</head>7<body bgcolor="#F0F0F0">8<form method="post">9<table width="100%">10<tr>11<th colspan="2" ALIGN=CENTER><font size="5">注册新⽤户</font>12</th>13</tr>14<tr>15<td colspan="3"><hr>16</td>17</tr>18<tr>19<td width="400"></td>20<td ALIGN=CENTER BGCOLOR="#ffffff">21<table width="400" cellpadding="4">22<tr>23<td ALIGN=RIGHT><font size="3" face="微软雅⿊">⽤户名</font></td>24<td ALIGN=LEFT><input tyoe="texe"></td>25</tr>26<tr>27<td ALIGN=RIGHT><font size="3" face="微软雅⿊">登陆邮箱</font></td>28<td ALIGN=LEFT><input type="text"></td>29</tr>30<tr>31<td ALIGN=RIGHT><font size="3" face="微软雅⿊">密码</font></td>32<td ALIGN=LEFT><input type="password"></td>33</tr>34<tr>35<td ALIGN=RIGHT><font size="3" face="微软雅⿊">再输⼀次</font></td>36<td ALIGN=LEFT><input type="password"></td>37</tr>38</table></td>39<td width="400"></td>40</tr>41<tr>42<td width="400"></td>43<td ALIGN=CENTER BGCOLOR="#ffffff">44<table width="400" cellpadding="4">45<tr>46<td colspan="2" ALIGN=CENTER><font size="3" face="微软雅⿊">个⼈资料</font>47</td>48</tr>49<tr>50<td ALIGN=RIGHT><font size="3" face="微软雅⿊">性别</font></td>51<td>男⼠<input type="radio" name="sex" value="man" checked>52⼥⼠<input type="radio" name="sex" value="woman">53</td>54</tr>55<tr>56<td ALIGN=RIGHT><font size="3" face="微软雅⿊">学历</font></td>57<td>58<select name="city">59<option value="benke">本科</option>60<option value="dazhuani">⼤专</option>61<option value="yanjiusheng">研究⽣</option>62<option value="boshi">博⼠</option>63<option value="zixue">⾃学</option>64</select>65</td>66</tr>67<tr>68<td ALIGN=RIGHT><font size="3" face="微软雅⿊">职业</font></td>69<td>70<select name="occupation">71<option value="student">在校学⽣</option>72<option value="PHP">PHP⼯程师</option>73<option value="Android">Android⼯程师</option>74<option value="UI">UI设计师</option>75<option value="IOS">IOS⼯程师</option>76<option value="java">Java⼯程师</option>77<option value="test">程序测试员</option>78</select>79</td>80</tr>81<tr>82<td ALIGN=RIGHT><font size="3" face="微软雅⿊">所在城市</font></td> 83<td>84<select name="city">85<option value="beijing">帝都</option>86<option value="shanghai">魔都</option>87<option value="guangzhou">⼴州</option>88<option value="hangzhou">杭州</option>89<option value="tianjin">天津</option>90<option value="haiwai">海外</option>91</select>92</td>93</tr>94<tr>95<td ALIGN=RIGHT><font size="3" face="微软雅⿊">出⽣年⽉</font>96<td><select name="year">97<option value="1985">1985</option>98<option value="1986">1986</option>99<option value="1987">1987</option>100<option value="1988">1988</option>101<option value="1989">1989</option>102<option value="1990">1990</option>103<option value="1991">1991</option>104<option value="1992">1992</option>105<option value="1993">1993</option>106<option value="1994">1994</option>107<option value="1995">1995</option>108<option value="1996">1996</option>109<option value="1997">1997</option>110<option value="1998">1998</option>111<option value="1999">1999</option>112<option value="2000">2000</option>113<option value="2001">2001</option>114<option value="2002">2002</option>115<option value="2003">2003</option>116<option value="2004">2004</option>117<option value="2005">2005</option>118<option value="2006">2006</option>119<option value="2007">2007</option>120<option value="2008">2008</option>121</select><select name="month">122<option value="1">1⽉</option>123<option value="2">2⽉</option>124<option value="3">3⽉</option>125<option value="4">4⽉</option>126<option value="5">5⽉</option>127<option value="6">6⽉</option>128<option value="7">7⽉</option>129<option value="8">8⽉</option>130<option value="9">9⽉</option>131<option value="10">10⽉</option>132<option value="11">11⽉</option>133<option value="12">12⽉</option>134</select></td>135</tr>136<tr>137<td ALIGN=RIGHT><font size="3" face="微软雅⿊">猜你喜欢</font></td> 138<td width="300"><input type="checkbox" name="hobby"139 value="tiyu">体育<input type="checkbox" name="hobby"140 value="yinyue">⾳乐<input type="checkbox" name="hobby"141 value="youxi">游戏<input type="checkbox" name="hobby"142 value="bagua">⼋卦<input type="checkbox" name="hobby"143 value="tucao">吐槽</td>144</tr>145<tr>146<td ALIGN=RIGHT><input type="checkbox" name="accept"147 value="accept">148</td>149<td><font size="3" face="微软雅⿊">我已仔细阅读并接受 <a 150href="Deom01.html">注册条款</a></font>151</td>152153</tr>154<tr>155<td ALIGN="center" colspan="3">156<input type="submit" value="注册">157<input type="reset" value="重置">158</tr>159</table></td>160<td width="400"></td>161</tr>162</table>163</form>164</body>165</html>效果图如下：还有继续加油~~哦也~~。
【练习】HTML
8
练习08
• 编写如下图框架网页
– 框架分为左右两栏 – 点击左边的连接，在右边显示链接的网页
• 提示
– 一共包含5个页面（框架页本身，左侧目录页，3个内容页） – 在框架页给右侧框架设置name属性后，在目录页的链接可设置target 属性值等于name属性值
9
练习09
• 利大连东软信息学院 大学生创业实训中心
练习01
• 使用段落和换行标记书写HTML，体会默认显示效果的不同标题标签，实现如下效果
3
练习03
• 使用文本格式标签，实现如下效果
4
练习04
• 创建一个超链接，点击后自动在新窗口打开学院首页 • 学院首页地址： • 提示：
– 为了在新窗口打开，可以设置超链接的target属性 – target属性值为 “_blank”时代表新窗口
5
练习05
• 实现如下表格跨行和跨列效果 • 为了显示表格边框，可设定table属性border="1"
6
练习06
• 实现如下三级嵌套列表效果
7
练习07
• 利用表格和表单元素实现下图效果 • 只需要实现效果即可，不需要实现具体功能
– 布局可以使用表格
10
练习10
• 在页面以不同尺寸显示同一张图片
– 图片可以自行选取 – 注意在设置其大小时要符合原图宽高比
11
【表格】HTML语言与网页设计题库含答案
【关键字】表格HTML语言与网页设计题库（含答案）第1题判断正误（1）HTML标记符的属性一般不区分大小写。
（对）（2）网站就是一个链接的页面集合。
（对）（3）将网页上传到Internet时通常采用FTP方式。
（对）（4）所有的HTML标记符都包括开始标记符和结束标记符。
（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。
（6）B标记符表示用粗体显示所包括的文字。
（对）（7）GIF格式的图象最多可以显示256种颜色。
（对）（8）HTML表格在默认情况下有边框。
（错）（9）创建图象映射时，理论上可以指定任何形状作为热点。
（对）（10）指定滚动字幕时，不允许其中嵌入图象。
（错）（11）在HTML表格中，TD和TH标记符都可以用来包括单元格内容。
（对）（12）在HTML表格中，表格的行数等于TR标记符的个数。
（对）（13）在HTML表格中，表格的列数等于任意一行中TH与TD的个数。
（错）（14）在HTML表格中，表格的列数等于任意一行中TH与TD的colspan属性的和。
（错）（15）在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。
（对）（16）在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的笔直对齐。
（错）（17）HTML表格内容的笔直对齐方式默认为笔直居中。
（对）（18）框架是一种能在同一个浏览器窗口中显示多个网页的技术。
（对）（19）要想在一个网页中嵌套另外一个网页，一般可以使用页内框架。
（对）（20）只有在框架结构的网页中，才能将A标记符的target属性指定为_blank，从而使超链接目标文件在一个新的浏览器窗口中打开。
（21）在HTML中，与表格一样，表单也能嵌套。
（错）（22）一个网页中只能包含一个表单。
（错）（23）在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。
（对）（24）在HTML表单中，提交按钮和重置按钮都可以用图象表示。
HTML选择题
在 HTML 言中 ,使用表格 ,数据是放在以下哪个中的（ C ）。
A .<DL></DL>B .<TH></TH>C .<TR></TR>D .<DD></DD>1.在 HTML 中 ,表示面背景的是 ( A)a)body bgcolor=b)body bkcolor=c)body agcolor=d)body color=2.HTML 中 body text=red ,表示（ C）a)正在点文字的色彩是色。
b)可可接文字的色彩是色。
c)非可接文字的色彩是色。
d)已接文字的色彩是色。
3.以下表示，可接文字的色是黑色的是（）4. A.body link=black5. B. body text=black6. C. body vlink=black7. D. body alink=black8.以下表示，已点 ()的可接文字的的色是黑色的是（）9. A.body alink=” #000000 ”10. B. body link=” #000000 ”11. C. body vlink=” #000000 ”12. D. body blink=” #000000 ”13.了一个 HTML 文件使用的 HTML 是（）a)<p> </p>b)<boby> </body>c)<html> </html>d)<table> </table>14.以下代片段用于（ B ）。
⋯<BODY background= ””>⋯a)面左的背景中示像””b)将“” 像平填补到整个面的背景中c)在面部示像“”d)在面背景的中示像””15.以下 HTML 代中，法（ B ）是正确的。
<HTML><HEAD><TITLE>装街 </TITLE></HEAD><BODY> <P>在装街装 </P><PRE><FONT>人来人往男女老少尽兴享受在装的趣</FONT></BODY>a)<P>没有以 </P>束b)< PRE >没有以 </PRE>束c)<TITLE>没有以 </TITLE>束d)<FONT>不可以与 <PRE>一同使用16. 在网中最常用的两种的像格式是()。
HTML综合测试一(答案)
1、在HTML中,( ) 标签用于在网页中创建表单. (选择一项)A、<INPUT>B、<SELECT>C、<TABLE>D、<FORM>2、运行下面创建表格的代码，在浏览器里会看到（）的表格（选择一项）<table><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table>A、3行2列B、2行3列C、3行3列D、2行2列3、指出下面创建表格的HTML代码中的错误，一共有（）错误（选择一项）<TABLE width=”20%” border=”1” height=”200” bordercolor=”red”> <TD><TR> </TR></TD><TR></TD> <TD></TR></TABLE>A、5处B、4处C、3处D、2处4、运行下面代码，在浏览器里会看到（）（选择一项）<TABLE width=”20%” border=“1”><TR><TD colspan=“2“ rowspan=“2“> </TD><TD> </TD></TR><TR><TD> </TD></TR></TABLE>A、6个单元格B、5个单元格C、4个单元格D、3个单元格5、HTML语言中，设置表格中文字与边框距离的标签是（）（选择一项）A、< TABLE border=#>B、< TABLE cellspacing=#>C、< TABLE cellpadding=#>D、< TABLE width=# or %>6、（）元素用于定义表单中控件的类型和外观（选择一项）A、ECTB、FORMC、INPUTD、CAPTION7、框架中“禁止改变框架窗口大小”的语法是（）（选择一项）A、<a href="right.html" target="rightframe">B、<IMG src="URL" border=?>C、<FRAMESET rows="20%,*" frameborder="0">D、<FRAME noresize>8、想要使用户在单击超链接时，弹出一个新的网页窗口，下面（）选项符合要求（选择一项）A、<A href="right.html" target="_blank">新闻</A>B、<A href="right.html" target="_parent">新闻</A>C、<A href="right.html" target="_top">新闻</A>D、<A href="right.html" target="_self">新闻</A>9、在网页编程中,某站点下有一个名为index.htm的页面和一个名为a.css的样式表文件(index.htm和a.css在同一个目录下),如果要在index.htm页面中应用a.css样式表文件中的样式表,则应在index.htm页面的<head></head>标签中添加以下哪段代码( ) (选择一项)A、<link type="text/css" rel="stylesheet" file="a.css">B、<a type="text/css" rel="stylesheet" href="a.css">C、<link type="text/css" rel="stylesheet" href="a.css">D、<link type="text/css" rel="stylesheet" src="a.css">10、在HTML中,以下关于CSS样式中文本属性的说法,错误的是( ) . (选择一项)A、font-size用于设置文本的字体大小B、font-family用与设置文本的字体类型C、color用与设置文本的颜色D、text-align用与设置文本的字体形状11、在HTML中,使用HTML元素的class属性,将样式应用于网页上某个段落的代码如下所示:<P class=”firstp”>这是一个段落</P>下面选项中,( )正确定义了上面代码引用的样式规则. (选择一项)A、<style type="text/css">P{color:red}</style>B、<style type="text/css">#firstp {color:red} </style>C、<style type="text/css"> .firstp{color:red} </style>D、<style type="text/css">P.firstp{color:red}</style>12、有关下列方框属性正确的是（）（选择一项）A、margin-left是设置对象的左填充B、border-width是设置边框的宽度C、padding-left是设置内容与右边框之间的距离D、以上说法都不对13、在HTML语言中,定义级联样式表CSS的类选择器是以( )符号开头.（选择一项）A、#(井号)B、.(点号)C、!(叹号)D、%(百分号)14、在HTML代码中，下列说法不正确的是（）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验七表格
一、实验目的
在文档中，表格更显直观，对于网页，表格的更大用处在于排版上，现在互联网上的大部分网页都是用表格来进行排版。
1．掌握HTML表格的结构
2．掌握HTML表格的常用标记
二、实验任务
1．用HTML语言实现下列表格。
可自己设置表格的颜色
2．用HTML语言实现下列表格。
可自己设置表格的颜色
3.用HTML语言实现下列表格。
4、用HTML语言实现下列表格。
三、实验相关知识
1．表格及其标记的使用：表格标记：<table>…</table>
标题标记：<caption>…</caption>
表格头标记：<td>…</td>
行标记：<tr>…</tr>
单元格标记：<td>…</td>
2．<table>标记的属性：bgcolor，background，border，bordercolor，bordercolorlight，bordercolordark，cellspacing，cellpadding，width，align，
3．<tr>标记的属性：align,valign
4．<td>标记的属性：colspan，rowspan
四、实验步骤
1．创建表格；
2．用<caption>标记定义表格标题文字：
<caption>财务报表</caption>
3．考虑好整个表格的列数及行数，用<tr>定义一行，用<th>或<td>定义表头单元格，注意用属性colspan=””或rowspan=””设置跨列或跨行；
4．用<tr>设置下一行，用<td>定义其中的每一个单元格，注意单元格的合并；依此类推。
5．表格的对齐方式的设定：
整个表格的对齐：居中；
单元格文字的对齐：居中；
6．设置表格的背景：
设置整个表格的背景；
设置单元格的背景；
7．修改表格各标记的属性的值，观察其效果；
8．在第一个表格的基础上修改，实现第二个表格；
9．把表格用于布局：把实验一的布局表格（一行两格）做的复杂一些。