HTML+CSS+JavaScript网页设计与布局实用教程（第3版）（微课版） / 高等院校计算机教育系列教材
定价：￥69.80
作者： 徐洪峰
出版时间：2026-03
最新印次日期：2026-3
出版社：清华大学出版社
- 清华大学出版社
- 9787302708087
- 3-1
- 2026-03
- 工学
- 计算机类
- 网络工程、物联网工程、软件工程等
- 本科 高职本科（应用型本科）
作者简介
内容简介
目前，Web前端开发技术已经成为21世纪高等学校学生及信息技术和数字技术从业人员跨入互联网世界最基础的入门技术。《HTML+CSS+JavaScript网页设计与布局实用教程（第3版）（微课版）》紧扣互联网行业发展对Web前端开发工程师职业的新要求，结合多年来各高校教学的反馈意见，对相关标记语法和示范案例进行更新与补充。 《HTML+CSS+JavaScript网页设计与布局实用教程（第3版）（微课版）》共17章，引导读者从零开始，一步步掌握网页设计与布局的全过程。《HTML+CSS+JavaScript网页设计与布局实用教程（第3版）（微课版）》紧密围绕网页设计师在制作网页过程中实际需要掌握的技术，全面介绍了使用HTML、CSS、JavaScript进行网页设计和布局的内容及技巧。《HTML+CSS+JavaScript网页设计与布局实用教程（第3版）（微课版）》不是单纯讲解语法，而是通过一个个典型的实战案例来达到让读者学以致用的目的。每个语法都有相应的实例。每章后面又配有综合实例，同时配有习题，力求达到理论知识与实践操作完美结合的效果。 《HTML+CSS+JavaScript网页设计与布局实用教程（第3版）（微课版）》可作为普通高校计算机科学与技术、软件工程、信息管理与信息系统、网络工程、物联网工程、信息与计算科学、数字媒体技术、数据科学与大数据技术及其他文、理科相关专业的教材，并可供从事网页设计与制作、网站开发及网页编程等工作的人员参考。
目录
第1章 网页标记语言HTML入门基础 1
1.1 HTML概述 1
1.2 HTML文件的构成 2
1.2.1 HTML文件结构 2
1.2.2 编写HTML文件的注意事项 3
1.3 怎样编写HTML文件 4
1.3.1 使用记事本文件编写页面 4
1.3.2 使用Dreamweaver编写HTML
页面 5
1.4 网页设计与开发的过程 6
1.4.1 明确网站定位 7
1.4.2 收集信息和素材 7
1.4.3 规划栏目结构 8
1.4.4 设计页面方案 9
1.4.5 制作页面 9
1.4.6 实现后台功能 10
1.4.7 网站的测试与发布 11
1.5 本章小结 12
1.6 练习题 12
第2章 HTML基本标记 13
2.1 HTML文档主体标记 13
2.1.1 bgcolor属性 13
2.1.2 background属性 14
2.1.3 text属性 15
2.1.4 设置链接文字属性 16
2.1.5 设置页面边距 17
2.2 头部标记 18
2.2.1标记 18<br />
2.2.2 定义页面关键字 19<br />
2.2.3 定义页面描述 19<br />
2.2.4 定义编辑工具 20<br />
2.2.5 定义作者信息 21<br />
2.2.6 定义网页字符集类型 21<br />
2.2.7 定义网页的定时跳转 22<br />
2.3 设置段落的格式 23<br />
2.3.1 <p>标记 23<br />
2.3.2 段落对齐属性：align 24<br />
2.3.3 <nobr>标记 25<br />
2.3.4 <br>标记 25<br />
2.4 水平线标记 26<br />
2.4.1 <hr>标记 26<br />
2.4.2 水平线宽度属性：width 27<br />
2.4.3 水平线颜色属性：color 28<br />
2.4.4 水平线对齐方式属性：align 29<br />
2.5 综合实例——创建基本的HTML<br />
文件 30<br />
2.6 本章小结 32<br />
2.7 练习题 33<br />
第3章 网页图像和多媒体 34<br />
3.1 网页中常见的图像格式 34<br />
3.2 图像标记及其属性 35<br />
3.2.1 <img>标记 35<br />
3.2.2 height属性 35<br />
3.2.3 width属性 36<br />
3.2.4 border属性 37<br />
3.2.5 align属性 38<br />
3.3 添加音乐 39<br />
3.3.1 <audio>标记 40<br />
3.3.2 给网页添加音乐播放器 40<br />
3.4 添加视频 41<br />
3.4.1 <video>标记 41<br />
3.4.2 给网页添加视频 42<br />
3.5 综合实例——创建图文混合排版<br />
网页 43<br />
3.6 本章小结 45<br />
3.7 练习题 46<br />
第4章 用表格排列网页数据 47<br />
4.1 表格属性 47<br />
4.1.1 表格的基本标记：<table>、<br />
<tr>、<td> 47<br />
4.1.2 表格宽度和高度：width、<br />
height 48<br />
4.1.3 表格标题：caption 49<br />
4.1.4 表格的表头：th 50<br />
4.1.5 表格对齐方式：align 52<br />
4.1.6 边框宽度：border 53<br />
4.1.7 表格边框颜色：bordercolor 54<br />
4.1.8 单元格间距：cellspacing 55<br />
4.1.9 单元格边距：cellpadding 56<br />
4.1.10 表格的背景色：bgcolor 57<br />
4.1.11 表格的背景图像：<br />
background 58<br />
4.2 表格的结构标记 59<br />
4.2.1 设计表头：thead 59<br />
4.2.2 设计表主体：tbody 61<br />
4.2.3 设计表尾：tfoot 62<br />
4.3 综合实例——使用表格排版网页 63<br />
4.4 本章小结 68<br />
4.5 练习题 68<br />
第5章 HTML 5入门基础 70<br />
5.1 初识HTML 5 70<br />
5.1.1 HTML 5简介 70<br />
5.1.2 HTML 5中的标记方法 71<br />
5.1.3 HTML 5语法中的三个要点 71<br />
5.2 新增主体结构元素 72<br />
5.2.1 article元素 72<br />
5.2.2 section元素 73<br />
5.2.3 nav元素 74<br />
5.2.4 aside元素 76<br />
5.3 新增非主体结构元素 77<br />
5.3.1 header元素 77<br />
5.3.2 footer元素 78<br />
5.3.3 address元素 79<br />
5.4 Canvas绘制基本图形 80<br />
5.4.1 Canvas元素 80<br />
5.4.2 绘制直线 81<br />
5.4.3 绘制矩形 82<br />
5.4.4 绘制三角形 83<br />
5.4.5 绘制圆弧 84<br />
5.4.6 绘制贝塞尔曲线 86<br />
5.4.7 应用不同的线型 87<br />
5.5 变换的使用 88<br />
5.5.1 平移变换 88<br />
5.5.2 缩放变换 89<br />
5.5.3 旋转变换 90<br />
5.6 HTML 5 SVG 92<br />
5.6.1 图形绘制 92<br />
5.6.2 文本与图像 95<br />
5.6.3 填充颜色 96<br />
5.7 综合实例——绘制精美时钟 97<br />
5.8 本章小结 100<br />
5.9 练习题 100<br />
第6章 CSS入门基础 102<br />
6.1 认识CSS 102<br />
6.1.1 CSS的基本概念 102<br />
6.1.2 使用CSS的好处 103<br />
6.1.3 编写CSS 104<br />
6.1.4 CSS基本语法 105<br />
6.2 在HTML中添加CSS的方法 106<br />
6.2.1 链接外部样式表 106<br />
6.2.2 行内样式 107<br />
6.2.3 导入样式 107<br />
6.2.4 内嵌样式 108<br />
6.3 选择器类型 108<br />
6.3.1 标签选择器 109<br />
6.3.2 类选择器 109<br />
6.3.3 ID选择器 111<br />
6.4 综合实例——对网页添加CSS<br />
样式 112<br />
6.5 本章小结 115<br />
6.6 练习题 116<br />
第7章 用CSS设置文本样式 117<br />
7.1 设计网页中的文字样式 117<br />
7.1.1 font-family属性 117<br />
7.1.2 font-size属性 118<br />
7.1.3 font-weight属性 119<br />
7.1.4 font-style属性 120<br />
7.1.5 font-variant属性 121<br />
7.1.6 text-decoration属性 122<br />
7.2 设计文本的段落样式 123<br />
7.2.1 line-height属性 123<br />
7.2.2 text-align属性 124<br />
7.2.3 text-indent属性 125<br />
7.2.4 word-spacing属性 125<br />
7.2.5 first-letter首字下沉 126<br />
7.2.6 text-transform属性 127<br />
7.3 综合实例——用CSS排版网页<br />
文字 129<br />
7.4 本章小结 131<br />
7.5 练习题 132<br />
第8章 用CSS设计图像和背景 133<br />
8.1 设置网页的背景 133<br />
8.1.1 background-color属性 133<br />
8.1.2 background-image属性 134<br />
8.2 设置背景图像的属性 135<br />
8.2.1 background-repeat属性 135<br />
8.2.2 background-attachment属性 136<br />
8.2.3 background-position属性 137<br />
8.3 设置网页图像的样式 138<br />
8.3.1 border属性 138<br />
8.3.2 图文混合排版 141<br />
8.4 综合实例——给图片添加边框 142<br />
8.5 本章小结 144<br />
8.6 练习题 144<br />
第9章 用CSS设置表单和表单样式 145<br />
9.1 表单form 145<br />
9.1.1 程序提交action 145<br />
9.1.2 表单名称name 146<br />
9.1.3 传送方法method 146<br />
9.1.4 编码方式enctype 147<br />
9.1.5 目标显示方式target 147<br />
9.2 网页中的表单 148<br />
9.2.1 表单对象 148<br />
9.2.2 插入文本字段text 149<br />
9.2.3 插入密码域password 149<br />
9.2.4 插入单选按钮radio 151<br />
9.2.5 插入复选框checkbox 151<br />
9.2.6 插入普通按钮button 152<br />
9.2.7 插入提交按钮submit 153<br />
9.2.8 重置按钮reset 154<br />
9.2.9 插入图像域image 155<br />
9.2.10 插入隐藏域hidden 155<br />
9.2.11 插入文件域file 156<br />
9.2.12 插入下拉菜单 157<br />
9.3 用CSS设计表单样式 159<br />
9.3.1 设置边框样式 159<br />
9.3.2 设置背景样式 159<br />
9.3.3 设置输入文本的样式 160<br />
9.4 综合实例——在网页中插入表单<br />
对象 161<br />
9.5 本章小结 167<br />
9.6 练习题 168<br />
第10章 用CSS制作链接与网站<br />
?导航 169<br />
10.1 超链接基础 169<br />
10.1.1 超链接的基本概念 169<br />
10.1.2 使用页面属性设置超链接 170<br />
10.2 链接标记 171<br />
10.2.1 link 171<br />
10.2.2 visited 172<br />
10.2.3 active 172<br />
10.2.4 hover 173<br />
10.3 各种形式的超链接 173<br />
10.3.1 背景色变换链接 173<br />
10.3.2 多姿多彩的下画线链接 175<br />
10.3.3 图像翻转链接 176<br />
10.3.4 边框变换链接 177<br />
10.4 项目列表 179<br />
10.4.1 有序列表 179<br />
10.4.2 无序列表 183<br />
10.5 横排导航 187<br />
10.5.1 横排文本导航 188<br />
10.5.2 标签式导航 189<br />
10.6 竖排导航 191<br />
10.7 综合实例 192<br />
10.7.1 实例1——实现背景变换的<br />
导航菜单 192<br />
10.7.2 实例2——制作树形导航<br />
菜单 194<br />
10.8 本章小结 197<br />
10.9 练习题 197<br />
第11章 CSS+Div布局入门基础 198<br />
11.1 Web标准 198<br />
11.1.1 什么是Web标准 198<br />
11.1.2 为什么要建立Web标准 199<br />
11.1.3 怎样改进现有网站 200<br />
11.2 Div标记与Span标记 201<br />
11.2.1 Div概述 201<br />
11.2.2 Div与Span的区别 202<br />
11.3 盒子模型 203<br />
11.3.1 盒子模型的概念 204<br />
11.3.2 border 204<br />
11.3.3 padding 210<br />
11.3.4 margin 212<br />
11.4 盒子的浮动与定位 214<br />
11.4.1 盒子的浮动float 214<br />
11.4.2 position定位 216<br />
11.4.3 z-index空间位置 220<br />
11.5 本章小结 222<br />
11.6 练习题 222<br />
第12章 CSS+Div布局方法 223<br />
12.1 CSS布局理念 223<br />
12.1.1 CSS布局概述 223<br />
12.1.2 用CSS定位 224<br />
12.2 固定宽度布局 225<br />
12.2.1 一列固定宽度 225<br />
12.2.2 圆角框 227<br />
12.3 可变宽度布局 229<br />
12.3.1 一列自适应 229<br />
12.3.2 两列宽度自适应 230<br />
12.3.3 三列浮动中间宽度自适应 231<br />
12.3.4 三行二列居中高度自适应<br />
布局 232<br />
12.4 CSS布局与传统的表格方式布局<br />
分析 234<br />
12.5 本章小结 236<br />
12.6 练习题 236<br />
第13章 CSS 3网页开发 238<br />
13.1 CSS 3概述 238<br />
13.1.1 CSS 3的发展历史 238<br />
13.1.2 CSS 3的新增特性 239<br />
13.1.3 主流浏览器对CSS 3的<br />
支持 243<br />
13.2 边框 244<br />
13.2.1 圆角边框border-radius 244<br />
13.2.2 边框图片border-image 245<br />
13.2.3 边框阴影box-shadow 246<br />
13.3 背景 248<br />
13.3.1 背景图片尺寸background-<br />
size 248<br />
13.3.2 背景图片定位区域background-<br />
origin 249<br />
13.3.3 背景绘制区域background-<br />
clip 251<br />
13.4 文本 252<br />
13.4.1 文本阴影text-shadow 252<br />
13.4.2 强制换行word-wrap 253<br />
13.4.3 文本溢出text-overflow 254<br />
13.5 多列 255<br />
13.5.1 创建多列column-count 255<br />
13.5.2 列的宽度column-width 256<br />
13.6 实例应用——鼠标放上去显示全部<br />
内容 257<br />
13.7 本章小结 258<br />
13.8 练习题 259<br />
第14章 JavaScript语法基础 260<br />
14.1 JavaScript简介 260<br />
14.1.1 JavaScript的历史 260<br />
14.1.2 JavaScript的特点 261<br />
14.1.3 JavaScript的添加方法 261<br />
14.2 JavaScript运算符 263<br />
14.2.1 算术运算符 263<br />
14.2.2 逻辑运算符 263<br />
14.2.3 比较运算符 264<br />
14.3 基本数据类型 264<br />
14.3.1 使用字符串型数据 264<br />
14.3.2 使用数值型数据 265<br />
14.3.3 使用布尔型数据 266<br />
14.3.4 使用Undefined和Null<br />
类型 266<br />
14.4 常量和变量 267<br />
14.4.1 常量的使用 267<br />
14.4.2 常量的使用方法 269<br />
14.4.3 变量的定义 269<br />
14.5 JavaScript程序语句 270<br />
14.5.1 使用if…else语句 270<br />
14.5.2 使用for循环 272<br />
14.5.3 使用switch语句 273<br />
14.5.4 使用while语句 274<br />
14.6 综合实例——制作倒计时特效 275<br />
14.7 本章小结 276<br />
14.8 练习题 276<br />
第15章 JavaScript中的事件 278<br />
15.1 事件概述 278<br />
15.2 常用事件分析 279<br />
15.2.1 click事件 279<br />
15.2.2 change事件 280<br />
15.2.3 select事件 281<br />
15.2.4 focus事件 282<br />
15.2.5 load事件与unload事件 284<br />
15.2.6 鼠标移动事件 285<br />
15.2.7 onBlur事件 286<br />
15.3 其他常用事件 287<br />
15.4 综合实例——将事件应用于<br />
按钮中 289<br />
15.5 本章小结 289<br />
15.6 练习题 290<br />
第16章 JavaScript中的函数和对象 291<br />
16.1 什么是函数 291<br />
16.2 函数的定义 292<br />
16.2.1 函数的普通定义方式 292<br />
16.2.2 函数的变量定义方式 293<br />
16.2.3 函数的指针调用方式 294<br />
16.3 JavaScript对象的声明和引用 296<br />
16.3.1 声明和实例化 297<br />
16.3.2 对象的引用 298<br />
16.4 浏览器对象 299<br />
16.4.1 navigator对象 299<br />
16.4.2 window对象 301<br />
16.4.3 location对象 302<br />
16.4.4 history对象 303<br />
16.4.5 document对象 304<br />
16.5 内置对象 306<br />
16.5.1 Date对象 306<br />
16.5.2 数学对象Math 309<br />
16.5.3 字符串对象String 309<br />
16.5.4 数组对象Array 311<br />
16.6 综合实例——改变网页背景颜色 312<br />
16.7 本章小结 313<br />
16.8 练习题 313<br />
第17章 企业网站制作的布局方法 315<br />
17.1 企业网站设计指南 315<br />
17.1.1 企业网站分类 315<br />
17.1.2 色彩搭配与风格设计 317<br />
17.1.3 企业网站主要功能栏目 318<br />
17.2 分析架构 318<br />
17.2.1 网站内容分析 318<br />
17.2.2 HTML结构设计 320<br />
17.2.3 方案设计 322<br />
17.2.4 定义整体样式 323<br />
17.3 各模块设计 325<br />
17.3.1 制作页面顶部 325<br />
17.3.2 制作左侧导航 327<br />
17.3.3 制作“联系我们”部分 329<br />
17.3.4 制作“企业介绍”部分 330<br />
17.3.5 制作图片展示和新闻动态 331<br />
17.3.6 制作订购部分 332<br />
17.3.7 制作底部部分 333<br />
17.4 本章小结 334<br />
17.5 练习题 334 </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="14548676">
<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>
<!--页面底部 start-->
<div class="footer">
<div class="footerBox">
<div class="footerTop">
© 2018-2026 新华国采教育网络科技有限责任公司 版权所有 <a href="/static/营业执照正本.pdf">营业执照</a>
</div>
<ul>
<li style="width:25%;">
<p>客服热线：010-88361676、010-88362022</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>
<!--页面底部 end-->
</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>
1.1 HTML概述 1
1.2 HTML文件的构成 2
1.2.1 HTML文件结构 2
1.2.2 编写HTML文件的注意事项 3
1.3 怎样编写HTML文件 4
1.3.1 使用记事本文件编写页面 4
1.3.2 使用Dreamweaver编写HTML
页面 5
1.4 网页设计与开发的过程 6
1.4.1 明确网站定位 7
1.4.2 收集信息和素材 7
1.4.3 规划栏目结构 8
1.4.4 设计页面方案 9
1.4.5 制作页面 9
1.4.6 实现后台功能 10
1.4.7 网站的测试与发布 11
1.5 本章小结 12
1.6 练习题 12
第2章 HTML基本标记 13
2.1 HTML文档主体标记 13
2.1.1 bgcolor属性 13
2.1.2 background属性 14
2.1.3 text属性 15
2.1.4 设置链接文字属性 16
2.1.5 设置页面边距 17
2.2 头部标记 18
2.2.1