web+html网页设计与开发基础资料计专文档格式.docx
- 文档编号:6760566
- 上传时间:2023-05-07
- 格式:DOCX
- 页数:38
- 大小:255.16KB
web+html网页设计与开发基础资料计专文档格式.docx
《web+html网页设计与开发基础资料计专文档格式.docx》由会员分享,可在线阅读,更多相关《web+html网页设计与开发基础资料计专文档格式.docx(38页珍藏版)》请在冰点文库上搜索。
h6>
定义HTML标题。
定义段落。
定义简单的折行。
hr>
定义水平线。
--...-->
定义注释。
b>
定义粗体文本。
ont>
不赞成使用。
定义文本的字体、尺寸和颜色
i>
定义斜体文本。
em>
定义强调文本。
big>
定义大号文本。
strong>
定义语气更为强烈的强调文本。
small>
定义小号文本。
sup>
定义上标文本。
sub>
定义下标文本。
bdo>
定义文本的方向。
u>
定义下划线文本。
pre>
定义预格式文本
code>
定义计算机代码文本。
tt>
定义打字机文本。
kbd>
定义键盘文本。
var>
定义文本的变量部分。
dn>
定义定义项目。
samp>
定义计算机代码样本。
xmp>
定义预格式文本。
acronym>
定义只取首字母的缩写。
abbr>
定义缩写。
address>
定义文档作者或拥有者的联系信息。
blockquote>
定义块引用。
center>
定义居中文本。
q>
定义短的引用。
cite>
定义引用(citation)。
ins>
定义被插入文本。
del>
定义被删除文本。
s>
定义加删除线的文本。
strike>
a>
定义锚。
link>
定义文档与外部资源的关系。
rame>
定义框架集的窗口或框架。
rameset>
定义框架集。
norames>
定义针对不支持框架的用户的替代内容。
irame>
定义内联框架。
orm>
定义供用户输入的HTML表单。
input>
定义输入控件。
textarea>
定义多行的文本输入控件。
button>
定义按钮。
select>
定义选择列表(下拉列表)。
optgroup>
定义选择列表中相关选项的组合。
option>
定义选择列表中的选项。
label>
定义input元素的标注。
ieldset>
定义围绕表单中元素的边框。
legend>
定义ieldset元素的标题。
isindex>
定义与文档相关的可搜索索引。
ul>
定义无序列表。
ol>
定义有序列表。
li>
定义列表的项目。
dir>
定义目录列表。
dl>
定义定义列表。
dt>
定义定义列表中的项目。
dd>
定义定义列表中项目的描述。
menu>
定义菜单列表。
img>
定义图像。
map>
定义图像映射。
area>
定义图像地图内部的区域。
table>
定义表格
caption>
定义表格标题。
th>
定义表格中的表头单元格。
tr>
定义表格中的行。
td>
定义表格中的单元。
thead>
定义表格中的表头内容。
tbody>
定义表格中的主体内容。
oot>
定义表格中的表注内容(脚注)。
col>
定义表格中一个或多个列的属性值。
colgroup>
定义表格中供格式化的列组。
style>
定义文档的样式信息。
div>
定义文档中的节。
span>
head>
定义关于文档的信息。
title>
定义文档的标题。
meta>
定义关于HTML文档的元信息。
base>
定义页面中所有链接的默认地址或默认目标。
baseont>
定义页面中文本的默认字体、颜色或尺寸。
script>
定义客户端脚本。
noscript>
定义针对不支持客户端脚本的用户的替代内容。
applet>
定义嵌入的applet。
object>
定义嵌入的对象。
param>
定义对象的参数。
4.超链接标记的target属性取下列哪一项是在新窗口中打开网页文档。
B
A._self
B._blank
C._top
D._parent
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的<
标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。
这个目标是多余且不必要的,除非和文档标题<
标签中的target属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。
如果这个引用是在窗口或者在顶级框架中,那么它与目标_self等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用_top目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
提示:
这些target的所有4个值都以下划线开始。
任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架name或id的第一个字符。
5.要使表格的边框不显示,应设置border的值是(
B)。
A.1
B.0
C.2
D.3
6.为了标识一个HTML文件应该使用的HTML标记是(
C)。
/p>
boby>
/body>
/html>
/table>
7.在HTML中,标记<
的作用是(
A.标题标记
B.预排版标记
C.转行标记
D.文字效果标记
标记类型译名或意义作用备注
文件标记
HTML>
●文件声明让浏览器知道这是HTML文件
HEAD>
●开头提供文件整体资讯
TITLE>
●标题定义文件标题,将显示于浏览顶端
BODY>
●本文设计文件格式及内文所在
排版标记
--注解-->
○说明标记为文件加上说明,但不被显示
P>
○段落标记为字、画、表格等之间留一空白行
BR>
○换行标记令字、画、表格等显示于下一行
HR>
○水平线插入一条水平线
CENTER>
●居中令字、画、表格等显示于中间反对
PRE>
●预设格式令文件按照原始码的排列方式显示
DIV>
●区隔标记设定字、画、表格等的摆放位置
NOBR>
●不折行令文字不因太长而绕行
WBR>
●建议折行预设折行部位
字体标记
STRONG>
●加重语气产生字体加粗Bold的效果
B>
●粗体标记产生字体加粗的效果
EM>
●强调标记字体出现斜体效果
I>
●斜体标记字体出现斜体效果
TT>
●打字字体Courier字体,字母宽度相同
U>
●加上底线加上底线反对
H1>
●一级标题标记变粗变大加宽,程度与级数反比
H2>
●二级标题标记将字体变粗变大加宽
H3>
●三级标题标记将字体变粗变大加宽
H4>
●四级标题标记将字体变粗变大加宽
H5>
●五级标题标记将字体变粗变大加宽
H6>
●六级标题标记将字体变粗变大加宽
FONT>
●字形标记设定字形、大小、颜色反对
BASEFONT>
○基准字形标记设定所有字形、大小、颜色反对
BIG>
●字体加大令字体稍为加大
SMALL>
●字体缩细令字体稍为缩细
STRIKE>
●画线删除为字体加一删除线反对
CODE>
●程式码字体稍为加宽如<
KBD>
●键盘字字体稍为加宽,单一空白
SAMP>
●范例字体稍为加宽如<
VAR>
●变数斜体效果
CITE>
●传记引述斜体效果
BLOCKQUOTE>
●引述文字区块缩排字体
DFN>
●述语定义斜体效果
ADDRESS>
●地址标记斜体效果
SUB>
●下标字下标字
SUP>
●上标字指数(平方、立方等)
清单标记
OL>
●顺序清单清单项目将以数字、字母顺序排列
UL>
●无序清单清单项目将以圆点排列
LI>
○清单项目每一标记标示一项清单项目
MENU>
●选单清单清单项目将以圆点排列,如<
反对
DIR>
●目录清单清单项目将以圆点排列,如<
DL>
●定义清单清单分两层出现
DT>
○定义条目标示该项定义的标题
DD>
○定义内容标示定义内容
表格标记
TABLE>
●表格标记设定该表格的各项参数
CAPTION>
●表格标题做成一打通列以填入表格标题
TR>
●表格列设定该表格的列
TD>
●表格栏设定该表格的栏
TH>
●表格标头相等于<
,但其内之字体会变粗
表单标记
FORM>
●表单标记决定单一表单的运作模式
TEXTAREA>
●文字区块提供文字方盒以输入较大量文字
INPUT>
○输入标记决定输入形式
SELECT>
●选择标记建立pop-up卷动清单
OPTION>
○选项每一标记标示一个选项
图形标记
IMG>
○图形标记用以插入图形及设定图形属性
连结标记
A>
●连结标记加入连结
BASE>
○基准标记可将相对URL转绝对及指定连结目标
框架标记
FRAMESET>
●框架设定设定框架
FRAME>
○框窗设定设定框窗
IFRAME>
○页内框架于网页中间插入框架IE
NOFRAMES>
●不支援框架设定当浏览器不支援框架时的提示
影像地图
MAP>
●影像地图名称设定影像地图名称
AREA>
○连结区域设定各连结区域
多媒体
BGSOUND>
○背景声音于背景播放声音或音乐IE
EMBED>
○多媒体加入声音、音乐或影像
其他标记
MARQUEE>
●走动文字令文字左右走动IE
BLINK>
●闪烁文字闪烁文字NC
ISINDEX>
○页内寻找器可输入关键字寻找于该一页反对
META>
○开头定义让浏览器知道这是HTML文件
LINK>
○关系定义定义该文件与其他URL的关系
StyleSheet
STYLE>
●样式表控制网页版面
●自订标记独立使用或与样式表同用
8.在网页中,必须使用(A)标记来完成超级链接。
A<
/a>
B<
/p>
C<
/link>
D<
/li>
9.用HTML标记语言编写一个简单的网页,网页最基本的结构是(D)。
A<
<
/head>
frame>
/frame>
/html>
B<
/title>
/body>
C<
D<
10.以下标记符中,用于设置页面标题的是(A)
A.<
B.<
C.<
D.<
11.以下标记符中,没有对应的结束标记的是(B)
12.若要在页面中创建一个图形超链接,要显示的图形为myhome.jpg,所链接的地址为,以下用法中,正确的是(B);
ahref=””>
myhome.jpg<
ahref=””>
imgsrc=”myhome.jpg”>
ahref=””>
D
ahref=>
13.以下标记中,用于定义一个单元格的是(A);
&
nbsp;
/td>
B<
/tr>
C
/table>
D<
/caption>
14.以下创建mail链接的方法,正确的是(C)
ahref=”master@”>
管理员<
B.<
ahref=”callto:
master@”>
C.<
ahref=”mailto:
D.<
ahref=”Email:
15.引用外部样式表的元素应该放在(C)。
A.HTML文档的开始的位置
B.HTML文档的结束的位置
C.在head元素中
D.在body元素中
1.外部样式表就是新建一个文档,里面全写css,然后再通过link插入到html代码中
2.内部样式表就是直接在HTML文档中写css代码,写在<
中
用<
/style>
包围
3.内联样式就是直接在标签里写样式,形如<
divstyle="
color:
#000"
16.下列(C)是定义样式表的正确格式。
A.{body:
color=black(body}
B.body:
color=black
C.body{color:
black}
D.{body;
black}
17.下列(A)是定义样式表中的注释语句。
A./*注释语句*/
B.//注释语句
C.//注释语句//
D.‘注释语句
18.如果要在不同的网页中应用相同的样式表定义,应该(C)。
A.直接在HTML的元素中定义样式表
B.在HTML的<
标记中定义样式表
C.通过一个外部样式表文件定义样式表
D.以上都可以
定义CSS样式(三种方式)
一、在head标签中加载一个CSS文件示例<
linkrel="
stylesheet"
type="
text/css"
href="
style.css"
/>
此例使用了link标签。
abbr{font-size:
12px;
}.text10pxwhite{font-size:
10px;
color:
#FFFFFF;
}
style.css的内容
二、直接把CSS内容写在HTML文件的head标签中示例<
styletype="
abbr{font-size:
12px;
}.text10pxwhite{font-size:
10px;
}<
此例使用了style标签。
两种方法是殊途同归的(但是推荐使用第一种方法).
三、使用style属性对标签加载样式示例<
pstyle="
font-size:
#000;
"
使用css<
此例使用了标签的style属性。
常用的有三种方法:
1.内部引用所谓内部引用就是运用style标签引用在同HTML页内<
/HEAD>
部分的css定义。
如:
.cssstyle{font:
#339966;
border:
1px#e1763dsolid;
}<
divclass="
cssstyle"
THISISAPARTSOFTEXTWHICHLINKCSSSTYLEINHEADPART<
2.外部引用外部引用就是用<
标签引用外部CSS文件中的样式。
如欲实现上述效果,可将CSS做成单独文件。
文件CSSSTYLE.CSS/*THISISCSSFILE*/.cssstyle{font:
}然后在HTML引用它:
cssstyle.css"
使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误,要不然HTML文档是不会找到CSS样式的。
3.内联引用内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接,但是缺点也最明显,最大的问题就是代码繁冗,作用域也仅仅在定义的标签的作用范围。
#ccc"
THISTEXTISGREY<
IAMNOTGREY,WHATCOLORAMI?
:
)<
综上所述,CSS应用与HTML中共有三种基本方法。
在CSS学习之初,大家就必须明确这三种方法,并且形成良好的编程习惯。
笔者建议大家使用外部调用的方法来引用CSS文件,这样不仅可以提高代码的可读性和可维护性,还更利于搜索引擎的收录和引用。
19.样式表定义#title{color:
red}表示(B)。
A.网页中的标题是红色的
B.网页中某一个id为title的元素中的内容是红色的
C.网页中元素名为title的内容是红色的
D.以上任意一个都可以
20.样式表定义.outer{background-color:
yellow}表示(B)。
A.网页中某一个id为outer的元素的背景色是红色的
B.网页中含有class=”outer”元素的背景色是红色的
C.网页中元素名为outer元素的背景色是红色的
21.下列(B)表示p元素中的字体是粗体。
A.p{text-size:
bold}
B.p{font-weight:
C.<
text-size:
bold"
D.<
22.下列(C)表示a元素中的内容没有下划线。
A.a{text-decoration:
nounderline}
B.a{underline:
none}
C.a{text-decoration:
D.a{decoration:
23.下列(A)表示上边框线宽10px,下边框线宽5px,左边框线宽20px,右边框线宽1px,。
A.border-width:
10px1px5px20px
B.border-width:
10px5px20px1px
C.border-width:
5px20px10px1px
D.border-width:
10px20px5px1px
24.下列(A)表示左边距。
A.margin-left
B.margin
C.indent
D.text-indent
25.下列(A)表示列表项符号是小方块。
A.list-style-type:
square
B.type:
C.list-type:
D.type:
2
26.如果要将网页中的两个div对象制作为重叠效果,(D)。
A.是不可能的
B.利用表格标记<
C.利用样式表定义中的绝对位置与相对位置属性
D.利用样式表定义中的z-index属性
27.下列属性哪一个能够实现层的隐藏?
(C)
A.display:
falseB.display:
hiddenC.display:
noneD.display:
"
28.在CSS语言中下列
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- web html 网页 设计 开发 基础 资料