【真题】2026年04月自考14352网页设计与网站建设试题

📍 全国统考 💯 满分：100分 ✓ 及格：60分 ⏱ 时长：150分钟 📝 题量：44题

单项选择题

1. 以下不属于全局属性的是

A. id

B. class

C. style

D. size

正确答案： D

解析： HTML 全局属性（global attributes）包括 id、class、style、title、data-*、lang、dir、tabindex 等，适用于所有 HTML 元素。size 是、、

等特定元素的专有属性，不是全局属性。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
                <div class="pq-item" data-qid="71829">
            <div class="pq-type-tag">单项选择题</div>
            <div class="pq-question">
                <span class="pq-no">2.</span>
                <span class="pq-content">用于设置段落格式的标记符不包括</span>
            </div>
                    <div class="pq-options">
                            <div class="pq-option">
                    <span class="pq-opt-label">A.</span>
                    <span class="pq-opt-content"><p></span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">B.</span>
                    <span class="pq-opt-content"><br></span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">C.</span>
                    <span class="pq-opt-content"><tr></span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">D.</span>
                    <span class="pq-opt-content"><hr></span>
                </div>
                        </div>
                    <div class="pq-answer-wrap" style="display:none;">
                <div class="pq-answer">
                    <span class="pq-answer-label">正确答案：</span>
                    <span class="pq-answer-value">C</span>
                </div>
                        <div class="pq-analysis">
                    <span class="pq-analysis-label">解析：</span>
                    <span class="pq-analysis-value"><tr> 是表格行（table row）标签，属于表格结构元素，不用于段落格式设置；<p> 定义段落，<br> 强制换行，<hr> 插入水平线，均与段落排版相关。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
                <div class="pq-item" data-qid="71830">
            <div class="pq-type-tag">单项选择题</div>
            <div class="pq-question">
                <span class="pq-no">3.</span>
                <span class="pq-content">如果要为整个网站设置一致的风格,应使用</span>
            </div>
                    <div class="pq-options">
                            <div class="pq-option">
                    <span class="pq-opt-label">A.</span>
                    <span class="pq-opt-content">站点样式</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">B.</span>
                    <span class="pq-opt-content">页面样式</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">C.</span>
                    <span class="pq-opt-content">行内样式</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">D.</span>
                    <span class="pq-opt-content">属性样式</span>
                </div>
                        </div>
                    <div class="pq-answer-wrap" style="display:none;">
                <div class="pq-answer">
                    <span class="pq-answer-label">正确答案：</span>
                    <span class="pq-answer-value">A</span>
                </div>
                        <div class="pq-analysis">
                    <span class="pq-analysis-label">解析：</span>
                    <span class="pq-analysis-value">站点样式（通常指外部 CSS 文件或统一引入的样式表）可被多个页面共享，实现全站风格统一；行内样式和页面样式作用范围有限，无法跨页复用。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
                <div class="pq-item" data-qid="71831">
            <div class="pq-type-tag">单项选择题</div>
            <div class="pq-question">
                <span class="pq-no">4.</span>
                <span class="pq-content">CSS 的背景属性不包括</span>
            </div>
                    <div class="pq-options">
                            <div class="pq-option">
                    <span class="pq-opt-label">A.</span>
                    <span class="pq-opt-content">background-image</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">B.</span>
                    <span class="pq-opt-content">background-action</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">C.</span>
                    <span class="pq-opt-content">background-color</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">D.</span>
                    <span class="pq-opt-content">background-attachment</span>
                </div>
                        </div>
                    <div class="pq-answer-wrap" style="display:none;">
                <div class="pq-answer">
                    <span class="pq-answer-label">正确答案：</span>
                    <span class="pq-answer-value">B</span>
                </div>
                        <div class="pq-analysis">
                    <span class="pq-analysis-label">解析：</span>
                    <span class="pq-analysis-value">CSS 背景属性包括 background-color、background-image、background-repeat、background-position、background-attachment、background-size 等；background-action 并非标准 CSS 属性。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
                <div class="pq-item" data-qid="71832">
            <div class="pq-type-tag">单项选择题</div>
            <div class="pq-question">
                <span class="pq-no">5.</span>
                <span class="pq-content">在Web 上常用的图像格式不包括</span>
            </div>
                    <div class="pq-options">
                            <div class="pq-option">
                    <span class="pq-opt-label">A.</span>
                    <span class="pq-opt-content">TIF</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">B.</span>
                    <span class="pq-opt-content">GIF</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">C.</span>
                    <span class="pq-opt-content">JPEG</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">D.</span>
                    <span class="pq-opt-content">PNG</span>
                </div>
                        </div>
                    <div class="pq-answer-wrap" style="display:none;">
                <div class="pq-answer">
                    <span class="pq-answer-label">正确答案：</span>
                    <span class="pq-answer-value">A</span>
                </div>
                        <div class="pq-analysis">
                    <span class="pq-analysis-label">解析：</span>
                    <span class="pq-analysis-value">TIF（TIFF）主要用于印刷出版和专业图像处理，因文件体积大、浏览器支持差，不适用于 Web；GIF、JPEG、PNG 是 Web 标准支持的三大图像格式。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
                <div class="pq-item" data-qid="71833">
            <div class="pq-type-tag">单项选择题</div>
            <div class="pq-question">
                <span class="pq-no">6.</span>
                <span class="pq-content">如果在表单里创建文本框,以下代码正确的是</span>
            </div>
                    <div class="pq-options">
                            <div class="pq-option">
                    <span class="pq-opt-label">A.</span>
                    <span class="pq-opt-content"></span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">B.</span>
                    <span class="pq-opt-content"></span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">C.</span>
                    <span class="pq-opt-content"></span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">D.</span>
                    <span class="pq-opt-content"></span>
                </div>
                        </div>
                    <div class="pq-answer-wrap" style="display:none;">
                <div class="pq-answer">
                    <span class="pq-answer-label">正确答案：</span>
                    <span class="pq-answer-value">A</span>
                </div>
                        <div class="pq-analysis">
                    <span class="pq-analysis-label">解析：</span>
                    <span class="pq-analysis-value">默认  标签即为文本输入框（type=”text”），是创建单行文本框的标准写法；B 是密码框，C 是复选框，D 是单选按钮，均非普通文本框。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
                <div class="pq-item" data-qid="71834">
            <div class="pq-type-tag">单项选择题</div>
            <div class="pq-question">
                <span class="pq-no">7.</span>
                <span class="pq-content">以下用于匹配属性值中包含指定值的每个元素的属性选择器是</span>
            </div>
                    <div class="pq-options">
                            <div class="pq-option">
                    <span class="pq-opt-label">A.</span>
                    <span class="pq-opt-content">[attribute | =value]</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">B.</span>
                    <span class="pq-opt-content">[attribute∗=value]</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">C.</span>
                    <span class="pq-opt-content">[attribute =value]</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">D.</span>
                    <span class="pq-opt-content">[attribute﹩=value]</span>
                </div>
                        </div>
                    <div class="pq-answer-wrap" style="display:none;">
                <div class="pq-answer">
                    <span class="pq-answer-label">正确答案：</span>
                    <span class="pq-answer-value">B</span>
                </div>
                        <div class="pq-analysis">
                    <span class="pq-analysis-label">解析：</span>
                    <span class="pq-analysis-value">[attr*=value] 是 CSS 属性选择器，表示属性值中**包含**子字符串 value；[attr=value] 表示完全相等；[attr|=value] 表示以 value- 开头或等于 value；[attr$=value] 表示以 value 结尾（题干中 D 项书写错误，应为 $ 而非 ﹩）。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
                <div class="pq-item" data-qid="71835">
            <div class="pq-type-tag">单项选择题</div>
            <div class="pq-question">
                <span class="pq-no">8.</span>
                <span class="pq-content">如果把元素的position 属性值设置为relative,所采用的定位方式是</span>
            </div>
                    <div class="pq-options">
                            <div class="pq-option">
                    <span class="pq-opt-label">A.</span>
                    <span class="pq-opt-content">浮动定位</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">B.</span>
                    <span class="pq-opt-content">固定定位</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">C.</span>
                    <span class="pq-opt-content">绝对定位</span>
                </div>
                            <div class="pq-option">
                    <span class="pq-opt-label">D.</span>
                    <span class="pq-opt-content">相对定位</span>
                </div>
                        </div>
                    <div class="pq-answer-wrap" style="display:none;">
                <div class="pq-answer">
                    <span class="pq-answer-label">正确答案：</span>
                    <span class="pq-answer-value">D</span>
                </div>
                        <div class="pq-analysis">
                    <span class="pq-analysis-label">解析：</span>
                    <span class="pq-analysis-value">position: relative; 表示相对定位：元素相对于其正常文档流位置进行偏移，不脱离文档流。</span>
                </div>
                    </div>
            <a href="javascript:void(0)" class="pq-toggle-answer">显示答案</a>
        </div>
        <div class="pq-next-hint"><div class="pq-next-question"><span class="pq-next-no">9.</span><span class="pq-next-content">在大多数浏览器中,样式的优先级遵循的原则是…</span></div><div class="pq-next-lock">🔒 已锁定</div></div><div class="pq-cta-box pq-cta-inline"><div class="pq-cta-icon">🔒</div><div class="pq-cta-text"><div class="pq-cta-title">本试卷共 44 道题</div><div class="pq-cta-desc">您已预览前 8 题，还有 36 题待解锁</div></div><div class="pq-cta-actions"><a href="javascript:void(0)" class="pq-cta-btn pq-cta-register signin-loader">登录后查看完整试卷</a></div></div>            </div>

</div>
        <script>
        jQuery(document).ready(function($) {
            // 折叠/展开材料
            $('.paper-questions-preview').on('click', '.material-toggle-btn', function() {
                var $panel = $(this).closest('.material-panel');
                $panel.toggleClass('collapsed');
                $(this).text($panel.hasClass('collapsed') ? '▲' : '▼');
            });

// 显示/隐藏答案
            $('.paper-questions-preview').on('click', '.pq-toggle-answer', function(e) {
                e.preventDefault();
                var $btn = $(this);
                var $answer = $btn.closest('.pq-item').find('.pq-answer-wrap');
                $answer.slideToggle(200, function() {
                    $btn.text($answer.is(':visible') ? '隐藏答案' : '显示答案');
                    // 答案显示后重新渲染公式
                    if ($answer.is(':visible') && window.renderMathInElement) {
                        window.renderMathInElement($answer[0], {
                            delimiters: [
                                {left: '$$', right: '$$', display: true},
                                {left: '$', right: '$', display: false},
                                {left: '\$', right: '\$', display: false},
                                {left: '\\[', right: '\\]', display: true}
                            ],
                            throwOnError: false
                        });
                    }
                });
            });

// 分页器点击切换
            $('.paper-questions-preview').on('click', '.pq-pager a', function(e) {
                e.preventDefault();
                var $target = $(this);
                if ($target.hasClass('disabled') || $target.hasClass('active')) return;
                var page = parseInt($target.data('page'), 10);
                if (!page || page < 1) return;

var $preview = $target.closest('.paper-questions-preview');
                var $list = $preview.find('.pq-list');
                var totalPages = parseInt($list.find('.pq-pager').first().data('total'), 10);

// 1. 切换独立题目可见性
                $list.find('.pq-item[data-page]').each(function() {
                    var $it = $(this);
                    $it.css('display', parseInt($it.data('page'), 10) === page ? '' : 'none');
                });

// 2. 切换材料块可见性
                $list.find('.pq-material-block[data-page]').each(function() {
                    var $b = $(this);
                    $b.css('display', parseInt($b.data('page'), 10) === page ? '' : 'none');
                });

// 3. 分页器状态
                $list.find('.pq-pager').each(function() {
                    var $pager = $(this);
                    $pager.attr('data-current', page);
                    $pager.find('.pq-pager-num').removeClass('active');
                    $pager.find('.pq-pager-num[data-page="' + page + '"]').addClass('active');
                    var $prev = $pager.find('.pq-pager-prev');
                    var $next = $pager.find('.pq-pager-next');
                    if (page <= 1) {
                        $prev.addClass('disabled').attr('data-page', 1);
                    } else {
                        $prev.removeClass('disabled').attr('data-page', page - 1);
                    }
                    if (page >= totalPages) {
                        $next.addClass('disabled').attr('data-page', totalPages);
                    } else {
                        $next.removeClass('disabled').attr('data-page', page + 1);
                    }
                });

// 4. 平滑滚动到列表顶部
                $('html, body').stop(true, false).animate({
                    scrollTop: $preview.offset().top - 80
                }, 300);
            });
        });
        </script>
        
                        
            <div class="modern-layout">
                <aside class="modern-sidebar theme-box">
                    <ul class="modern-nav">
                                                                        <li class="modern-nav-item active" data-tab="outline">
                            <a href="javascript:void(0)">考试大纲</a>
                        </li>
                                                                        <li class="modern-nav-item" data-tab="book">
                            <a href="javascript:void(0)">推荐教材</a>
                        </li>
                                            </ul>
                </aside>

<div class="modern-content">
                    
                                        <div class="theme-box modern-panel" data-panel="outline">
                        <div class="modern-panel-body">
                                                        <div class="posts-row modern-list-item">
                                <div class="modern-list-main">
                                    <div class="modern-list-title">
                                        福建14352网页设计与网站建设自学考试大纲.doc                                                                            </div>
                                </div>
                                <div class="modern-list-actions">
                                                                                                            <a href="javascript:void(0)" class="btn btn-default btn-sm signin-loader">查看PDF</a>
                                                                                                        </div>
                            </div>
                                                        <div class="posts-row modern-list-item">
                                <div class="modern-list-main">
                                    <div class="modern-list-title">
                                        甘肃自考14352网页设计与网站建设含实践考试大纲.pdf                                                                            </div>
                                </div>
                                <div class="modern-list-actions">
                                                                                                            <a href="javascript:void(0)" class="btn btn-default btn-sm signin-loader">查看PDF</a>
                                                                                                        </div>
                            </div>
                                                        <div class="posts-row modern-list-item">
                                <div class="modern-list-main">
                                    <div class="modern-list-title">
                                        陕西14352网页设计与网站建设.docx                                                                            </div>
                                </div>
                                <div class="modern-list-actions">
                                                                                                            <a href="javascript:void(0)" class="btn btn-default btn-sm signin-loader">查看PDF</a>
                                                                                                        </div>
                            </div>
                                                    </div>
                    </div>
                    
                                        <div class="theme-box modern-panel" data-panel="book" style="display:none;">
                        <div class="modern-panel-body">
                                                        <div class="posts-row modern-book-item">
                                                                <div class="modern-book-cover modern-book-cover-empty">📖</div>
                                                                <div class="modern-book-info">
                                    <div class="modern-book-name">
                                        <a href="https://www.9-8.top/zikao-book/book-3437/">网页设计与网站建设（自考教材）</a>
                                    </div>
                                                                                                            <div class="modern-book-author">版本：全国通用版</div>                                </div>
                            </div>
                                                    </div>
                    </div>
                                    </div>
            </div>
            
        </div>
        <script>
        jQuery(document).ready(function($) {
            $('.modern-nav-item').on('click', function() {
                var tab = $(this).data('tab');
                $('.modern-nav-item').removeClass('active');
                $(this).addClass('active');
                $('.modern-panel').hide();
                $('.modern-panel[data-panel="' + tab + '"]').show();
            });
        });
        </script>
        
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
        <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
        <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"
                onload="if(window.renderMathInElement){renderMathInElement(document.querySelector('.zikao-modern-paper'),{delimiters:[{left:'$$',right:'$$',display:true},{left:'$',right:'$',display:false},{left:'\\\$',right:'\\\$',display:false},{left:'\\\\[',right:'\\\\]',display:true}],throwOnError:false});}"></script>
        <script>
        jQuery(document).on('pq-answer-toggled pq-loaded', function() {
            if (window.renderMathInElement) {
                window.renderMathInElement(document.querySelector('.zikao-modern-paper'), {
                    delimiters: [
                        {left: '$$', right: '$$', display: true},
                        {left: '$', right: '$', display: false},
                        {left: '\$', right: '\$', display: false},
                        {left: '\\[', right: '\\]', display: true}
                    ],
                    throwOnError: false
                });
            }
        });
        </script>
                
        <div id="zikao-page-feedback-overlay" class="zikao-feedback-overlay">
            <div class="zikao-feedback-modal">
                <div class="fbm-header">
                    <h3 class="fbm-title">页面反馈</h3>
                    <button type="button" class="fbm-close" data-fbm-close aria-label="关闭">×</button>
                </div>
                <div class="fbm-subtitle" id="zikao-fb-subtitle">如该页面内容有误、数据缺失或链接失效，请告诉我们。</div>
                <div class="fbm-options" id="zikao-fb-options">
                    <button type="button" class="fbm-option" data-fb-type="content_error">内容错误</button>
                    <button type="button" class="fbm-option" data-fb-type="data_error">数据错误</button>
                    <button type="button" class="fbm-option" data-fb-type="link_error">链接失效</button>
                    <button type="button" class="fbm-option" data-fb-type="suggestion">其他建议</button>
                </div>
                <textarea class="fbm-textarea" id="zikao-fb-detail" placeholder="请补充具体问题描述，方便我们尽快处理…">