陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十五讲:HTML教程笔记
摘要:通过前节《第十三讲:盒子的定位实例》学习了网站建设中的DIV+CSS中实例综合应用介绍。本节对HTML试题笔记进行介绍,以期为应用HTML技术进行网站开发时的HTML教程的问题,本文对HTML教程笔记进行整理。
在HTML中,表示页面背景的是<body bgcolor=>
HTML中<body text=red>,表示非可链接文字的色彩是红色。
可链接文字的颜色是黑色的是<body link=black>
已经点击(访问)过的可链接文字的的颜色是黑色的是<body vlink=”#000000”>
正被点击的可链接文字的颜色是白色的是<body alink=”#ffffff”>
<body leftmargin=?>,表示页面左边的空白大小
<body topmargin=?> ,表示页面上边的空白大小
链接(Link)基本语法是<a href="URL"> ... < /a>
表示跳转到页面的”bn”锚点的代码是: <a href="#bn"> ... < /a>
<a href="#bn"> ... </a>,表示跳转到页面的”bn”锚点
跳转到”hello.html”页面的”bn”锚点的代码是<a href="hello.html#bn"> ... < /a>
<a href="hello.html#top"> ... </a>,表示跳转到”hello.html”页面的”top”锚点
表示新开一个窗口的超链接代码是<a href=URL target=_blank>..</a>
<a href=URL target=_blank>..</a>,表示新开一个窗口的超链接代码
<a href=URL target=_parent>..</a>,表示在父窗口打开超链接的代码
在父窗口打开超链接的代码是<a href=URL target=_parent>..</a>
<a href=URL target=_self>..</a>,表示在本窗口打开超链接的代码
在本窗口打开超链接的代码是<a href=URL target=_self>..</a>
在框架中,在整个框架页中打开链接的代码是 <a href=URL target=_top>..</a>
<a href=URL target=_top>..</a>,表示在整个框架页中打开链接
在框架页中的主框架中打开链接的代码是<a href=URL target=_main>..</a>
在框架页中的左边框架中打开链接的代码是<a href=URL target=_left>..</a>
<a href=URL target=_left>..</a>,表示在在框架页中的左面框架中打开链接
表示标尺线的HTML代码是<hr>
表示标尺线的大小的HTML代码是<hr size=?>
<hr color=red>表示水平线的颜色是红色
表示水平线对齐方式为左对齐的HTML代码是<hr align=left>
<hr noshade>表示表示水平线没有阴影
表示下标的是<sub></sub>
<sup></sup>表示上标
<s></s>表示删除线
<strike></strike>表示删除线
<u></u>表示下划线
<strong></strong>表示粗体
红色的RGB代码是#ff0000
灰色的RGB代码是#CCCCCC
换行符的HTML代码是<br>
<p>和<br>的区别是<p>插入了一个空行
无序列表的HTML代码是<ul><li>...</ul>
有序列表的HTML代码是<ol><li>...</ol>
定义列表的HTML代码是<dl><dt>***<dd>***</dl>
disk是定制表中type的标记
circle是定制表中type的标记
square是定制表中type的标记
定制表中type标记中的circle表示圆环
定制表中type标记中的disk表示圆点
定制表中type标记中的square表示方块
定制有序列表表中的序号的起始值的表示法为<ol start=#>
<spacer type="horizontal" size=#>表示水平空白宽度
<spacer type=" vertical " size=#>表示竖直空白高度
<multicol cols=#> ... </multicol>,cols表示列的数目
<multicol gutter=#> ... </multicol>,gutter表示列间的空白
<multicol width=#> ... </multicol>表示多行文本
<img alt=#>,表示在浏览器尚未完全读入图象时,在图象位置显示的文字
html中段落标志中,标注文件子标题的是<Hn></Hn>
"多选式选单"的语法是 <SELECT MULTIPLE>
禁止表格格子内的内容自动断行回卷的HTML代码是:<td nowrap>
html语言中,创建一个位于文档内部的靶位的标记是:<a name="NAME"></a>
HTML的段落标志中,标注行中断的是: <P>
HTML文本显示状态代码中,<SUP></SUP>表示: 文本加注上标线
创建一个滚动菜单的HTML代码是: <select multiple name="NAME" size=?></select>
创建打字机风格的字体的代码是: <tt></tt>
HTML语言中,设置正在被点中的链接的颜色的代码是: <body alink=?>
HTML文本显示状态代码中,<CENTER></CENTER>表示: 文本或图片居中
加入一条水平线的HTML代码是: <hr>
表示放在每个定义术语词之前的HTML代码是: <dl></dl>
禁止表格格子内的内容自动断行回卷的HTML代码是:<td nowrap>
HTML的颜色属性值中,Purple的的代码是:"#800080"
HTML代码<img src="name">表示: 添加一个图象
html语言中,设置围绕表格的边框的宽度的标记是:<.table width=# or%>
<frameset cols=#>是用来指定什么的: 纵向分框
能够设置成口令域的是:只有单行文本域
HTML文本显示状态代码中,<SUP></SUP>表示: 文本加注上标线
框架中“可改变大小”的语法是:<IMG SRC="URL" BORDER=?>
创建最小的标题的文本标签是: <h6></h6>
设置围绕表格的边框宽度的HTML代码是: <table border=#>
创建一个位于文档内部位置的链接的代码是: <a href="#NAME"></a>
HTML代码<img src="name" align=?>表示: 排列对齐一个图象
HTML代码<img src="name" border=?>表示: 设置围绕一个图像的边框的大小
创建黑体字的文本标签是:<b></b>
在HTML语言中"<FRAME NORESIZE> "的具体含义是: 不可改变大小
HTML代码<table width=# or%>表示: 设置表格的宽度-用绝对像素值或文档总宽度的百分比
CSS分层是利用什么标记构建的分层:〈div〉
HTML语言中,设置背景颜色的代码是:<body bgcolor=?>
在CSS语言中下列哪一项是“边框颜色”的语法: border-color: <值>
HTML代码<input name="foo" size=20>表示: 创建一个单行文本输入区域
表格标记的基本结构是: <table></table>
表单提交中的方式有2种
在HTML中,<form action=?>,action表示提交的URL地址
在HTML中,<form method=?>,method表示提交的方式
增加表单的文字段的HTML代码是<input type=text>
增加表单的隐藏域的HTML代码是<input type=hide>
增加表单的复选框的HTML代码是<input type=checkbox>
增加表单的单选框的HTML代码是<input type=radio>
增加表单的图像域的HTML代码是<input type=iamge>
增加表单的文本域的HTML代码是<textarea name="textarea"></textarea>
增加表单的密码域的HTML代码是<input type=password>
增加列表框的HTML代码是<select multiple></select>
定义表行的HTML是<tr>
定义表头的HTML是<th>
定义表元的HTML是<td>
跨多行的表元的HTML代码为<td rowspan=#>
跨多列的表元的HTML代码为<td colspan=#>
设置表格的边框为0的HTML代码是<table border=0>
设置表格的单元格填充为0的HTML代码是<table cellpadding =0>
设置表格的单元格间距为0的HTML代码是<table cellspacing =0>
设置表格的高度为600的HTML代码是<table height=600 width=500>
设置表格的宽度为600的HTML代码是 <table height=500 width=600>
设置表格标题的HTML代码是<caption></caption>
表示表元的背景色彩的HTML是<th bgcolor=#>
表示表元的背景图像的HTML是<th backgound =#>
设置表格边框色彩的HTML代码是<table bordercolor=#>
设置表格边框色彩的亮度的HTML代码是<table bordercolorlight=#>
表格的表注的HTML是<tfoot> ... </tfoot>
表格的题头的HTML是<thead> ... </thead>
表格的正文的HTML是 < tbody> ... < /tbody>
<table frame=box>表示显示的边框的数为4个
<table frame=above>只显示一个边框
<table frame=below>只显示一个边框:正确
<table frame=hsides>只显示一个边框:错误
<table frame=vsides>只显示一个边框:错误
<table frame=hsides>表示显示的边框的数为2个
<table frame=rhs>只显示一个边框,正确
<table frame=lhs>只显示一个边框,正确
<table frame=void>表示显示的边框的数为0个
显示表格分隔线的HTML是<table rules>
<table rules=all>,表示显示所有分隔线
<table rules=groups>,表示只显示组(Groups)与组之间的分隔线
<table rules=rows>,表示只显示行与行之间的分隔线
<table rules=cols>,表示只显示列与列之间的分隔线
<table rules=none>,表示不显示分隔线
框架页的基本语法是<frameset> ... < /frameset>
<frameset cols=#>:表示框架的列高
<frameset rows=#>:表示框架的行高
表示显示框架的HTML的代码是<frame frameborder=yes>
显示框架空白区域的HTML代码是<frameset framespacing=#>
<frame marginwidth=#>表示框架页面空白宽度
frame marginheight=#>表示框架页面空白高度
<frame scrolling=#>表示边框是否有滚动条
<marquee> ... </marquee>,表示移动文字
<marquee dir=ltr> ... </marquee>,”lrt”表示移动文字从左到右
<marquee dir=ltr> ... </marquee>,”rtl”表示移动文字从右到左
指定移动文字的循环次数的HTML代码是<marquee loop=#> ... < /marquee>
指定移动文字的循环速度的HTML代码是<marquee scrollamount =#> ... < /marquee>
指定移动文字的循环延时的HTML代码是<marquee<scrolldelay=#>> ... < /marquee>
嵌入多媒体文本的HTML的基本语法是<embed src=#></embed>
嵌入背景音乐的HTML代码是<bgsound src=#>
<img src="url.gif" dynsrc="url.avi">表示图象"url.gif"作为视频的封面,该说法正确
<img src="url.gif" dynsrc="url.avi">表示尚未完全读入 AVI 文件时,先在 AVI 播放区域显示该图象,该说法正确
<HEAD> HTML练习</HEAD>将HTML页面的标题设置为“HTML练习”
下面代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:<p id="firstp">这是第一个段落</p>
<style type="text/css"># firstp {color:red}</style>
下列代码段是某页面的样式设置:
<style TYPE="text/css">.blue { color:blue }.red { color:red }</style>
现要求将页面中的第一个H1标题设置为红色,第一个段落设置为蓝色。代码正确的是 <H1 class="red">第一个标题<H1><P class="blue">第一个段落
有关样式表的说法.通过样式表,用户可以使用自己的设置来覆盖浏览器的默认样式;样式表可以用来改变字体,修改颜色等
要在表单中创建一个多行文本输入框,初始值为:这是一个多行文本框。语句正确的是:< textarea name="text1" cols=20 rows=5>这是一个多行文本框</ textarea >
分析下面HTML代码段:
<FRAMESET COLS="30%,*">
< FRAMESET ROWS="50%,50%">
<FRAME NAME="fx" SRC="x.html"> <FRAME NAME="fy" SRC="y.html">
< FRAMESET>
<FRAME NAME="fz" SRC="z.html">
< FRAMESET >
描述正确的是在页面中创建了三个框架,左边一列占窗口的30%,右边一列包含两个框架(各占50%)
在以下的HTML代码片段中:
……<caption align="top">文具</caption><tr><th>铅笔</th><th>圆珠笔</th><th>水笔</th></tr>……
正确的判断:铅笔一定位于首行中的第一列
根据以下的HTML代码片段:
…<h1 style="font-style:italic;color:limegreen;font-size=30";>
hello!Nice to meet you! < /h1>
<h1>
this is the default display of an h1 element
</h1>
…
描述正确是:第一个h1设置了特定的属性,第二个h1用了系统默认的属性, “hello!Nice to meet you!”的字体颜色是浅绿色
根据以下的HTML代码片段:
…
<Head>
<style type ="text/css">
body{color:blue;background:dimgray;font-family:arial;}
ul{color:red}
</style>
</head>
<body>
<ul>
<l1>芒果
<l2>橘子
</ul>
<ol>
<l1>苹果
<l2>提子
</ol>
</body>
…
正确的是Ul选择器将覆盖body选择器的说明
有关选择器说法正确的是. 标签选择器的优先级高于类选择器. 标签选择器用于修改HTML元素的默认的样式
下面选项中<p style="color : red;">应用了行内样式。
ID选择器的优先级高于Class选择器
ID选择器应用具有唯一性
Class选择器可以重复应用于多个网页元素
关于标签div与span的说法正确的是. div标签显示时将独占一行
可用于设置段落文本缩进的是 text-indent
属于块状标签的是<h1> <p><div>
下面代码片断。
<p class="border:1px solid red;font-size:16px;background-color:gray;"/>
分析正确的是. 样式应用错误
采用DIV+CSS设计页面布局的好处有 容易被搜索引擎收录
已知services.html与text.html在同一服务器上,但不在同一文件夹中。假如文档services.html在文件夹information中,proposals段落在文档services.html中。现要求在text.html文档中编写一个超链接,链接到文档services.html的proposals段落。下面语句正确的是<A href ="information/services.html#proposals">Link</A>
语句中,<A href ="mailto:262928596@">发送反馈信息</A>可以在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件。
根据以下的HTML代码:
<html>
<head>
<title>表格</title>
<head>
<body>
<table border="1">
<tr>
<td >1</td>
<td >2</td>
</tr>
<tr>
<td >3</td>
</tr>
</table>
</body>
</html>
对以上代码,描述正确的是1和2的表格在同一行
根据以下的HTML代码:h1{color:limegreen;font-family:arial}可以知道此段代码是一个选择器.{}部分是对h1这个元素的解释
根据以下的HTML代码:
<html>
<head>
<style type="text/css">
.water{color:limegreen;font-family:arial}
.danger{color:red;font-family:arial;font-weight:bold;}
</style>
</head>
<body>
<p class="water">test water</h1>
<p class="danger">test danger</h2>
<p >WaterDanger
<br>
<em class="danger">italic</em>
</body>
</html>
说法正确的是“test danger”运用的选择器是danger
根据以下的HTML代码:
<html>
<head>
<title>Contextual selectors < /title><style stype="text/css">
body{color:hotpink;
background:lavender;
font-family:arial;}
p{color:darkgreen}
</style>
</head>
<body>
<p> <i>名人名言:</i><br>
<b> 但丁说过:“走自己的路让别人去说吧!”</b><br>
</p>
坚持自己的正确看法,不要让别人动摇你的信念
</body>
</html>
说法B和I元素继承了p选择器的属性,Body是p的父元素,没有包含在样式表中的元素将继承其父元素的属性.
根据以下的HTML代码:
<html>
<head>
<title>change the rules</title>
<link rel=stylesheet href="good.css" type="text/css">
</head>
<body>
<h2>利用sheet1样式表 </h2>
<br>
<p class="warning">此路不通
<h2> the h2 element again</h2>
</body>
</html>
以下说法.“此路不通”运用了”warning”样式中说明的所有属性的值
标记<BR>在标记的位置添加一个回车符。
<ADDRESS>标记用于显示诸如HTML文档的作者、地址和签名等信息,通常显示为斜体字。
<CITE></CITE>标记用于引文和引用。
要在页面中绘制一条水平线,要求水平线左对齐显示、宽度占整个文档宽度的80%、粗细为5个像素、不带阴影。语句正确的是<HR noshade size=5 align=left width=80%>
要在网页中显示“欢迎访问贵阳网站建设!”,要求字体为隶书、字体大小为6。下列语句正确的是<P><FONT SIZE=6 FACE="隶书">欢迎访问贵阳网站建设! </FONT>
要将页面的背景色设置为红色,语句正确的是<BODY BGCOLOR=RED></BODY>或<BODY BGCOLOR=#FF0000></BODY>
在HTML页面中,<TH>标记用于为表中的一列指定一个标题。
分析下面的HTML语句段:
<HTML>
<BODY BGCOLOR=lavender>
<DIV id = "Layer1" style="position:absolute; left:25px; top:27px; width:250px; height:80px; z-index:1; background-color:aqua; " >
<DIV><font color = red>
<P>再别康桥</P></FONT>
</DIV>
</DIV>
</BODY>
</HTML>
说法正确的是用红色字体显示“再别康桥”,显示“再别康桥”的区域的背景色为:aqua
在浏览器,可以使用<EMBED>标记将声音和视频添加到网页上。
INPUT元素的TYPE属性用于指定表单元素的类型,可用的类型有BUTTON和HIDDEN
要在表单中添加提交按钮,实现在用户单击“提交”按钮时,自动将表单提交到ACTION属性中指定的位置。语句正确的是<FORM METHOD="POST" ACTION=”><INPUT TYPE="submit" VALUE="提交" NAME="submit1"></FORM>
下面对于HTML表单中的复选框(Checkbox)说法正确的是:选定了Checkbox元素,并点击提交按钮,会将一个name/value队与FORM一并提交;Checkbox的CHECKED属性设置该复选框被选中
如果要在表单中,显示如下信息“您用什么方式购买证卷?网上交易、电话交易、经纪人代理”,用户只能从三个选项中选择一项。要实现以上需求,下面HTML语句正确的是<P><B>您用什么方式购买证卷?<B><P>
<INPUT TYPE="RADIO" NAME="radio1" VALUE="r1">网上交易
<INPUT TYPE="RADIO" NAME="radio2" VALUE="r2">电话交易
<INPUT TYPE="RADIO" NAME="radio3" VALUE="r3">经纪人代理
创建一个带多个框架的页面,要求页面分为4列,第一列为100像素宽,第二列为窗口的50%,第三列占余下空间的2/3,最后一列占余下空间的1/3。语句正确的是<FRAMESET COLS=”100,50%,2*,*”>
在Dreamweaver中,下列有关属性检查器的说法正确的是:属性检查器提供用于检查和编辑当前选定页面元素的属性的选项;在属性检查器中所做的所有属性修改将立即应用到文档窗口中;属性检查器最初显示选定元素最常用的属性,可以通过单击扩展箭头显示更多属性
有关在Dreamweaver中使用层的说法正确的是:将层插入网页时,Dreamweaver将在代码中插入这些层的HTML标记;先创建的层位于层叠顺序的底部,最新创建的层位于层叠顺序的顶部;在层中放置对象前必须激活层
有关插入图像的说法正确的:将图像插入Dreamweaver文档时,Dreamweaver将在HTML源代码中自动生成对此图像文件的引用
为页面所有<H1>标题创建样式规则,指定将所有的<H1>标题显示为蓝色,字体显示为Arial。操作正确的是<style type="text/css"> h1{ color:"blue"}h1{ font-family:"arial"} </STYLE>或<style type="text/css"> h1{ color:"blue"; fontfamily:"arial"}</style>
代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:<P id="firstp">这是第一个段落</P>选项中,<style type="text/css"># firstp {color:red}</style>
有一样式表文档sheet1.css,现要将该样式表文档中定义的样式应用到当前页面中,方法正确的是:将下列代码插入文档的<HEAD>部分中:<style type = "text/css">@import url('sheet1.css')</style>或:将下列代码插入文档的<HEAD>部分中:<link rel="stylesheet" type="text/css" href="sheet1.css">
创建一个样式表,可以设置当前页面中的某些(而不是所有)无序列表的内容的字体为斜体。代码正确的是<style type="text/css"> pact{text-style:italic;}</style>
在样式表中要设置文本的字体为“Arial”,语句正确的是<P style=”font-style:Arial”>
选项display属性可以陷藏页面元素。
在网页中通常采用单选按钮完成性别的输入。
用于在网页中创建表单的标签是<form>。
关于代码片断分析正确的是(AD)(选择两项)。
<form name="form1" action="login.do" method="post">...</form>
A.表单的名称是form1
D.此表单提交数据的大小不受限制
用于设置单元格之间的距离的属性是cellspacing\ cellpadding两项。
关于文件路径的说法文件路径指文件存储的位置;“../”用于返回当前目录的上一级目录;访问下一级目录直接输入相应的目录名即可。
用于设置超链接所指向页面的URL的属性是href。
在样式属性中,用于设置页面元素之间的间距的属性是border。
在Dreamweaver中创建模板,系统会自动在站点根目录下创建Templates文件夹以保存模板文件。
【推荐阅读】
陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十五讲:HTML教程笔记
如果觉得《陈力:传智播客古代 珍宝币 泡泡龙游戏开发第十五讲:HTML教程笔记》对你有帮助,请点赞、收藏,并留下你的观点哦!