第18卷 网页元素-文本（2） 山东省对口考试-数字媒体类《网页制作》考点双析卷

编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第18卷精准对标山东省考纲，考试内容及范围【网页制作】： （三）网页元素的插入和设置：（1）掌握文本的输入及属性设置方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第18卷 网页元素-文本（2） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．选取文本时，使用“全选”的快捷键是 。 （   ） A．Ctrl+A B．Shift+A C．Alt+A D．Ctrl+Shift+A 【答案】A 2．在文本之间插入一个空格，需要单击 。 （   ） A．空格键 B．按ctrl+空格 C．按alt+空格 D．按shift+空格 【答案】A 3．在Dreamweaver CS6中，下列关于插入水平线的描述，错误的是（   ） A．“插入”菜单→“HTML”选项→“水平线” B．在水平线的“属性面板”中可以设置水平线的宽、高、对齐方式，但不能直接设置颜色 C．“插入”面板下的“常用”和“布局”选项卡中都可以插入“水平线” D．在网页标题与内容间设置水平线，宽度一般与标题宽度等同 【答案】C 4．在DreamWeaver CS6中，插入多个连续空格的快捷键是（   ） A．shift+空格 B．shift+alt+空格键 C．ctrl+alt+空格 D．shift+ctrl+空格 【答案】D 5．在Dreamweaver CS6中,________不能通过“页面属性”中的外观(HTML)进行设置。（   ） A．背景图像 B．背景颜色 C．边距高度 D．字体 【答案】D 6．已知某网页显示效果如图所示，那么正确的代码是（   ） A．<h1 align＝”center”> <img src＝”png”></h1>迎接2019年 B．<h1 align＝”center”>迎接2019年</h1><img src＝”png”> C．<h1 align＝”center”>迎接2019年<img src＝”png”></h1> D．迎接2019年<h1 align＝”center”><img src＝”png”></h1> 【答案】C 7．要实现如图所示的设计效果下列代码正确的是（   ） A．<p>这是一张风景照<img src="fei.png" alt="风景" align="top"/>，非常漂亮。 </p><hr width="80%"/> B．<p align="top">这是一张风景照<img src="fei.png" alt="风景" align="center"/>，非常漂亮。</p><hr align="center" width="80%"/> C．<p align="center">这是一张风景照<img src="fei.png" alt="风景"align="bottom"/>，非常漂亮。</p><hr align="center" width="80%"/> D．<p align="center">这是一张风景照<img src="fei.png" alt="风景" align="middle"/>，非常漂亮。</p><hr align="center" width="60%"/> 【答案】D 8．如图所示，下列叙述错误的是（   ） A．这是文本属性面板 B．“格式”下拉列表中可以为文本设置段落、标题1～6等格式 C．“类”中可以新建并编辑CSS类 D．“标题”处灰色不可用是因为当前未设置超链接 【答案】C 9．水平线Size属性的默认值为（   ） A．1 B．2 C．3 D．4 【答案】B 10．在水平线的属性面板中，不可以设置的属性是（   ） A．宽 B．高 C．对齐 D．颜色 【答案】D 11．在Dreamweaver CS6中，若要设置一条1像素粗、200像素长的左对齐的红色水平线，则应使用的语句是（   ） A．<hr width＝1 size＝200 color＝red align＝left> B．<hr size＝1 width＝200 color＝#FF0000 align＝left> C．<hr width＝1 size＝200 color＝red align＝right> D．<hr size＝1 width＝200 color＝#00FF00 align＝left 【答案】B 12．在Dreamweaver CS6网页中插入版权符号“”，下列操作正确的是（   ） A．选择菜单“插入”→“HTML”→“特殊字符”→“版权” B．选择菜单“插入”→“HTML”→“文本对象”→“版权” C．选择菜单“插入”→“字符”→“其他字符”→“版权” D．选择菜单“插入”→“HTML”→“文本对象”→“特殊字符”→“版权” 【答案】A 13．在网页中插入一水平线后，不能再水平线属性面板中设置的是（   ） A．宽度 B．高度 C．颜色 D．对齐方式 【答案】B 14．在Dreamweaver CS6中，若要在文本内插入多个空格，下列方法不能实现的是（ 　） A．快捷键Shift＋Ctrl＋空格键 B．插入“特殊字符”中的“不换行空格” C．代码视图中，输入“&nbsp；” D．快捷键Ctrl＋Alt＋空格键 【答案】D 15．制作网页时经常需要换行，实现该操作是最合适的组合键是（   ） A．Enter B．Shift＋Enter C．Ctrl＋Enter D．Tab＋Enter 【答案】B 16．在段首插入两个空格的方法正确的是（   ） A．在Dreamweaver设计视图下直接将光标定位在段首，按下键盘上空格键两次 B．在Dreamweaver设计视图下将光标定位在段首，选择“插入”面板上的“常用”选项，再选择“字符”中的“不换行空格” C．在Dreamweaver代码视图下将光标定位在段首，直接输入代码&nbsp； D．在Dreamweaver代码视图下将光标定位在段首，使用快捷键Shift＋Ctrl＋空格键两次 【答案】D 17．在Dreamweaver CS6中，下列说法不正确的是（   ） A．选择“插入”面板上的“文本”选项，再选择“字符”中“不换行空格”可以插入空格 B．执行“插入”→“HTML”→“水平线”命令，可以插入水平线 C．按快捷键Ctrl＋Shift＋Space，可以插入空格 D．执行“插入”→“HTML”→“图像”命令可以插入图像 【答案】D 18．下列图标中，________可以在Dreamweaver CS6中插入不换行空格。（   ） A． B． C． D． 【答案】B 19．网页中可以使用水平线将不同的内容隔开，使网页的内容层次更加分明。下列关于水平线的说法，有误的是（   ） A．某些网页的标题与内容间会设置水平线，宽度一般与标题宽度等同 B．水平线一般需要设置宽度、高度等属性 C．在网页内容中分隔不同内容长度与宽度往往根据分隔内容宽度而定 D．在网页下方版权信息处设置水平线，可以分隔网页内容与版权信息，宽度一般略长于网页宽度 【答案】D 20．网页中可以使用 将不同的内容隔开，使网页的内容层次更加分明。（   ） A．图像 B．水平线 C．Flash D．动画 【答案】B 二、判断题（本大题共6小题，每题2分，共12分） 21．<font size＝”7”>字体大小</font>与<font size＝”＋4”>字体大小</font>，这两段HTML代码实现的效果一致。 ( ) 【答案】正确 22．标题1－6数字越大，标题级别越低，字体越小。 ( ) 【答案】正确 23．在 HTML 语言中，<H1>标记比<H2>标记的字要大。 ( ) 【答案】正确 24．在水平线<HR>标记中，height属性定义水平线的高度，单位为像素或百分比。 ( ) 【答案】错误 25．段落标记的align属性一般用于设置水平对齐方式，其属性值有“left”“right”“middle”。 ( ) 【答案】错误 26．<br><h3><font color＝”#FF0000”>计算机网络及网页</h3></font>这句HTML代码是正确的。 ( ) 【答案】错误 三、简答题（本大题共4小题，每题7分，共28分） 27．独具匠心——多媒体网页设计的步骤有哪些？ 【答案】（1）编辑首页、启动DreamweaverCC、打开前面建立的站点“筑梦青春”，将素材renwu5文件夹中的所有内容复制到zmqc中。 （2）双击打开index.html，在“属性”面畈的“文档标题”框中输入“筑梦青春”。将鼠标光标定位到文档窗口中，设置“文件”菜单“页面属性"中的左、右、上、下边距均为0，“背景”颜色为#999，“链接”分类选择“始终无下画线”。 （3）将鼠标光标定位在文档顶端，选择“插入"菜单"Image"命令，插入图片"images/l .jpg' 如图2· 88所示，在图片的“属性”。面板中设置“替换”为“最美青春”，如图2．89所示设置图片的宽为280px、高为170px。 （4）按照操作步骤（3）的方法插入图片"images/2.jpg"，在图片的“属性”面板中设置图片的宽为300px、高为180px。 （5）选择菜单“插入”——“HTML”——“鼠标经过图像”命令，弹出“插入鼠标经过图像”对话框。单击单击“原始图像”后面的“浏览”按钮，选择图片"images/ 3 *jpg"o单击“鼠标经过图像”后面的“浏览”按钮，选择图片“images/ 4 •jpg”。在“替换文本''文本框中输入“精彩瞬间”，在“按下时，前住的URL ”文本框中输入 "http://www.chmaskills-jsw.org/ ， 这相当于设置图片的超链接。 在图片的属性面板中设置图片的宽为260px、高为160px。 （6）按照操作步骤（5）的方法插入第2个鼠标经过图像，如图2·91所示。在图片的“属性”标签中设置图片的宽为240px、高为巧Opxo同时选中页面中的四张图片，在OSS “属性” 面板中设置居中对齐。 （7）换行，选择菜单“插入”一“图像”命令，插入图片“Images/7•jpg”，在图片的“属性”面板中设置图片的宽为1080px、高为10pxe换行，输入文本“筑梦青春静待花开”，设置“字体”为华文彩云，“大小”为36PX' “文本颜色”为#0F0。 （8）换行，选择“插入” “ HTML ” “Flash s从下”命令，在弹出的对话框中，选择 flash文件夹中的文件，如图2四3所示“文档”窗口中出现flash占位符，选择该占位符，在“属性”面板设置其宽为800px、高为80px、背景颜色为“ #999'，勾选“循环”和“自动播放”复选框，"Wmode”设置为“透明”。 （9）添加首页导航。换行，输入文字“首页逐梦前行扬帆起航励志视频联系我” 设置“字体”为黑体，“大小”为24px， “颜色”一为#F00，换行，选择“插入”菜单中的“图像”、命令，插入“Ij.jpg”，冗成首页设计 （10）给网页添加背景声音。选择菜单“插入”——"HTML"——“插件”命令，在弹出的“选择文件”对话框中选择music文件夹中的“music.mp3”文件，窗口中出现插件占位符在“属性”面板中将宽度和高度的值分别设为0。 （11）按【Ctrl+S】组合键保存文件，按F12键预览网页。 （12）创建“励志视频”页面。新建玺白文档，重命名为“Izsp.html”，在页面第一行输入文本“工匠精神之魂”，在“属性”面板中设置“字体”为华文琥珀，“大小”为24px， “又本颜色”为#F00，居中对齐。 （13）换行，选择菜单“插入” “ HTML ” “Flash Video”命令，弹出“插入FLV” 对话框，如图2·96所示，通过单击URL后的“浏览”按钮，选择Flash文件夹中的“jianghun.flv”。“文档”窗口中出现FLV文件的占位符产，在下一行输入文本“ [单击此处可下载] ”，使其居中对齐。 28．简述设置文本格式 【答案】文本的格式设置包括对字符的格式设置和对段落的格式设置两个方面。对字符的格式设置 只针对字符本身，例如，将某个段落中的某些文字设置为斜体格式等；而对段落的格式设置操 作是针对该段落整体的，例如，段落的缩进方式、对齐方式等。 文本的格式设置在“属性”面板中进行，文本块设置默认格式或设置样式(段落、标题1、 标题2等)、更改所选文本的字体、大小、颜色和对齐方式，或者应用文本样式[如粗体、斜体、 代码(等宽字体)和下画线]。Dreamweaver 将 CSS“属性”面板和HTML“属性”面板集成为  一个“属性”面板。HTML“属性”面板是用系统提供的HTML 标记来设置文本格式的；CSS“属 性”面板则是通过定义样式，对网页文档内容进行精确格式设置的方法，它可以使用许多HTML   样式不能使用的属性。 29．简述向“字体”列表中添加 Web 字体. 【答案】可将 Web 字体从计算机中添加到Preamweaver 中的“字体”列表中。Dreamweaver 的所有 “字体”列表中均会反映所添加的字体。其支持E6)WOFH 、和syc类型的字体。 (1)选择“修改”| “管理字体”选项。 (2)在随后弹出的对话框中，选择“本地 Web 字体”选项卡。 (3)单击要添加的字体类型所对应的“浏览”按钮。例如，如果字体为 EOT 格式，则可单击 “EOT 字体”所对应的“浏览”按钮。 (4)导航到计算机上包含该字体的位置。选择该文件并将其打开，如果该位置存在该字体  的其他格式，则自动将这些格式添加到对话框中，还可以自动根据字体的名称选取“字体名称”。 (5)选择要求确认已允许该字体供网站使用的选项。 (6)单击“完成”按钮，随后在“本地字体的当前列表”中显示字体的列表。 (7)要从“字体”列表中删除 Web  字体，可在“本地字体的当前列表”中选择该字体， 然后单击“删除”按钮。 30．水平线有什么作用？写出完整的水平线标记 【答案】在页面中插入一条水平分隔线，将不同的内容信息分开，使文字看起来清晰、明确。 格式：<hr align="对齐方式"  color="颜色"  width="宽度"  size="高度"  noshade> 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $ 编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第18卷精准对标山东省考纲，考试内容及范围【网页制作】： （三）网页元素的插入和设置：（1）掌握文本的输入及属性设置方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第18卷 网页元素-文本（2） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．选取文本时，使用“全选”的快捷键是 。 （   ） A．Ctrl+A B．Shift+A C．Alt+A D．Ctrl+Shift+A 2．在文本之间插入一个空格，需要单击 。 （   ） A．空格键 B．按ctrl+空格 C．按alt+空格 D．按shift+空格 3．在Dreamweaver CS6中，下列关于插入水平线的描述，错误的是（   ） A．“插入”菜单→“HTML”选项→“水平线” B．在水平线的“属性面板”中可以设置水平线的宽、高、对齐方式，但不能直接设置颜色 C．“插入”面板下的“常用”和“布局”选项卡中都可以插入“水平线” D．在网页标题与内容间设置水平线，宽度一般与标题宽度等同 4．在DreamWeaver CS6中，插入多个连续空格的快捷键是（   ） A．shift+空格 B．shift+alt+空格键 C．ctrl+alt+空格 D．shift+ctrl+空格 5．在Dreamweaver CS6中,________不能通过“页面属性”中的外观(HTML)进行设置。（   ） A．背景图像 B．背景颜色 C．边距高度 D．字体 6．已知某网页显示效果如图所示，那么正确的代码是（   ） A．<h1 align＝”center”> <img src＝”png”></h1>迎接2019年 B．<h1 align＝”center”>迎接2019年</h1><img src＝”png”> C．<h1 align＝”center”>迎接2019年<img src＝”png”></h1> D．迎接2019年<h1 align＝”center”><img src＝”png”></h1> 7．要实现如图所示的设计效果下列代码正确的是（   ） A．<p>这是一张风景照<img src="fei.png" alt="风景" align="top"/>，非常漂亮。 </p><hr width="80%"/> B．<p align="top">这是一张风景照<img src="fei.png" alt="风景" align="center"/>，非常漂亮。</p><hr align="center" width="80%"/> C．<p align="center">这是一张风景照<img src="fei.png" alt="风景"align="bottom"/>，非常漂亮。</p><hr align="center" width="80%"/> D．<p align="center">这是一张风景照<img src="fei.png" alt="风景" align="middle"/>，非常漂亮。</p><hr align="center" width="60%"/> 8．如图所示，下列叙述错误的是（   ） A．这是文本属性面板 B．“格式”下拉列表中可以为文本设置段落、标题1～6等格式 C．“类”中可以新建并编辑CSS类 D．“标题”处灰色不可用是因为当前未设置超链接 9．水平线Size属性的默认值为（   ） A．1 B．2 C．3 D．4 10．在水平线的属性面板中，不可以设置的属性是（   ） A．宽 B．高 C．对齐 D．颜色 11．在Dreamweaver CS6中，若要设置一条1像素粗、200像素长的左对齐的红色水平线，则应使用的语句是（   ） A．<hr width＝1 size＝200 color＝red align＝left> B．<hr size＝1 width＝200 color＝#FF0000 align＝left> C．<hr width＝1 size＝200 color＝red align＝right> D．<hr size＝1 width＝200 color＝#00FF00 align＝left 12．在Dreamweaver CS6网页中插入版权符号“”，下列操作正确的是（   ） A．选择菜单“插入”→“HTML”→“特殊字符”→“版权” B．选择菜单“插入”→“HTML”→“文本对象”→“版权” C．选择菜单“插入”→“字符”→“其他字符”→“版权” D．选择菜单“插入”→“HTML”→“文本对象”→“特殊字符”→“版权” 13．在网页中插入一水平线后，不能再水平线属性面板中设置的是（   ） A．宽度 B．高度 C．颜色 D．对齐方式 14．在Dreamweaver CS6中，若要在文本内插入多个空格，下列方法不能实现的是（ 　） A．快捷键Shift＋Ctrl＋空格键 B．插入“特殊字符”中的“不换行空格” C．代码视图中，输入“&nbsp；” D．快捷键Ctrl＋Alt＋空格键 15．制作网页时经常需要换行，实现该操作是最合适的组合键是（   ） A．Enter B．Shift＋Enter C．Ctrl＋Enter D．Tab＋Enter 16．在段首插入两个空格的方法正确的是（   ） A．在Dreamweaver设计视图下直接将光标定位在段首，按下键盘上空格键两次 B．在Dreamweaver设计视图下将光标定位在段首，选择“插入”面板上的“常用”选项，再选择“字符”中的“不换行空格” C．在Dreamweaver代码视图下将光标定位在段首，直接输入代码&nbsp； D．在Dreamweaver代码视图下将光标定位在段首，使用快捷键Shift＋Ctrl＋空格键两次 17．在Dreamweaver CS6中，下列说法不正确的是（   ） A．选择“插入”面板上的“文本”选项，再选择“字符”中“不换行空格”可以插入空格 B．执行“插入”→“HTML”→“水平线”命令，可以插入水平线 C．按快捷键Ctrl＋Shift＋Space，可以插入空格 D．执行“插入”→“HTML”→“图像”命令可以插入图像 18．下列图标中，________可以在Dreamweaver CS6中插入不换行空格。（   ） A． B． C． D． 19．网页中可以使用水平线将不同的内容隔开，使网页的内容层次更加分明。下列关于水平线的说法，有误的是（   ） A．某些网页的标题与内容间会设置水平线，宽度一般与标题宽度等同 B．水平线一般需要设置宽度、高度等属性 C．在网页内容中分隔不同内容长度与宽度往往根据分隔内容宽度而定 D．在网页下方版权信息处设置水平线，可以分隔网页内容与版权信息，宽度一般略长于网页宽度 20．网页中可以使用 将不同的内容隔开，使网页的内容层次更加分明。（   ） A．图像 B．水平线 C．Flash D．动画 二、判断题（本大题共6小题，每题2分，共12分） 21．<font size＝”7”>字体大小</font>与<font size＝”＋4”>字体大小</font>，这两段HTML代码实现的效果一致。 ( ) 22．标题1－6数字越大，标题级别越低，字体越小。 ( ) 23．在 HTML 语言中，<H1>标记比<H2>标记的字要大。 ( ) 24．在水平线<HR>标记中，height属性定义水平线的高度，单位为像素或百分比。 ( ) 25．段落标记的align属性一般用于设置水平对齐方式，其属性值有“left”“right”“middle”。 ( ) 26．<br><h3><font color＝”#FF0000”>计算机网络及网页</h3></font>这句HTML代码是正确的。 ( ) 三、简答题（本大题共4小题，每题7分，共28分） 27．独具匠心——多媒体网页设计的步骤有哪些？ 28．简述设置文本格式 29．简述向“字体”列表中添加 Web 字体. 30．水平线有什么作用？写出完整的水平线标记 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $