全国大中专教材网络采选系统

推荐纸质教材推荐数字资源

Web前端开发（初级）（下册） / 工业和信息化人才培养工程系列丛书，1+X证书制度试点培训用书

定价：￥49.00

作者：工业和信息化部教育与考试中心

出版时间：2025-08

出版社：电子工业出版社

以下为《Web前端开发（初级）（下册）》的配套数字资源，这些资源在您购买图书后将免费附送给您：

关闭

试读

基本信息评价

出版社：电子工业出版社
ISBN：9787121368042
版次：1-21
图书编号：281068
本季征订号：68260043-2
装帧：平塑
开本：16开
出版时间：2025-08
千字：378
页数：236
职教专业大类：电子与信息大类
适用专业：网络
适用分级：高职

第三篇 HTML5和CSS3开发
基础与应用
第7章 HTML5简介 2
7.1 HTML5的出现 2
7.2 浏览器对HTML5的兼容性 4
7.3 HTML5和HTML4的区别 4
7.3.1 DTD的变化 4
7.3.2 字符编码的变化 5
7.3.3 HTML5语法的变化 5
7.4 HTML5的优势 6
7.5 本章小结 7
第8章 HTML5常用元素和属性 8
8.1 HTML5保留的常用元素 8
8.1.1 基本元素 9
8.1.2 文本格式化元素 11
8.1.3 超链接和锚点 14
8.1.4 列表相关元素 15
8.1.5 表格相关元素 17
8.2 HTML5新增的常用元素 20
8.2.1 文档结构元素 20
8.2.2 文本格式化元素 28
8.2.3 页面增强元素 29
8.2.4 多媒体元素 30
8.3 HTML5的通用属性（全局
属性） 32
8.3.1 HTML5保留的通用属性 32
8.3.2 contenteditable属性和designMode属性 33
8.3.3 hidden属性 35
8.3.4 spellcheck属性 36
8.4 HTML5废弃的元素 36
8.5 HTML5废弃的属性 37
8.6 本章小结 38
第9章 HTML5表单相关元素和属性 39
9.1 HTML5原有的表单元素及
表单控件 40
9.1.1 表单元素

40
9.1.2 表单控件 41
9.1.3 表单控件 42
9.1.4 表单控件

45<br />
9.2  HTML5表单新增的元素	46<br />
9.2.1  input元素新增功能类型	46<br />
9.2.2  HTML5新增的表单控件<output>	55<br />
9.3  HTML5表单控件新增的属性	55<br />
9.3.1  form属性	56<br />
9.3.2  formaction属性	56<br />
9.3.3  formmethod属性	57<br />
9.3.4  formenctype属性	58<br />
9.3.5  formtarget属性	58<br />
9.3.6  placeholder属性	59<br />
9.3.7  autocomplete属性	60<br />
9.3.8  autofocus属性	61<br />
9.3.9  list属性	61<br />
9.3.10  pattern属性	62<br />
9.3.11  novalidate属性	63<br />
9.3.12  required属性	64<br />
9.3.13  <textarea>新增maxlength<br />
属性和wrap属性	65<br />
9.4  本章小结	65<br />
第10章  CSS3新增选择器	66<br />
10.1  CSS3简介	66<br />
10.2  兄弟选择器	67<br />
10.3  新增的属性选择器	68<br />
10.4  新增的伪类选择器	72<br />
10.5  新增的伪元素选择器	74<br />
10.6  本章小结	76<br />
第11章  CSS3新增属性	77<br />
11.1  CSS3新增背景属性	77<br />
11.1.1  background-clip	77<br />
11.1.2  background-origin	78<br />
11.1.3  background-size	80<br />
11.1.4  多背景图片	81<br />
11.2  CSS3新增字体文本相关<br />
属性	82<br />
11.2.1  CSS3新增使用服务器<br />
字体	82<br />
11.2.2  CSS3新增文本属性	82<br />
11.3  CSS3新增盒模型属性	85<br />
11.3.1  圆角边框	85<br />
11.3.2  box-shadow	86<br />
11.3.3  resize	88<br />
11.3.4  outline-offset	89<br />
11.4  CSS3新增变形动画属性	89<br />
11.4.1  CSS3的变形属性	90<br />
11.4.2  CSS3的3D变形属性	95<br />
11.4.3  CSS3的过渡属性	101<br />
11.4.4  CSS3的动画属性	105<br />
11.5  CSS3新增多列属性	107<br />
11.6  本章小结	111<br />
第四篇  轻量级框架应用<br />
第12章  jQuery基础	114<br />
12.1  jQuery框架概述	114<br />
12.1.1  jQuery简介	115<br />
12.1.2  jQuery优势	115<br />
12.1.3  jQuery安装	116<br />
12.1.4  jQuery语法	119<br />
12.2  jQuery选择器	120<br />
12.2.1  id选择器	120<br />
12.2.2  类选择器	122<br />
12.2.3  标记选择器	123<br />
12.2.4  属性选择器	124<br />
12.2.5  位置选择器	127<br />
12.2.6  后代选择器	130<br />
12.2.7  子代选择器	130<br />
12.2.8  选择器对象	131<br />
12.2.9  选择器对象遍历应用<br />
及页面初始化	133<br />
12.3  jQuery中的DOM操作	134<br />
12.3.1  查找HTML元素	135<br />
12.3.2  创建HTML元素	136<br />
12.3.3  插入HTML元素	137<br />
12.3.4  删除HTML元素	141<br />
12.3.5  复制HTML元素	143<br />
12.3.6  替换HTML元素	144<br />
12.4  jQuery事件	145<br />
12.4.1  事件绑定	146<br />
12.4.2  鼠标事件	147<br />
12.4.3  键盘事件	152<br />
12.4.4  表单事件	155<br />
12.4.5  窗口事件	159<br />
12.4.6  事件冒泡	161<br />
12.4.7  事件解除	165<br />
12.5  本章小结	169<br />
第13章  jQuery效果	171<br />
13.1  jQuery容器适应	171<br />
13.1.1  元素及浏览器窗口的宽<br />
和高	171<br />
13.1.2  div自适应窗口高度	174<br />
13.2  jQuery标签操作	176<br />
13.2.1  标签内容操作	176<br />
13.2.2  标签属性操作	180<br />
13.2.3  图片轮换效果	181<br />
13.2.4  标签样式操作	183<br />
13.2.5  选项卡效果	188<br />
13.3  jQuery动画	190<br />
13.3.1  隐藏和显示	190<br />
13.3.2  遮罩层	192<br />
13.3.3  淡入和淡出	194<br />
13.3.4  动画效果滑动	195<br />
13.3.5  页面右下角弹层	196<br />
13.3.6  自定义动画方法	198<br />
13.3.7  鼠标位置获取	200<br />
13.3.8  两级联动	201<br />
13.4  jQuery弹窗案例	203<br />
13.4.1  弹窗移动分析	203<br />
13.4.2  弹窗移动实现	203<br />
13.5  图片左右滚动案例	206<br />
13.5.1  图片左右滚动分析	206<br />
13.5.2  图片左右滚动实现	207<br />
13.6  图片放大效果案例	209<br />
13.6.1  图片放大效果分析	209<br />
13.6.2  图片放大效果实现	210<br />
13.7  本章小结	214<br />
第14章  jQuery AJAX	215<br />
14.1  AJAX简介	215<br />
14.1.1  AJAX工作原理	216<br />
14.1.2  AJAX原                            </div>
                            <a href="javascript:void(0);" class="tpml-all"></a>
                        </div>
                                    </div>

<div class="tab-main" style="display: none;">
                    <form id="search_form" action="" method="get">
                        <input type="hidden" value="evaluate" name="cur">
                        <input type="hidden" name="textbook_id" value="712957">
                        <input type="hidden" name="page" id="search_form_page" value="1">
                    </form>
                    <div class="table-H">
                        <span>好评度</span>
                    </div>
                    <ul class="pjBox">
                        <li>
                            <div class="pjStar">
                                                                <p>内容评价
                                    <label class="star-box">
                                                                                                                            <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                            </label>
                                </p>
                                <p>质量评价
                                    <label class="star-box">
                                                                                                                            <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                            </label>
                                </p>
                            </div>
                        </li>
                    </ul>
                    <div class="table-H">
                        <span>全部评价</span>
                    </div>
                    <ul class="pjBox">
                                                    <div class="no-content">暂无评价信息</div>
                                            </ul>
                    <div id="page" class="page_div"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        var cur = "default";
        if (cur == 'evaluate') {
            $('#evaluate').addClass('cur').siblings('a').removeClass('cur');
            $('.tab-main').hide().eq($('#evaluate').index()).show();
        } else if (cur == 'default') {
            $('#default').addClass('cur').siblings('a').removeClass('cur');
            $('.tab-main').hide().eq($('#default').index()).show();
        }
        if ($('.tpml').height() > 250) {
            $('.tpml-all').html('展开更多')
            $('.tpml').css('height', '250px')
        }
        if ($('.content-caixuan').height() > 85) {
            $('.content-caixuan-all').html('查看全部')
            $('.content-caixuan').css('height', '85px')
        }
        if ($('.author').height() > 50) {
            $('.author-all').html('查看全部')
            $('.author').css('height', '50px')
        }
    });
    Look = {};
    Look.tanBox = function (box_id) {
        tanBox(box_id);
    };
    $("#page").paging({
        pageNo: $("#search_form_page").val(),
        totalPage: 0,
        totalSize: 0,
        callback: function (num) {
            jumpto(num)
        }
    });

$('.author-all').click(function () {
        if ($(this).html() === '查看全部') {
            var $con = $(this).html('收起').prev('div');
            $con.css('height', '100%');
        } else {
            var $con = $(this).html('查看全部').prev('div');
            $con.css('height', '50px');
            $con.css('overflow', 'hidden');
        }
    });

$('.content-caixuan-all').click(function () {
        if ($(this).html() === '查看全部') {
            var $con = $(this).html('收起').prev('div');
            $con.css('height', '100%');
        } else {
            var $con = $(this).html('查看全部').prev('div');
            $con.css('height', '85px');
            $con.css('overflow', 'hidden');
        }
    });

$('.tpml-all').click(function () {
        if ($(this).html() === '展开更多') {
            var $con = $(this).html('收起').prev('div');
            $con.css('height', '100%');
        } else {
            var $con = $(this).html('展开更多').prev('div');
            $con.css('height', '250px');
            $con.css('overflow', 'hidden');
        }
    });

$(".table-tab a").click(function () {
        $(this).addClass('cur').siblings('a').removeClass('cur');
        $('.tab-main').hide().eq($(this).index()).show();
        $(".table-radio label:visible").attr("style", "border:0");
        if ($(".table-radio label:visible").length == 1) {
            $(".table-radio").hide();
        }
    })
</script>
<div class="fri-link foot-link">
    <span class="fri-link-dt">友情链接</span>
    <a class="fri-link-item fri-link-item1" href="http://cn.cnpubg.com/" target="_blank">中国出版集团公司</a>
	<a class="fri-link-item" target="_blank" href="http://www.xhsdzd.com/">新华书店总店</a>
	<a class="fri-link-item" target="_blank" href="http://www.pac.org.cn/">中国出版协会</a>
	<a class="fri-link-item" target="_blank" href="http://www.crs1992.com/">中国编辑学会</a>
	<a class="fri-link-item" target="_blank" href="http://www.hep.com.cn/">高等教育出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cmpedu.com/">机械工业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.sciencep.com/">科学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cip.com.cn/">化学工业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cepp.sgcc.com.cn/">中国电力出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.phei.com.cn/">电子工业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ccpcl.com.cn/">人民交通出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.crup.com.cn/">中国人民大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.pup.cn/">北京大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.tup.tsinghua.edu.cn/index.html">清华大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ryjiaoyu.com.cn">人民邮电出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ccap.com.cn/">中国农业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cabp.com.cn/">中国建筑工业出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.pmph.com/">人民卫生出版社</a>
	<a class="fri-link-item" target="_blank" href="http://dutp.dlut.edu.cn">大连理工大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.bitpress.com.cn/">北京理工大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.zzup.cn/">郑州大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.bnump.com/">北京师范大学出版社</a>
	<a class="fri-link-item" target="_blank" href="https://nkup.nankai.edu.cn/">南开大学出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.wdp.com.cn/">武汉大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.textbookcenter.cn">北京出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.gph.com.cn/">地质出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.dufep.cn">东北财经大学出版社有限责任公司</a>
	<a class="fri-link-item" target="_blank" href="http://www.lawpress.com.cn/">法律出版社有限公司</a>
	<a class="fri-link-item" target="_blank" href="http://www.castp.cn/">中国农业科学技术出版社</a>
	<a class="fri-link-item" target="_blank" href="https://press.ustc.edu.cn/">中国科学技术大学出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.cqup.com.cn/">重庆大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://xdcbs.com/">西南大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.jiaodapress.com.cn/">上海交通大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.waterpub.com.cn/">中国水利水电出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ecnupress.com.cn/">华东师范大学出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.fltrp.com/">外语教学与研究出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.fudanpress.com/">复旦大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cptcm.com/">中国中医药出版社</a>
</div>

<div class="footer">
    <div class="footerBox">
        <div class="footerTop">
            © 2018-2026 新华国采教育网络科技有限责任公司 版权所有 <a href="/static/营业执照正本.pdf">营业执照</a>
        </div>
        <ul>
            <li style="width:25%;">
                <p>客服热线：010-88362023、010-88361712、010-88361551</p>
                <p><a target="_blank" href="https://beian.miit.gov.cn/">京ICP备16053406号</a></p>
            </li>
            <li style="width:35%;">
                <p>出版物经营许可证：<a href="/static/出版物经营许可证.pdf">新出发京零字第西160035号</a></p>
                <p>京公网安备 11010202007778号<img src="/images/ip.jpg"></p>
            </li>
            <li style="width: 40%;">
                <p>信息系统安全等级保护（三级）备案证明编号：11010243697-20001</p>
                <p>增值电信业务经营许可证编号：京B2-20170886</p>
            </li>
        </ul>
    </div>
</div>

</body>
    </html>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?8c456308ba2e540841c85599c32c7d67";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>