本书用通俗易懂的语言详细介绍了HTML5网页设计和应用CSS3样式美化网页，涵盖教育部“1+X”《Web前端开发职业技能等级标准》证书和工信部“蓝桥杯”全国软件和信息技术专业人才“Web应用开发”大赛的相关网页设计与制作知识点，以真实岗位生产项目、典型工作任务、案例等为载体组织教学内容并进行教学设计，重点突出“教、学、做”一体化，注重培养学生的应用能力和解决问题的实际工作能力，培养高素质高技能应用型人才。
全书共分为9章，包括HTML5基本标签及开发工具介绍、CSS样式表基础、表格的应用、表单的应用、应用CSS设置链接和导航菜单、应用CSS3样式美化网页、基于DIV+CSS的网页、应用CSS3布局网页与实例、网上书城网页设计与制作。
本书适合作为高等职业院校各专业“网页设计与制作”课程的教材，也可作为前端开发的培训教材，还可作为Web开发爱好者的自学用书。
内容推荐
目录
第1章 HTML5基本标签及开发工具介绍
1.1 HTML概述
1.1.1 HTML5发展历史
1.1.2 HTML5新特性
1.1.3 HTML5组织
1.1.4 HTML5构成
1.2 第一个入门网页
1.2.1 头部…1.2.2 标题…</title<BR>1.2.3 元标签<meta<BR>1.2.4 入门网页<BR> 1.3 开发工具简介<BR>1.3.1 使用记事本编辑器<BR>1.3.2 使用EditPlus编辑器<BR>1.3.3 使用Sublime编辑器<BR>1.3.4 使用Dreamweaver编辑器<BR> 1.4 HBuilderX界面介绍<BR>1.4.1 “文件”菜单<BR>1.4.2 界面功能介绍<BR>1.4.3 使用HBuilderX新建一个网页<BR> 1.5 在页面中添加HTML<BR>1.5.1 标题标签<h<BR>1.5.2 段落标签<p<BR>1.5.3 换行标签<br<BR>1.5.4 预排版标签<pre<BR>1.5.5 文本格式化标签<BR>1.5.6 列表<BR>1.5.7 设置文本字体<BR>1.5.8 插入图片<BR>1.5.9 插入特殊符号<BR>1.5.10 插入横线<BR> 1.6 HTML5新增标签<BR>1.6.1 标签<BR>1.6.2 声音内容的标签<BR>1.6.3 图形的<canvas>标签<BR>1.6.4 调用命令的<command>标签<BR>1.6.5 定义时间或日期的<time>标签<BR>1.6.6 定义视频的<video>标签<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第2章 CSS样式表基础<BR> 2.1 初步认识CSS<BR>2.1.1 什么是CSS<BR>2.1.2 CSS3发展简史<BR>2.1.3 CSS3基本语法<BR> 2.2 CSS语法结构分析<BR>2.2.1 CSS3属性选择器<BR>2.2.2 元素选择器<BR>2.2.3 群组选择器<BR>2.2.4 包含选择器<BR>2.2.5 CLASS及ID选择器<BR>2.2.6 子元素选择器<BR>2.2.7 相邻兄弟选择器<BR>2.2.8 伪类及伪对象<BR>2.2.9 通配选择器<BR> 2.3 将CSS应用于网页<BR>2.3.1 行内样式表<BR>2.3.2 内部样式表<BR>2.3.3 外部样式表<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第3章 表格的应用<BR> 3.1 表格的应用<BR> 3.2 表格的基础用法<BR>3.2.1 行代码<BR>3.2.2 单元格<BR>3.2.3 列的合并<BR>3.2.4 行的合并<BR>3.2.5 表格大小<BR>3.2.6 表格内文字位置<BR>3.2.7 单元格、边框的背景颜色<BR>3.2.8 单元格间距<BR>3.2.9 表格表头<BR>3.2.10 表格标题<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第4章 表单的应用<BR> 4.1 表单的属性<BR> 4.2 在表单中添加元素<BR>4.2.1 文本字段和密码域<BR>4.2.2 单选按钮<BR>4.2.3 复选框<BR>4.2.4 普通按钮<BR>4.2.5 提交按钮<BR>4.2.6 重置按钮<BR>4.2.7 隐藏域<BR>4.2.8 文件域<BR>4.2.9 菜单列表类表单元素<BR>4.2.10 文本域<BR> 4.3 HTML5新增表单输入类型<BR>4.3.1 email类型<BR>4.3.2 number类型<BR>4.3.3 range类型<BR>4.3.4 url类型<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第5章 应用CSS设置链接和导航菜单<BR> 5.1 超链接伪类的应用<BR>5.1.1 超链接的4种样式<BR>5.1.2 将链接转换为块级元素<BR>5.1.3 锚点<BR>5.1.4 用CSS制作按钮<BR>5.1.5 首字下沉<BR> 5.2 应用CSS美化表单元素<BR>5.2.1 改变文本框和文本域样式<BR>5.2.2 用图片美化按钮<BR>5.2.3 改变下拉列表样式<BR>5.2.4 用label标签提升用户体验<BR> 5.3 设置导航菜单<BR>5.3.1 横向列表菜单<BR>5.3.2 用图片美化的横向导航<BR>5.3.3 CSS Sprites技术<BR>5.3.4 二级菜单列表<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第6章 应用CSS3样式美化网页<BR> 6.1 使用CSS美化网页<BR>6.1.1 美化网页文字<BR>6.1.2 美化网页图片<BR>6.1.3 美化网页背景<BR>6.1.4 美化网页边框<BR>6.1.5 美化网页表格<BR>6.1.6 美化网页表单<BR>6.1.7 美化网页导航<BR>6.1.8 美化网页菜单<BR> 6.2 CSS美化网页案例——制作百度热搜<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第7章 基于DIV+CSS的网页<BR> 7.1 理解表现和结构分离<BR>7.1.1 内容、结构和表现的概念<BR>7.1.2 DIV与CSS结合的优势<BR>7.1.3 改善现有网站的方法<BR> 7.2 认识DIV<BR>7.2.1 DIV的概念<BR>7.2.2 使用DIV<BR>7.2.3 理解DIV<BR>7.2.4 并列与嵌套DIV结构<BR>7.2.5 使用适合的对象来布局网页<BR> 7.3 盒模型详解<BR>7.3.1 盒模型的概念<BR>7.3.2 盒模型的细节<BR>7.3.3 盒模型的宽、高、边框、内边距、外边距定义<BR>7.3.4 上下margin叠加问题<BR>7.3.5 左右margin加倍问题<BR> 7.4 使用CSS完善盒模型<BR>7.4.1 显示方式定义<BR>7.4.2 溢出处理<BR>7.4.3 轮廓样式定义<BR> 7.5 认识浮动与定位<BR>7.5.1 文档流<BR>7.5.2 浮动定位<BR>7.5.3 浮动的清理<BR>7.5.4 何时选用浮动定位<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第8章 应用CSS3布局网页<BR> 8.1 应用CSS布局</div></td>
</tr>
<tr>
<td width="61" align="center">随便看</td>
<td>
<ul class="random">
<li><a target="_blank" href="e3221644.html">大宋帝国三百年(7真宗赵恒公元997年至1022年军政故实下)</a></li>
<li><a target="_blank" href="e3221645.html">从金瓶梅说开去/刘心武文粹</a></li>
<li><a target="_blank" href="e3221646.html">做合格党员(学党章党规系列讲话)</a></li>
<li><a target="_blank" href="e3221647.html">连城璧/中国古典文学名著丛书</a></li>
<li><a target="_blank" href="e3221648.html">反唐演义传/中国古典文学名著丛书</a></li>
<li><a target="_blank" href="e3221649.html">专八词汇(词以类记)</a></li>
<li><a target="_blank" href="e3221650.html">西游记(无障碍阅读学生版)</a></li>
<li><a target="_blank" href="e3221651.html">蕾丝花样精选集</a></li>
<li><a target="_blank" href="e3221652.html">中药色谱指纹图谱精细分析图集(精)</a></li>
<li><a target="_blank" href="e3221653.html">中国超大城市农民工问题研究--以北上广深为例</a></li>
<li><a target="_blank" href="e3221654.html">广东省属境外投资企业社会责任状况与改进对策</a></li>
<li><a target="_blank" href="e3221655.html">宋代文章学/政法社会教育系列/羊城学术文库</a></li>
<li><a target="_blank" href="e3221656.html">自我与他我--中国的女性与形象(1966-1976)/中国近现代社会文化史论丛</a></li>
<li><a target="_blank" href="e3221657.html">中国经济哲学评论(2015政治经济学批判专辑)</a></li>
<li><a target="_blank" href="e3221658.html">地方人大课题研究与管理工作指南</a></li>
<li><a target="_blank" href="e3221659.html">魂(延安精神的力量与时代价值)</a></li>
<li><a target="_blank" href="e3221660.html">小燎豆诗集</a></li>
<li><a target="_blank" href="e3221661.html">后望书(最终修订本)(精)</a></li>
<li><a target="_blank" href="e3221662.html">炫彩风格家装(乡村田园珍藏版)</a></li>
<li><a target="_blank" href="e3221663.html">炫彩风格家装(现代简约珍藏版)</a></li>
<li><a target="_blank" href="e3221664.html">炫彩风格家装(风格混搭珍藏版)</a></li>
<li><a target="_blank" href="e3221665.html">炫彩风格家装(清新雅致珍藏版)</a></li>
<li><a target="_blank" href="e3221666.html">我的迷你苔藓微景观</a></li>
<li><a target="_blank" href="e3221667.html">膳食内调穴位外治心脑血管疾病</a></li>
<li><a target="_blank" href="e3221668.html">膳食内调穴位外治颈肩腰腿痛</a></li>
<li><a target="_blank" href="a190392.html">NVIDIA GeForce系列台式机显卡驱动</a></li>
<li><a target="_blank" href="a190393.html">NVIDIA GeForce系列台式机显卡驱动</a></li>
<li><a target="_blank" href="a190394.html">Creative创新Sound Blaster E5外置USB声卡驱动</a></li>
<li><a target="_blank" href="a190395.html">Creative创新Sound Blaster E5外置USB声卡驱动</a></li>
<li><a target="_blank" href="a190396.html">昂达 眩音VX606(P7版)MP3播放器Firmware</a></li>
<li><a target="_blank" href="a190397.html">Creative创新Sound Blaster E1外置USB声卡驱动</a></li>
<li><a target="_blank" href="a190398.html">易狐浏览器</a></li>
<li><a target="_blank" href="a190399.html">昂达 眩音VX505增强型(V7版)MP3播放器Firmware</a></li>
<li><a target="_blank" href="a190400.html">Creative创新Sound Blaster Audigy Fx声卡驱动</a></li>
<li><a target="_blank" href="a190401.html">昂达 眩音VX606(P7S版)MP3播放器Firmware</a></li>
<li><a target="_blank" href="b38785.html">火星求生顶部资源信息栏mod v2.3</a></li>
<li><a target="_blank" href="b38786.html">GTA5科尔特King Cobra马格南MOD v2.3</a></li>
<li><a target="_blank" href="b38787.html">只狼影逝二度源计划卢锡安MOD v1.75</a></li>
<li><a target="_blank" href="b38788.html">骑马与砍杀2选择所有王国文化MOD v2.10</a></li>
<li><a target="_blank" href="b38789.html">天国拯救增加敌人血量MOD v2.3</a></li>
<li><a target="_blank" href="b38790.html">七日杀更真实的瞄准镜MOD v3.34</a></li>
<li><a target="_blank" href="b38791.html">侠客风云传情比金坚MOD v2.3</a></li>
<li><a target="_blank" href="b38792.html">饥荒恶魔小丑萨科人物MOD v2.51</a></li>
<li><a target="_blank" href="b38793.html">全面战争三国曹操派系加强MOD v1.68</a></li>
<li><a target="_blank" href="b38794.html">战国无双4-2早川绅士装MOD v2.3</a></li>
<li><a target="_blank" href="/d14797.html">heart</a></li>
<li><a target="_blank" href="/d14798.html">heartache</a></li>
<li><a target="_blank" href="/d14799.html">heart attack </a></li>
<li><a target="_blank" href="/d14800.html">heartbeat</a></li>
<li><a target="_blank" href="/d14801.html">heartbreak</a></li>
<li><a target="_blank" href="/d14802.html">heartbreaking</a></li>
<li><a target="_blank" href="/d14803.html">heartbroken</a></li>
<li><a target="_blank" href="/d14804.html">heartburn</a></li>
<li><a target="_blank" href="/d14805.html">hearten</a></li>
<li><a target="_blank" href="/d14806.html">heartened</a></li>
<li><a target="_blank" href="g182684.html">[BT下载][丹道至尊][第01-02集][WEB-MKV/0.68G][国语配音/中文字幕][1080P][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="g182685.html">[BT下载][天赐的声音 第五季][第01-10集][WEB-MKV/13.95G][国语配音/中文字幕][1080P][H265][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="g182686.html">[BT下载][执行法官][第22-23集][WEB-MKV/0.77G][国语配音/中文字幕][1080P][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="g182687.html">[BT下载][时光代理人][第20-21集][WEB-MP4/1.88G][国语配音/中文字幕][1080P][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="g182688.html">[BT下载][时光代理人][第20-21集][WEB-MP4/1.88G][国语配音/中文字幕][1080P][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="g182689.html">[BT下载][时光代理人][第20-21集][WEB-MP4/3.48G][国语配音/中文字幕][4K-2160P][H265][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="g182690.html">[BT下载][消失的大象][第07集][WEB-MP4/0.69G][国语配音/中文字幕][1080P][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="g182691.html">[BT下载][肥志百科 原来你是这样的美食][全12集][WEB-MKV/3.23G][国语配音/中文字幕][1080P][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="g182692.html">[BT下载][锦衣神匠][第05-06集][WEB-MKV/1.10G][国语配音/中文字幕][4K-2160P][H265][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="g182693.html">[BT下载][锦衣神匠][第05-06集][WEB-MKV/2.11G][国语配音/中文字幕][4K-2160P][60帧率][H265][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="h2814.html">Win11快捷键无法使用怎么办？Win11快捷键无法使用的解决方法</a></li>
<li><a target="_blank" href="h2815.html">Win10 19044.1415版本连接共享打印机0x0000011b怎么办？</a></li>
<li><a target="_blank" href="h2816.html">Epic提示错误回复刷新页面怎么办？Epic提示错误回复刷新页面的解决方法</a></li>
<li><a target="_blank" href="h2817.html">Epic如何领取神秘游戏？Epic领取神秘游戏的方法</a></li>
<li><a target="_blank" href="h2818.html">Win10鼠标任务栏一直转怎么办？Win10鼠标任务栏一直转的解决方法</a></li>
<li><a target="_blank" href="h2819.html">Win11右键菜单太大怎么办？Win11右键菜单大小怎么调整</a></li>
<li><a target="_blank" href="h2820.html">Win11安卓闪退怎么办 Win11安卓闪退解决方法</a></li>
<li><a target="_blank" href="h2821.html">我的世界Win11闪退怎么办 我的世界Win11闪退解决方法</a></li>
<li><a target="_blank" href="h2822.html">Epicgame所有权验证失败怎么办？</a></li>
<li><a target="_blank" href="h2823.html">Epicgames启动程序需要有效的网络连接如何解决？</a></li>
</ul>
</td>
</tr>
</table>
<p> </p>
<p>霍普软件下载网电子书栏目提供海量电子书在线免费阅读及下载。<p> </p>
<div class="foot">Copyright © 2002-2024 101bt.net All Rights Reserved<BR> <span class="updatetime"> 更新时间：2025/3/14 8:44:06</span><script src="/js/count.js" type="text/javascript"></script></div>
</body>
</html>
1.1 HTML概述
1.1.1 HTML5发展历史
1.1.2 HTML5新特性
1.1.3 HTML5组织
1.1.4 HTML5构成
1.2 第一个入门网页
1.2.1 头部…1.2.2 标题