HTML5+css3课后习题【二】

创始人

2024-04-04 13:03:14

文章目录

🍁第5章盒子模型🍁
- 🪶一判断题🪶
- 🦋二选择题🦋
- 🪳三简答题🪳
🟩第6章列表和超链接🟩
- 🟨一判断题🟨
- 🟥二选择题🟥
- 🟦三简答题🟦
🐺第7章表格和表单🐺
- 🍎一判断题🍎
- 🍃二选择题🍃
- 🍂三简答题🍂
😈第8章 DIV+CSS布局😈
- 👁️一判断题👁️
- 👹二选择题👹
- 🤖三简答题🤖
🐳第9章多媒体嵌入🐳
- 🐋 一判断题🐋✔️✖️
- 🐬二选择题🐬
- 🐟三简答题🐟

🍁第5章盒子模型🍁

🪶一判断题🪶

1、border-style属性用于设置圆角边框。（ ✖️）
2、h-shadow表示水平阴影的位置，不可以为负值。（✔️ ）
3、RGBA模式用于设置背景与图片的不透明度。（ ✔️）
4、

是行内元素。（ ✖️）
5、display属性可以对元素的类型进行转换。（✔️ ）

🦋二选择题🦋

1、下列选项中，属于盒子模型基本属性的是（）。
A、内边距 B、外边距 C、边框 D、宽和高
请添加图片描述
2、下列选项中，可以控制盒子宽度的属性是（）。
A、width B、height C、padding D、margin

3、下列选项中属于边框属性的是（）。
A、border-style B、border-height C、border-width D、border-color

4、关于内边距属性padding的描述，下列说法正确的是（）。
A、padding属性是复合属性。
B、必须按顺时针顺序采用值复制原则定义4个方向的内边距。
C、其取值可为1到4个值。
D、padding的取值不能为负。
请添加图片描述
5、下列选项中，可清除元素默认外边距的是（）。
A、font-size:0; B、line-height:0; C、padding:0; D、margin:0;

🪳三简答题🪳

请简要描述什么是外边距塌陷。
- 🟢当上下相邻的2个块元素相遇时，如果上面的标签有下外边距margin-button,下面的标签有上外边距margin-top,则它们之间的垂直间距。不是margin-button和margin-top之和，而是两者中的较大者这种现象。
请简要描述标签的作用。
- 🟢html标签的作用:将普通文本、图片、音乐等静态动态信息通过指定的一些标签显示在页面上。

🟩第6章列表和超链接🟩

🟨一判断题🟨

1、无序列表的各个列表项之间，虽然没有顺序级别之分，但是存在主从关系。（ ✔️）
2、在HTML中，

标记可以用于定义有序列表。（ ✖️）
3、如果不设置list-style-position属性，列表项目符号默认位于列表文本以内。（ ✖️）
4、在CSS的列表样式属性中，使用list-style复合属性可以综合设置列表样式。（✔️ ）
5、使用链接伪类时，通常按照a:link、a:visited、a:hover和a:active的顺序书写。（✔️ ）

🟥二选择题🟥

1、关于无序列表的描述，下列说法正确的是（）。
A、无序列表的各个列表项之间没有顺序级别之分。
B、无序列表使用

标记表示。

2、下列代码中，能够将列表项目符号设置为大写英文字母的是（）。
A、ul{ list-style-type: lower-alpha;}
B、ol{ list-style-type: lower-alpha;}
C、ul{ list-style-type: upper-alpha;}
D、ol{ list-style-type: upper-alpha;}
请添加图片描述

3、关于list-style-image属性，下列说法正确的是（）。
A、list-style-image属性可以为各个列表项设置列表项目图像。
B、list-style-image属性用于控制列表项显示符号的类型。
C、list-style-image属性只可以为无序列表的列表项设置项目图像。
D、list-style-image属性只可以为有序列表的列表项设置项目图像。
请添加图片描述

4、关于链接伪类的描述，下列说法错误的是（）。
A、a:link{}表示超链访问时的状态。
B、a:visited{}表示访问后超链接的状态。
C、a:hover{}表示鼠标经过、悬停时超链接的状态。
D、a:active{}表示鼠标点击不动时超链接的状态。
请添加图片描述

5、关于创建锚点链接的代码，下列书写正确的是（）。
A、链接文本
………
锚点链接
B、链接文本
………
锚点链接
C、链接文本
………
锚点链接
D、链接文本
………
锚点链接
请添加图片描述

🟦三简答题🟦

请简要描述定义列表的语法格式，并解释说明。
- 🟫？？？
请简要描述创建超链接的语法格式，并解释说明。
- 🟫创建。能不能破点连接可分为2步：一是使用标签应用href属性(href属性=“#id”,id名不可重复)创建连接文本。二是使用相应的id名标注跳转目标的位置。

🐺第7章表格和表单🐺

🍎一判断题🍎

1、在HTML语言中，标签用于设置表格的表头。（✔️ ）
2、在表格中，

标签应用了边框样式属性border，单元格不必再设置边框。（ ✖️）
3、在创建表单时，表单对象的名称由name属性设定。（ ✔️）
4、在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。（ ✔️）
5、在

</code>表单控件中，rows用来定义多行文本输入框每行中的字符数。（✖️ ）cols</p> 
<h2>🍃二 选择题🍃</h2> 
<p>1、 下列选项中，属于创建表格的基本标签的是（ ）。<br /> A、<code><table></table></code>B、<code><tr></tr> </code>C、<code><td></td></code>D、<code><title></title></code><br /> <img align="left" /><img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/cc5a84abf569c86.gif" alt="请添加图片描述" /> <br /> 2、 下列选项中，属于<code><tr></code>标签属性的是（ ）。<br /> A、height B、cellspacing C、cellpadding D、background<br /> <img align="left" /> <img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /><br /> 3、 下列选项中，属于<code><td></code>标签属性的是（ ）。<br /> A、width B、height C、rowspan D、colspan<br /> <img align="left" /><img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/cc5a84abf569c86.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /> <br /> 4、 关于单元格边距的描述，下列说法正确的是（ ）。<br /> A、cellpadding控制单元格内容与边框之间的距离。<br /> B、使用padding属性可以拉开单元格内容与边框之间的距离。<br /> C、设置相邻单元格边框之间的距离使用margin属性。<br /> D、设置相邻单元格边框之间的距离只能使用cellspacing属性。<br /> <img align="left" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /> <br /> 5、 下列选项中，属于表单控件的是（ ）。<br /> A、单行文本输入框 B、密码输入框 C、复选框 D、提交按钮<br /> <img align="left" /><img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/cc5a84abf569c86.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /> </p> 
<h2>🍂三 简答题🍂</h2> 
<ol><li>请简要描述在HTML语言中，<code><table></code>标签的常用属性有哪些。 <ul><li>🐾border、width、height、align、background、cellspacing、cellpadding</li></ul> </li><li>请简要描述HTML5中autocomplete属性的作用。 <ul><li>🐾用于指定表单是否有自动完成功能。所谓：自动完成是指将表单控件输入的内容记录下来。当再次输入时，会将输入的历史记录显示在一个下拉列表里，以实现自动输入。</li></ul> </li></ol> 
<h1>😈第8章 DIV+CSS布局😈</h1> 
<h2>👁️一 判断题👁️</h2> 
<p>1、在div+css布局技术中，css负责样式效果的呈现。（ ✖️）DIV负责内容区域的分配，CSS负责央视效果的呈现<br /> 2、在CSS中，可以通过position属性为元素设置浮动。（ ✖️）float；position属性是设置定位<br /> 3、当对元素应用“overflow:visible;”样式时，元素的溢出内容会被修剪。（✖️ ）默认的情况不会修剪【hidden】<br /> 4、z-index属性取值不能是负整数。（✖️ ）可正、0、可负<br /> 5、单列布局是网页布局的基础。（ ✔️）</p> 
<h2>👹二 选择题👹</h2> 
<p>1、 关于clear属性的描述，下列说法正确的是（ ）。<br /> A、left是clear的属性值<br /> B、clear属性可用于清除浮动<br /> C、clear属性能够清除子元素浮动对父元素的影响✖️方法空标签法，overflow属性、after伪对象方法<br /> D、clear属性只能清除标签左右两侧浮动的影响<br /> <img align="left" /> <img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /><br /> 2、 下列样式代码中，可以实现相对定位的是（ ）。<br /> A、position: static; B、position: fixed; C、position: absolute; D、position: relative;<br /> <img align="left" /><img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /> <br /> 3、 下列样式代码中，可精确定义元素位置的是（ ）。<br /> A、.special{ position: absolute;}<br /> B、.special{ position: absolute; top:20px; left:16px;}<br /> C、.special{ position: relative; top:20px; left:16px;}<br /> D、.special{ position: relative;}<br /> <img align="left" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/cc5a84abf569c86.gif" alt="请添加图片描述" /> <br /> 4、 关于三列布局的描述，下列说法正确的是（ ）。<br /> A、实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置浮动。<br /> B、实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置边框。<br /> C、实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置定位。<br /> D、实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置背景。<br /> <img align="left" /><img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /> <br /> 5、 在网页中，常用的命名方式有（ ）<br /> A、单峰式命名 B、驼峰式命名 C、双峰式命名 D、帕斯卡命名<br /> <img align="left" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /> <img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /></p> 
<h2>🤖三 简答题🤖</h2> 
<ol><li>请简要描述清除特殊浮动的方法。 <ul><li>🤖使用空标记清除浮动：在浮动标记之后添加空标记，并对该标记应用“clear:both”样式，可清除标记浮动所产生的影响，这个空标记可以是<code><div>、<p>、<hr /></code>等任何标记。</li><li>🤖使用overflow属性清除浮动：对标记应用“overflow:hidden;”样式，也可以清除浮动对该标记的影响。另外，这种方式还弥补了空标记清除浮动的不足。</li><li>🤖使用after伪对象清除浮动：使用after伪对象也可以清除浮动，但是该方法只适用于IE8及以上版本浏览器和其他非IE浏览器。</li></ul> </li><li>请简要描述什么是两列布局，并举例说明。 <ul><li>🤖网页内容被分为左右两部分。内容模块被分为左右两部分。关键是在内容模块所在的大盒子中嵌套2个小盒子，然后对2个小盒子分别设置浮动。</li></ul> </li></ol> 
<h1>🐳第9章 多媒体嵌入🐳</h1> 
<h2>🐋 一 判断题🐋✔️✖️</h2> 
<p>1、在不同的浏览器中，同样的视频文件，其播放控件的显示样式相同。（ ✖️）<br /> 2、loop属性让视频具有循环播放功能。（ ✔️）<br /> 3、当ogg文件只封装音频编码时，它就会变成为一个音频文件。（ ✔️）<br /> 4、运用width属性可以为video标签设置高度。（✖️ ）<br /> 5、通过宽高属性来缩放视频，则该视频的原始大小也会随之改变。（ ✖️）</p> 
<h2>🐬二 选择题🐬</h2> 
<p>1、 下面的选项中，属于HTML5支持的视频格式是（ ）。<br /> A、ogg B、mpeg4 C、webm D、wav<br /> <img align="left" /><img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/cc5a84abf569c86.gif" alt="请添加图片描述" /> <br /> 2、 关于音频嵌入技术，下列选项说法正确的是（ ）。<br /> A、不同的浏览器中，同样的音频文件，其播放控件的显示样式相同。<br /> B、audio标签用于为页面添加音频。<br /> C、不同的浏览器中，同样的音频文件，其播放控件的显示样式不同。<br /> D、video标签用于为页面添加音频。<br /> <img align="left" /> <img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/cc5a84abf569c86.gif" alt="请添加图片描述" /><br /> 3、 下面的选项中，属于浏览器支持的音频格式是（ ）。<br /> A、ogg B、mpeg4 C、webm D、wav<br /> <img align="left" /><img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /> <img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /><br /> 4、 下面选项中，用于为页面添加视频的标签是（ ）。<br /> A、video B、audio C、image D、text<br /> <img align="left" /><img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /> <br /> 5、 关于video标签的描述，下面说法正确的是（ ）。<br /> A、video是一个视频标签。<br /> B、video是一个音频标签。<br /> C、video标签中可以添加autoplay属性。<br /> D、在<code><video></video></code>之间可以插入文字。<br /> <img align="left" /> <img src="/uploadfile/202404/d9c3c746601a986.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/8fe64f422b8545b.gif" alt="请添加图片描述" /><img src="/uploadfile/202404/459e22c054d10fe.gif" alt="请添加图片描述" /></p> 
<h2>🐟三 简答题🐟</h2> 
<ol><li>请简要描述如何在网页中嵌入视频。 <ul><li>🪰首先，我们在开发工具中新建一个 .html 文件。然后，在代码块中加入<code><video></code>标签，在头部设置视频播放的宽高。最后在代码块的 video 标签中写入 src 之后在填写视频文件路径，在添加 controls 属性。</li></ul> </li><li>请简要描述如何在网页中嵌入音频。 <ul><li>🪰首先，我们在开发工具中新建一个 .html 文件。然后，在代码块中加入<code><audio></code>标签。最后在代码块的 audio 标签中写入 src 之后在填写音频文件路径，在添加 controls 属性。</li></ul> </li></ol><link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-22a2fefd3b.css" rel="stylesheet"><link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-4f8fbf9108.css" rel="stylesheet">                <!--end::Text-->
            </div>
            <!--end::Description-->
            <div class="mt-5">
                <!--关键词搜索-->
                
                <a href="/index.php?s=news&c=search&keyword=%E8%AF%8D%E5%BA%93%E5%8A%A0%E8%BD%BD%E9%94%99%E8%AF%AF%3A%E6%9C%AA%E8%83%BD%E6%89%BE%E5%88%B0%E6%96%87%E4%BB%B6%E2%80%9CE%3A%5Chighferrum_mysql%5CConfiguration%5CDict_Stopwords.txt%E2%80%9D%E3%80%82" class="badge badge-light-primary fw-bold my-2" target="_blank">词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。</a>
                            </div>
            <div class="mt-5">
                <p class="fc-show-prev-next">
                    <strong>上一篇：</strong><a href="/life/3427393.html">ubuntu-18.04 linux-QT版 演示sqlite3增删改查</a><br>
                </p>
                <p class="fc-show-prev-next">
                    <strong>下一篇：</strong><a href="/life/3427406.html">Java自定义注解</a>                </p>
            </div>
            <!--begin::Block-->
            <div class="d-flex flex-stack mb-2 mt-10">
                <!--begin::Title-->
                <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3>
                <!--end::Title-->
            </div>
            <div class="separator separator-dashed mb-9"></div>
            <!--end::Block-->
            <div class="row g-10">
                

            </div>


        </div>
        <!--end::Table widget 14-->
    </div>
    <!--end::Col-->

    <!--begin::Col-->
    <div class="col-xl-4 mt-0">
        <!--begin::Chart Widget 35-->
        <div class="card card-flush h-md-100">
            <!--begin::Header-->
            <div class="card-header pt-5 ">
                <!--begin::Title-->
                <h3 class="card-title align-items-start flex-column">
                    <!--begin::Statistics-->
                    <div class="d-flex align-items-center mb-2">
                        <!--begin::Currency-->
                        <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span>
                        <!--end::Currency-->
                    </div>
                    <!--end::Statistics-->
                </h3>
                <!--end::Title-->
            </div>
            <!--end::Header-->
            <!--begin::Body-->
            <div class="card-body pt-3">

                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/b04fefed77ad422aa38dc6e704dd1823?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4433001.html" class="text-dark fw-bold text-hover-primary fs-6">我喜欢你韩语怎么说 sikid...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3-tt.byteimg.com/origin/pgc-image/9ca1693124864c45947909a1590293a1?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4433000.html" class="text-dark fw-bold text-hover-primary fs-6">埃菲尔铁塔在哪 中国仿建埃菲尔...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">2019年4月26日，广西南宁市，街头惊现一座巨型山寨版埃菲尔铁塔，高约20米，白色塔身，造型逼真，...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p1-tt.byteimg.com/origin/pgc-image/8f50304f5bc04b2aa216387809669921?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432999.html" class="text-dark fw-bold text-hover-primary fs-6">苗族的传统节日 贵州苗族节日有...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/002f770423f6444da282785960702fa7?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432998.html" class="text-dark fw-bold text-hover-primary fs-6">北京的名胜古迹 北京最著名的景...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/pgc-image/5d7b1f820a4b403aa136bac748c8be9f?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432997.html" class="text-dark fw-bold text-hover-primary fs-6">长白山自助游攻略 吉林长白山游...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/pgc-image/e2ed2b3a08484bf1be3e029f3cd7d763?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432996.html" class="text-dark fw-bold text-hover-primary fs-6">应用未安装解决办法 平板应用未...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/pgc-image/4e1206de96d54744b5a8a2ce8f019cd1?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432995.html" class="text-dark fw-bold text-hover-primary fs-6">脚上的穴位图 脚面经络图对应的...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/pgc-image/28853d21814f40fdbfae24b645065016?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432994.html" class="text-dark fw-bold text-hover-primary fs-6">猫咪吃了塑料袋怎么办 猫咪误食...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/tos-cn-i-tjoges91tu/T8A8f1S2VXqbx4?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432993.html" class="text-dark fw-bold text-hover-primary fs-6">demo什么意思 demo版本...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">618快到了，各位的小金库大概也在准备开闸放水了吧。没有小金库的，也该向老婆撒娇卖萌服个软了，一切只...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p6.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/0be6682557a84445b7ee741d4acdf41f?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432992.html" class="text-dark fw-bold text-hover-primary fs-6">世界上最漂亮的人 世界上最漂亮...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/b04fefed77ad422aa38dc6e704dd1823?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432991.html" class="text-dark fw-bold text-hover-primary fs-6">我喜欢你韩语怎么说 sikid...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3-tt.byteimg.com/origin/pgc-image/9ca1693124864c45947909a1590293a1?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432990.html" class="text-dark fw-bold text-hover-primary fs-6">埃菲尔铁塔在哪 中国仿建埃菲尔...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">2019年4月26日，广西南宁市，街头惊现一座巨型山寨版埃菲尔铁塔，高约20米，白色塔身，造型逼真，...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p1-tt.byteimg.com/origin/pgc-image/8f50304f5bc04b2aa216387809669921?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432989.html" class="text-dark fw-bold text-hover-primary fs-6">苗族的传统节日 贵州苗族节日有...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/002f770423f6444da282785960702fa7?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432988.html" class="text-dark fw-bold text-hover-primary fs-6">北京的名胜古迹 北京最著名的景...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/pgc-image/5d7b1f820a4b403aa136bac748c8be9f?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432987.html" class="text-dark fw-bold text-hover-primary fs-6">长白山自助游攻略 吉林长白山游...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p6.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/0be6682557a84445b7ee741d4acdf41f?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432986.html" class="text-dark fw-bold text-hover-primary fs-6">世界上最漂亮的人 世界上最漂亮...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/pgc-image/e2ed2b3a08484bf1be3e029f3cd7d763?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432985.html" class="text-dark fw-bold text-hover-primary fs-6">应用未安装解决办法 平板应用未...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/pgc-image/4e1206de96d54744b5a8a2ce8f019cd1?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432984.html" class="text-dark fw-bold text-hover-primary fs-6">脚上的穴位图 脚面经络图对应的...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/tos-cn-i-tjoges91tu/T8A8f1S2VXqbx4?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432983.html" class="text-dark fw-bold text-hover-primary fs-6">demo什么意思 demo版本...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">618快到了，各位的小金库大概也在准备开闸放水了吧。没有小金库的，也该向老婆撒娇卖萌服个软了，一切只...</span>
                    </div>
                    <!--end::Title-->
                </div>
                                <!--begin::Item-->
                <div class="d-flex flex-stack mb-7">
                    <!--begin::Symbol-->
                    <div class="symbol symbol-60px symbol-2by3 me-4">
                        <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/pgc-image/28853d21814f40fdbfae24b645065016?from=pc')"></div>
                    </div>
                    <!--end::Symbol-->
                    <!--begin::Title-->
                    <div class="m-0">
                        <a href="/changshi/4432982.html" class="text-dark fw-bold text-hover-primary fs-6">猫咪吃了塑料袋怎么办 猫咪误食...</a>
                        <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...</span>
                    </div>
                    <!--end::Title-->
                </div>
                
            </div>
            <!--end::Body-->
        </div>
        <!--end::Chart Widget 35-->
    </div>
    <!--end::Col-->
</div>



</div>
<!--end::Content container-->
</div>
<!--end::Content-->
</div>
<!--end::Content wrapper-->
<!--begin::Footer-->
<div id="kt_app_footer" class="app-footer">
    <!--begin::Footer container-->
    <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
        <!--begin::Copyright-->
        <div class="text-dark order-2 order-md-1">
            <span class="text-muted fw-semibold me-1">2026 ©</span>
            办公百科网<a href="http://fund.caiding5.cn/">才丁消费网</a><a href="http://www.zzldhg.com/">零点化工网</a><a href="http://www.hcygmm.com/">汇川网</a><a href="http://learn.office369.com">学习</a><a href="http://www.zzdfzj.cn/">东方游戏</a><a href="http://share.office369.com">办公分享</a><div style="display:none"><a href="http://www.80hlw.com">八零互联网</a> <a href="http://ask.kcwzh.com">开创问答网</a> <a href="http://www.office369.com">办公应用网</a><a href="https://www.mingxing100.com">明星一百</a><a href="http://tousu.huashangw.com">商务投诉网</a></div><a href="https://www.bitekongjian.com/">比特空间</a><a href="http://lishi.fadeduo.com/">历史</a><a href="http://tiyu.fadeduo.com/">体育</a><a href="http://tansuo.caiding5.cn/">财丁</a><a href="http://che.yuansudz.com/">元素汽车</a><a href="http://cn.yuansudz.com/">元素科技</a><a href="http://www.kthtea.cn/">太和茶叶网</a><a href="http://cn.yexian114.com/">野仙生活网</a>
<a href="http://cn.gangyiku.com/">港易生活网</a><a href="http://www.bgjj.cc/">布谷家居网</a><a href="http://health.office369.com/">办公家居网</a><a href="http://travel.office369.com">办公旅游网</a><a href="http://ask.bgjj.cc/">家居问答网</a><a href="https://tuku.caiding5.net/">彩盯图库网</a><a href="https://www.picsok.com/">PICSOK</a><a href="http://xiaofei.caiding5.cn/">才丁消费网</a>        </div>
        <!--end::Copyright-->
        <!--begin::Menu-->
        <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
                        <li class="menu-item">
                <a href="/changshi/" target="_blank" class="menu-link px-2">办公常识</a>
            </li>
                        <li class="menu-item">
                <a href="/baike/" target="_blank" class="menu-link px-2">办公百科</a>
            </li>
                        <li class="menu-item">
                <a href="/life/" target="_blank" class="menu-link px-2">办公生活</a>
            </li>
                    </ul>
        <!--end::Menu-->
    </div>
    <!--end::Footer container-->
</div>
<!--end::Footer-->
</div>
<!--end:::Main-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Page-->
</div>
<!--end::App-->
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
    <!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
    <span class="svg-icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect>
            <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path>
        </svg>
    </span>
    <!--end::Svg Icon-->
</div>
<!--begin::Javascript-->
<script>var hostUrl = "/static/default/pc/";</script>
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
<script src="/static/default/pc/plugins/global/plugins.bundle.js"></script>
<script src="/static/default/pc/js/scripts.bundle.js"></script>
<!--end::Global Javascript Bundle-->

<!--end::Javascript-->
</body>
<!--end::Body-->
</html>

HTML5+css3课后习题【二】

文章目录

🍁第5章 盒子模型🍁

🪶一 判断题🪶

🦋二 选择题🦋

🪳三 简答题🪳

🟩第6章 列表和超链接🟩

🟨一 判断题🟨

🟥二 选择题🟥

锚点链接

锚点链接

锚点链接

锚点链接

🟦三 简答题🟦

🐺第7章 表格和表单🐺

🍎一 判断题🍎

🍁第5章盒子模型🍁

🪶一判断题🪶

🦋二选择题🦋

🪳三简答题🪳

🟩第6章列表和超链接🟩

🟨一判断题🟨

🟥二选择题🟥

🟦三简答题🟦

🐺第7章表格和表单🐺

🍎一判断题🍎