第1章 Web技术概述 1
1.1 Internet概述 1
1.1.1 TCP/IP 1
1.1.2 主机和IP地址 2
1.1.3 域名和DNS 3
1.2 Web概述 3
1.2.1 Web历史 4
1.2.2 Web体系结构 5
1.2.3 基本Web技术 5
1.2.4 Web服务器 9
1.3 超文本与标记语言 9
1.3.1 超文本与超媒体 10
1.3.2 标记语言 10
1.4 Web标准 12
1.4.1 Web标准体系 13
1.4.2 采用Web标准的优势 15
1.5 浏览器 15
1.5.1 浏览器的发展史 15
1.5.2 浏览器的内核 16
1.5.3 常用浏览器 16
1.5.4 标准浏览器 17
1.6 Web开发工具 18
1.6.1 JetBrains WebStorm 19
1.6.2 测试和调试环境 19
1.7 小结 20
1.8 习题 20
第2章 初识HTML5 21
2.1 HTML5基础 21
2.1.1 HTML5文档结构 21
2.1.2 元素与标签 22
2.1.3 属性 26
2.1.4 语法规则 27
2.2 WebStorm基础 27
2.2.1 WebStorm的基本操作 28
2.2.2 WebStorm的快捷键 29
2.3 文档结构元素 30
2.3.1 标签 31
2.3.2
标签 31
2.3.3
标签 31
2.4 头部元素 31
2.4.1
标签 31</p>
<p>2.4.2 <meta>标签 32</p>
<p>2.5 为叮叮书店首页添加元信息 35</p>
<p>2.6 小结 36</p>
<p>2.7 习题 36</p>
<p> 第3章 HTML5内容结构与文本 37</p>
<p>3.1 HTML5结构标签 37</p>
<p>3.1.1 <header>标签 38</p>
<p>3.1.2 <main>标签 38</p>
<p>3.1.3 <nav>标签 38</p>
<p>3.1.4 <article>标签 38</p>
<p>3.1.5 <section>标签 38</p>
<p>3.1.6 <aside>标签 39</p>
<p>3.1.7 <footer>标签 39</p>
<p>3.1.8 <details>标签和<summary>标签 39</p>
<p>3.1.9 <div>标签 39</p>
<p>3.1.10 <span>标签 40</p>
<p>3.2 HTML5基础标签 40</p>
<p>3.2.1 标题 40</p>
<p>3.2.2 段落 41</p>
<p>3.2.3 换行符 41</p>
<p>3.2.4 注释 41</p>
<p>3.3 HTML5格式化标签 41</p>
<p>3.3.1 文本格式化标签 41</p>
<p>3.3.2 引用和术语定义标签 43</p>
<p>3.3.3 HTML5新增格式标签 44</p>
<p>3.4 HTML5列表 47</p>
<p>3.4.1 无序列表 47</p>
<p>3.4.2 有序列表 48</p>
<p>3.4.3 定义列表 49</p>
<p>3.5 叮叮书店首页内容结构的建立 49</p>
<p>3.5.1 分析设计页面内容结构 50</p>
<p>3.5.2 用HTML5结构标签确定页面内容结构 50</p>
<p>3.5.3 添加文本内容 53</p>
<p>3.5.4 在浏览器中预览 57</p>
<p>3.6 小结 58</p>
<p>3.7 习题 5</p>
<p></div>
</div>
</div>
<div class="text-center margin-large-bottom">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- read*底部 -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-7029444221371985"
data-ad-slot="7049136436"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="bookdetails-right">
<div style="height:250px;">
<div class="_8yiuxfzeh64"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u2724904",
container: "_8yiuxfzeh64",
async: true
});
</script>
</div>
<div class="tit margin-big-top"><h3>本目录推荐</h3></div>
<div id="J_commend" class="books-left border">
<ul>
<li>
<p style="display: none;" class="fold">
<a href="/book/14018160/" title="技高一筹 CorelDRAW轻松课堂全程实录" target="_blank"><i>01</i>技高一筹 CorelDRAW轻松课…</a></p>
<div class="unfold" style="display: block;">
<i>01</i>
<div>
<div class="img80"><a href="/book/14018160/" title="技高一筹 CorelDRAW轻松课堂全程实录" target="_blank"><img src="https://img.dushu.com/2023/10/15/17593491917952801.jpg_80.jpg" alt="技高一筹 CorelDRAW轻松课堂全程实录"></a></div>
<h3><a href="/book/14018160/" title="技高一筹 CorelDRAW轻松课堂全程实录" target="_blank">技高一筹 CorelDRAW轻松课堂全程…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14018157/" title="CorelDRAW11平面设计基础与案例教程" target="_blank"><i>02</i>CorelDRAW11平面设计基础…</a></p>
<div class="unfold" style="display: none;">
<i>02</i>
<div>
<div class="img80"><a href="/book/14018157/" title="CorelDRAW11平面设计基础与案例教程" target="_blank"><img src="https://img.dushu.com/2023/10/15/175805602179522304.jpg_80.jpg" alt="CorelDRAW11平面设计基础与案例教程"></a></div>
<h3><a href="/book/14018157/" title="CorelDRAW11平面设计基础与案例教程" target="_blank">CorelDRAW11平面设计基础与案例…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14037126/" title="Adobe Photoshop 2023经典教程（彩色版）" target="_blank"><i>03</i>Adobe Photoshop 2023经典…</a></p>
<div class="unfold" style="display: none;">
<i>03</i>
<div>
<div class="img80"><a href="/book/14037126/" title="Adobe Photoshop 2023经典教程（彩色版）" target="_blank"><img src="https://img.dushu.com/2024/01/12/122843238204722178.jpg_80.jpg" alt="Adobe Photoshop 2023经典教程（彩色版）"></a></div>
<h3><a href="/book/14037126/" title="Adobe Photoshop 2023经典教程（彩色版）" target="_blank">Adobe Photoshop 2023经典教程（…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14037123/" title="Midjourney从入门到精通" target="_blank"><i>04</i>Midjourney从入门到精通</a></p>
<div class="unfold" style="display: none;">
<i>04</i>
<div>
<div class="img80"><a href="/book/14037123/" title="Midjourney从入门到精通" target="_blank"><img src="https://img.dushu.com/2024/01/12/122837992204724849.jpg_80.jpg" alt="Midjourney从入门到精通"></a></div>
<h3><a href="/book/14037123/" title="Midjourney从入门到精通" target="_blank">Midjourney从入门到精通</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14018169/" title="电脑动画：边学边做（含盘）" target="_blank"><i>05</i>电脑动画：边学边做（含盘…</a></p>
<div class="unfold" style="display: none;">
<i>05</i>
<div>
<div class="img80"><a href="/book/14018169/" title="电脑动画：边学边做（含盘）" target="_blank"><img src="https://img.dushu.com/2023/10/15/181231633179527477.jpg_80.jpg" alt="电脑动画：边学边做（含盘）"></a></div>
<h3><a href="/book/14018169/" title="电脑动画：边学边做（含盘）" target="_blank">电脑动画：边学边做（含盘）</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14032745/" title="OpenCV4应用开发：入门、进阶与工程化实践" target="_blank"><i>06</i>OpenCV4应用开发：入门、…</a></p>
<div class="unfold" style="display: none;">
<i>06</i>
<div>
<div class="img80"><a href="/book/14032745/" title="OpenCV4应用开发：入门、进阶与工程化实践" target="_blank"><img src="https://img.dushu.com/2023/12/08/113709900197807925.jpg_80.jpg" alt="OpenCV4应用开发：入门、进阶与工程化实践"></a></div>
<h3><a href="/book/14032745/" title="OpenCV4应用开发：入门、进阶与工程化实践" target="_blank">OpenCV4应用开发：入门、进阶与…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14043118/" title="三维动画设计与制作（第3版 融媒体版）" target="_blank"><i>07</i>三维动画设计与制作（第3…</a></p>
<div class="unfold" style="display: none;">
<i>07</i>
<div>
<div class="img80"><a href="/book/14043118/" title="三维动画设计与制作（第3版 融媒体版）" target="_blank"><img src="https://img.dushu.com/2024/02/29/10092048649663.jpg_80.jpg" alt="三维动画设计与制作（第3版 融媒体版）"></a></div>
<h3><a href="/book/14043118/" title="三维动画设计与制作（第3版 融媒体版）" target="_blank">三维动画设计与制作（第3版 融媒…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14018172/" title="网页制作基础教程（Dreamweaver版）" target="_blank"><i>08</i>网页制作基础教程（Dream…</a></p>
<div class="unfold" style="display: none;">
<i>08</i>
<div>
<div class="img80"><a href="/book/14018172/" title="网页制作基础教程（Dreamweaver版）" target="_blank"><img src="https://img.dushu.com/2023/10/15/181947857179525958.jpg_80.jpg" alt="网页制作基础教程（Dreamweaver版）"></a></div>
<h3><a href="/book/14018172/" title="网页制作基础教程（Dreamweaver版）" target="_blank">网页制作基础教程（Dreamweaver…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14037135/" title="中文版Photoshop 2022基础培训教程" target="_blank"><i>09</i>中文版Photoshop 2022基础…</a></p>
<div class="unfold" style="display: none;">
<i>09</i>
<div>
<div class="img80"><a href="/book/14037135/" title="中文版Photoshop 2022基础培训教程" target="_blank"><img src="https://img.dushu.com/2024/01/12/122908204204722966.jpg_80.jpg" alt="中文版Photoshop 2022基础培训教程"></a></div>
<h3><a href="/book/14037135/" title="中文版Photoshop 2022基础培训教程" target="_blank">中文版Photoshop 2022基础培训教…</a></h3>
<p></p>
</div>
</div>
</li>
<li class="bt">
<p style="display: block;" class="fold">
<a href="/book/14037133/" title="中文版Premiere Pro 2023从入门到实战（全程视频全两册）" target="_blank"><i>10</i>中文版Premiere Pro 2023…</a></p>
<div class="unfold" style="display: none;">
<i>10</i>
<div>
<div class="img80"><a href="/book/14037133/" title="中文版Premiere Pro 2023从入门到实战（全程视频全两册）" target="_blank"><img src="https://img.dushu.com/2024/01/12/122901674204726957.jpg_80.jpg" alt="中文版Premiere Pro 2023从入门到实战（全程视频全两册）"></a></div>
<h3><a href="/book/14037133/" title="中文版Premiere Pro 2023从入门到实战（全程视频全两册）" target="_blank">中文版Premiere Pro 2023从入门…</a></h3>
<p></p>
</div>
</div>
</li>
</ul>
</div>
<div class="margin-big-top" id="sidebar">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300-right -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-7029444221371985"
data-ad-slot="1399555633"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div id="qrcode"></div>
<div class="margin-big-top text-center text-gray">扫描二维码</div>
</div>
</div>
</div>
<div class="layout" id="footer">
<div class="container padding">
<div class="text-center">
<ul class="nav nav-inline">
<li><a href="/help/1587.html">关于读书</a> </li>
<li><a href="/help/1588.html">免责声明</a> </li>
<li><a href="/help/1589.html">读书目录</a> </li>
<li><a href="/help/1590.html">联系我们</a> </li>
</ul>
</div>
<div class="text-center height-big">Copyright © 读书网 www.dushu.com 2005-2020, All Rights Reserved.</div>
<div class="text-center height-big"><a href="http://www.beian.miit.gov.cn/">鄂ICP备15019699号</a> <img src="https://a.dushu.com/img/beian.png" style="vertical-align:middle;margin-left:10px;" /> 鄂公网安备 42010302001612号 <a href="https://www.12377.cn/jbxzxq/64d38691937611ebb858c9da04cf59d3_web.html?spm=zm1033-001.0.0.1.SOXBdI&smallHarmType=64d38691937611ebb858c9da04cf59d3"><img src="https://a.dushu.com/img/jubao.gif" style="vertical-align:middle;margin-left:10px;" /></a></div>
</div>
</div>
<script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/qrcode.min.js"></script>
<script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/portamento-min.js"></script>
<script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/readmore.min.js"></script>
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
$('.txtsummary').readmore({ maxHeight: 140, moreLink: '<a href="#"><span class="icon-arrow-right"></span> 展开全部</a>', lessLink: '<a href="#"><span class="icon-arrow-right"></span> 收起</a>', embedCSS: false });
$('#sidebar').portamento({ disableWorkaround: true, gap: 40 });
$("#qrcode").qrcode({ render: "canvas", width: 200, height: 200, text: location.href });
</script>
<script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/autocomplete.min.js"></script>
<script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/common.min.js?v=201706"></script>
</body>
</html>
