第1章 Web技術(shù)概述 1
1.1 Internet概述 1
1.1.1 TCP/IP 1
1.1.2 主機(jī)和IP地址 2
1.1.3 域名和DNS 3
1.2 Web概述 3
1.2.1 Web歷史 4
1.2.2 Web體系結(jié)構(gòu) 5
1.2.3 基本W(wǎng)eb技術(shù) 5
1.2.4 Web服務(wù)器 9
1.3 超文本與標(biāo)記語(yǔ)言 9
1.3.1 超文本與超媒體 10
1.3.2 標(biāo)記語(yǔ)言 10
1.4 Web標(biāo)準(zhǔn) 12
1.4.1 Web標(biāo)準(zhǔn)體系 13
1.4.2 采用Web標(biāo)準(zhǔn)的優(yōu)勢(shì) 15
1.5 瀏覽器 15
1.5.1 瀏覽器的發(fā)展史 15
1.5.2 瀏覽器的內(nèi)核 16
1.5.3 常用瀏覽器 16
1.5.4 標(biāo)準(zhǔn)瀏覽器 17
1.6 Web開發(fā)工具 18
1.6.1 JetBrains WebStorm 19
1.6.2 測(cè)試和調(diào)試環(huán)境 19
1.7 小結(jié) 20
1.8 習(xí)題 20
第2章 初識(shí)HTML5 21
2.1 HTML5基礎(chǔ) 21
2.1.1 HTML5文檔結(jié)構(gòu) 21
2.1.2 元素與標(biāo)簽 22
2.1.3 屬性 26
2.1.4 語(yǔ)法規(guī)則 27
2.2 WebStorm基礎(chǔ) 27
2.2.1 WebStorm的基本操作 28
2.2.2 WebStorm的快捷鍵 29
2.3 文檔結(jié)構(gòu)元素 30
2.3.1 標(biāo)簽 31
2.3.2
標(biāo)簽 31
2.3.3
標(biāo)簽 31
2.4 頭部元素 31
2.4.1
標(biāo)簽 31</p>
<p>2.4.2 <meta>標(biāo)簽 32</p>
<p>2.5 為叮叮書店首頁(yè)添加元信息 35</p>
<p>2.6 小結(jié) 36</p>
<p>2.7 習(xí)題 36</p>
<p> 第3章 HTML5內(nèi)容結(jié)構(gòu)與文本 37</p>
<p>3.1 HTML5結(jié)構(gòu)標(biāo)簽 37</p>
<p>3.1.1 <header>標(biāo)簽 38</p>
<p>3.1.2 <main>標(biāo)簽 38</p>
<p>3.1.3 <nav>標(biāo)簽 38</p>
<p>3.1.4 <article>標(biāo)簽 38</p>
<p>3.1.5 <section>標(biāo)簽 38</p>
<p>3.1.6 <aside>標(biāo)簽 39</p>
<p>3.1.7 <footer>標(biāo)簽 39</p>
<p>3.1.8 <details>標(biāo)簽和<summary>標(biāo)簽 39</p>
<p>3.1.9 <div>標(biāo)簽 39</p>
<p>3.1.10 <span>標(biāo)簽 40</p>
<p>3.2 HTML5基礎(chǔ)標(biāo)簽 40</p>
<p>3.2.1 標(biāo)題 40</p>
<p>3.2.2 段落 41</p>
<p>3.2.3 換行符 41</p>
<p>3.2.4 注釋 41</p>
<p>3.3 HTML5格式化標(biāo)簽 41</p>
<p>3.3.1 文本格式化標(biāo)簽 41</p>
<p>3.3.2 引用和術(shù)語(yǔ)定義標(biāo)簽 43</p>
<p>3.3.3 HTML5新增格式標(biāo)簽 44</p>
<p>3.4 HTML5列表 47</p>
<p>3.4.1 無(wú)序列表 47</p>
<p>3.4.2 有序列表 48</p>
<p>3.4.3 定義列表 49</p>
<p>3.5 叮叮書店首頁(yè)內(nèi)容結(jié)構(gòu)的建立 49</p>
<p>3.5.1 分析設(shè)計(jì)頁(yè)面內(nèi)容結(jié)構(gòu) 50</p>
<p>3.5.2 用HTML5結(jié)構(gòu)標(biāo)簽確定頁(yè)面內(nèi)容結(jié)構(gòu) 50</p>
<p>3.5.3 添加文本內(nèi)容 53</p>
<p>3.5.4 在瀏覽器中預(yù)覽 57</p>
<p>3.6 小結(jié) 58</p>
<p>3.7 習(xí)題 5</p>
<p></div>
</div>
</div>
<div id="3xdjpms" class="text-center margin-large-bottom">
<script async src="http://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 id="vx9jtqj" class="bookdetails-right">
<div style="height:250px;">
<div id="fqvfpzf" class="_8yiuxfzeh64"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u2724904",
container: "_8yiuxfzeh64",
async: true
});
</script>
</div>
<div id="api6x0a" class="tit margin-big-top"><h3>本目錄推薦</h3></div>
<div class="cjczjc5" id="J_commend" class="books-left border">
<ul>
<li>
<p style="display: none;" class="fold">
<a href="/book/14174379/" title="改變?cè)O(shè)計(jì)的AI技術(shù)（基于Midjourney+Stable Diffusion）" target="_blank"><i>01</i>改變?cè)O(shè)計(jì)的AI技術(shù)（基于M…</a></p>
<div id="ayroyro" class="unfold" style="display: block;">
<i>01</i>
<div>
<div id="xeoheoh" class="img80"><a href="/book/14174379/" title="改變?cè)O(shè)計(jì)的AI技術(shù)（基于Midjourney+Stable Diffusion）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280898240368562.jpg_80.jpg" alt="改變?cè)O(shè)計(jì)的AI技術(shù)（基于Midjourney+Stable Diffusion）"></a></div>
<h3><a href="/book/14174379/" title="改變?cè)O(shè)計(jì)的AI技術(shù)（基于Midjourney+Stable Diffusion）" target="_blank">改變?cè)O(shè)計(jì)的AI技術(shù)（基于Midjour…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174437/" title="圖像分割原理與技術(shù)實(shí)現(xiàn)" target="_blank"><i>02</i>圖像分割原理與技術(shù)實(shí)現(xiàn)</a></p>
<div id="055buex" class="unfold" style="display: none;">
<i>02</i>
<div>
<div id="lfp0soh" class="img80"><a href="/book/14174437/" title="圖像分割原理與技術(shù)實(shí)現(xiàn)" target="_blank"><img src="https://img.dushu.com/2025/05/30/015425478403652.jpg_80.jpg" alt="圖像分割原理與技術(shù)實(shí)現(xiàn)"></a></div>
<h3><a href="/book/14174437/" title="圖像分割原理與技術(shù)實(shí)現(xiàn)" target="_blank">圖像分割原理與技術(shù)實(shí)現(xiàn)</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174450/" title="圖像處理與識(shí)別（第2版）" target="_blank"><i>03</i>圖像處理與識(shí)別（第2版）…</a></p>
<div id="mkl50zw" class="unfold" style="display: none;">
<i>03</i>
<div>
<div id="f5bhrbu" class="img80"><a href="/book/14174450/" title="圖像處理與識(shí)別（第2版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01575583140363943.jpg_80.jpg" alt="圖像處理與識(shí)別（第2版）"></a></div>
<h3><a href="/book/14174450/" title="圖像處理與識(shí)別（第2版）" target="_blank">圖像處理與識(shí)別（第2版）</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174361/" title="并行單像素成像原理、方法及應(yīng)用" target="_blank"><i>04</i>并行單像素成像原理、方法…</a></p>
<div id="zfpvb5r" class="unfold" style="display: none;">
<i>04</i>
<div>
<div id="dqngq1c" class="img80"><a href="/book/14174361/" title="并行單像素成像原理、方法及應(yīng)用" target="_blank"><img src="https://img.dushu.com/2025/05/30/01272628040367280.jpg_80.jpg" alt="并行單像素成像原理、方法及應(yīng)用"></a></div>
<h3><a href="/book/14174361/" title="并行單像素成像原理、方法及應(yīng)用" target="_blank">并行單像素成像原理、方法及應(yīng)用…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174382/" title="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全" target="_blank"><i>05</i>ChatGPT+Dall·E 3：…</a></p>
<div id="5y1oleo" class="unfold" style="display: none;">
<i>05</i>
<div>
<div id="0haxdak" class="img80"><a href="/book/14174382/" title="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全" target="_blank"><img src="https://img.dushu.com/2025/05/30/01281722440365062.jpg_80.jpg" alt="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全"></a></div>
<h3><a href="/book/14174382/" title="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全" target="_blank">ChatGPT+Dall·E 3：AI提示…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174456/" title="AI繪畫大師之道：輕松入門" target="_blank"><i>06</i>AI繪畫大師之道：輕松入門…</a></p>
<div id="jsc511n" class="unfold" style="display: none;">
<i>06</i>
<div>
<div id="gh5x1wc" class="img80"><a href="/book/14174456/" title="AI繪畫大師之道：輕松入門" target="_blank"><img src="https://img.dushu.com/2025/05/30/01595482040366479.jpg_80.jpg" alt="AI繪畫大師之道：輕松入門"></a></div>
<h3><a href="/book/14174456/" title="AI繪畫大師之道：輕松入門" target="_blank">AI繪畫大師之道：輕松入門</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174413/" title="Midjourney+Stable Diffusion+ControlNet AI繪畫與設(shè)計(jì)商業(yè)應(yīng)用實(shí)戰(zhàn)手冊(cè)" target="_blank"><i>07</i>Midjourney+Stable Diffu…</a></p>
<div id="3atd4gm" class="unfold" style="display: none;">
<i>07</i>
<div>
<div id="tvoyrbu" class="img80"><a href="/book/14174413/" title="Midjourney+Stable Diffusion+ControlNet AI繪畫與設(shè)計(jì)商業(yè)應(yīng)用實(shí)戰(zhàn)手冊(cè)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01334742140369122.jpg_80.jpg" alt="Midjourney+Stable Diffusion+ControlNet AI繪畫與設(shè)計(jì)商業(yè)應(yīng)用實(shí)戰(zhàn)手冊(cè)"></a></div>
<h3><a href="/book/14174413/" title="Midjourney+Stable Diffusion+ControlNet AI繪畫與設(shè)計(jì)商業(yè)應(yīng)用實(shí)戰(zhàn)手冊(cè)" target="_blank">Midjourney+Stable Diffusion+C…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174434/" title="虛擬現(xiàn)實(shí)設(shè)計(jì)：Unity案例實(shí)戰(zhàn)詳解" target="_blank"><i>08</i>虛擬現(xiàn)實(shí)設(shè)計(jì)：Unity案例…</a></p>
<div id="5axhnxq" class="unfold" style="display: none;">
<i>08</i>
<div>
<div id="fdwt10p" class="img80"><a href="/book/14174434/" title="虛擬現(xiàn)實(shí)設(shè)計(jì)：Unity案例實(shí)戰(zhàn)詳解" target="_blank"><img src="https://img.dushu.com/2025/05/30/01534423340363198.jpg_80.jpg" alt="虛擬現(xiàn)實(shí)設(shè)計(jì)：Unity案例實(shí)戰(zhàn)詳解"></a></div>
<h3><a href="/book/14174434/" title="虛擬現(xiàn)實(shí)設(shè)計(jì)：Unity案例實(shí)戰(zhàn)詳解" target="_blank">虛擬現(xiàn)實(shí)設(shè)計(jì)：Unity案例實(shí)戰(zhàn)詳…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174429/" title="Photoshop 2024圖像處理案例精講課堂（微視頻版）" target="_blank"><i>09</i>Photoshop 2024圖像處理案…</a></p>
<div id="ncpmjtq" class="unfold" style="display: none;">
<i>09</i>
<div>
<div id="5xqmjpm" class="img80"><a href="/book/14174429/" title="Photoshop 2024圖像處理案例精講課堂（微視頻版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/0146513140366127.jpg_80.jpg" alt="Photoshop 2024圖像處理案例精講課堂（微視頻版）"></a></div>
<h3><a href="/book/14174429/" title="Photoshop 2024圖像處理案例精講課堂（微視頻版）" target="_blank">Photoshop 2024圖像處理案例精講…</a></h3>
<p></p>
</div>
</div>
</li>
<li id="vtmj5zw" class="bt">
<p style="display: block;" class="fold">
<a href="/book/14174425/" title="Premiere Pro 2023實(shí)訓(xùn)教程" target="_blank"><i>10</i>Premiere Pro 2023實(shí)訓(xùn)教…</a></p>
<div id="fh1xunk" class="unfold" style="display: none;">
<i>10</i>
<div>
<div id="8n55fpz" class="img80"><a href="/book/14174425/" title="Premiere Pro 2023實(shí)訓(xùn)教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01354739140367548.jpg_80.jpg" alt="Premiere Pro 2023實(shí)訓(xùn)教程"></a></div>
<h3><a href="/book/14174425/" title="Premiere Pro 2023實(shí)訓(xùn)教程" target="_blank">Premiere Pro 2023實(shí)訓(xùn)教程</a></h3>
<p></p>
</div>
</div>
</li>
</ul>
</div>
<div id="i4r6dnw" class="margin-big-top" id="sidebar">
<script async src="http://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 class="teb1rbl" id="qrcode"></div>
<div id="ya0dnxd" class="margin-big-top text-center text-gray">掃描二維碼</div>
</div>
</div>
</div>
<div id="bmiflif" class="layout" id="footer">
<div id="fqat565" class="container padding">
<div id="trogqat" class="text-center">
<ul class="nav nav-inline">
<li><a href="/help/1587.html">關(guān)于讀書</a> </li>
<li><a href="/help/1588.html">免責(zé)聲明</a> </li>
<li><a href="/help/1589.html">讀書目錄</a> </li>
<li><a href="/help/1590.html">聯(lián)系我們</a> </li>
</ul>
</div>
<div id="q5qnt5n" class="text-center height-big">Copyright ? 讀書網(wǎng) www.stefanvlieger.com 2005-2020, All Rights Reserved.</div>
<div id="yjczsoh" class="text-center height-big"><a >鄂ICP備15019699號(hào)</a> <img src="https://a.dushu.com/img/beian.png" style="vertical-align:middle;margin-left:10px;" /> 鄂公網(wǎng)安備 42010302001612號(hào) <a ><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>
$('.txtsummary').readmore({ maxHeight: 140, moreLink: '<a href="#"><span id="kv56mfc" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="yngdjtz" 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>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.stefanvlieger.com/" title="欧美国产亚洲变态另类在线">欧美国产亚洲变态另类在线</a>
<div class="friend-links">
<a href="http://www.tarkeb-dish.com/">精品中文高清在线hd免费</a>
<a href="http://www.norwichdate.com/">三级全黄裸体在线观看</a>
<a href="http://www.uworled.com/">黄色黄瓜视频免费观看</a>
<a href="http://www.tiantishan.com/">裸体女人高潮A片裸交</a>
<a href="http://www.stefanvlieger.com/">亚洲欧洲一区二区综合在线</a>
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="4lf5w" class="pl_css_ganrao" style="display: none;"><listing id="4lf5w"></listing><label id="4lf5w"></label><tt id="4lf5w"></tt><abbr id="4lf5w"><label id="4lf5w"></label></abbr><table id="4lf5w"><sup id="4lf5w"></sup></table><listing id="4lf5w"><strike id="4lf5w"><label id="4lf5w"><tfoot id="4lf5w"></tfoot></label></strike></listing><listing id="4lf5w"></listing><strong id="4lf5w"><pre id="4lf5w"></pre></strong><rp id="4lf5w"><thead id="4lf5w"></thead></rp><font id="4lf5w"><th id="4lf5w"><small id="4lf5w"><var id="4lf5w"></var></small></th></font><small id="4lf5w"></small><fieldset id="4lf5w"><object id="4lf5w"><bdo id="4lf5w"></bdo></object></fieldset><i id="4lf5w"></i><b id="4lf5w"></b><listing id="4lf5w"></listing><output id="4lf5w"></output><track id="4lf5w"><i id="4lf5w"><mark id="4lf5w"><cite id="4lf5w"></cite></mark></i></track><style id="4lf5w"><pre id="4lf5w"><legend id="4lf5w"><center id="4lf5w"></center></legend></pre></style><dfn id="4lf5w"><strong id="4lf5w"><em id="4lf5w"><object id="4lf5w"></object></em></strong></dfn><span id="4lf5w"><legend id="4lf5w"></legend></span><th id="4lf5w"><legend id="4lf5w"></legend></th><progress id="4lf5w"><dfn id="4lf5w"><thead id="4lf5w"><li id="4lf5w"></li></thead></dfn></progress><sub id="4lf5w"><video id="4lf5w"><tfoot id="4lf5w"><listing id="4lf5w"></listing></tfoot></video></sub><strike id="4lf5w"></strike><ins id="4lf5w"></ins><button id="4lf5w"><listing id="4lf5w"></listing></button><dfn id="4lf5w"><optgroup id="4lf5w"></optgroup></dfn><sub id="4lf5w"><video id="4lf5w"><tfoot id="4lf5w"></tfoot></video></sub><strike id="4lf5w"><delect id="4lf5w"><dfn id="4lf5w"><output id="4lf5w"></output></dfn></delect></strike><small id="4lf5w"></small><label id="4lf5w"><optgroup id="4lf5w"><th id="4lf5w"><small id="4lf5w"></small></th></optgroup></label><center id="4lf5w"></center><strong id="4lf5w"></strong><sup id="4lf5w"><tbody id="4lf5w"><dfn id="4lf5w"><thead id="4lf5w"></thead></dfn></tbody></sup><input id="4lf5w"></input><pre id="4lf5w"><th id="4lf5w"><noframes id="4lf5w"><form id="4lf5w"></form></noframes></th></pre><listing id="4lf5w"></listing><ruby id="4lf5w"><b id="4lf5w"><menuitem id="4lf5w"></menuitem></b></ruby><form id="4lf5w"></form><thead id="4lf5w"><em id="4lf5w"><em id="4lf5w"><span id="4lf5w"></span></em></em></thead><td id="4lf5w"></td><nav id="4lf5w"></nav><optgroup id="4lf5w"></optgroup><video id="4lf5w"></video><object id="4lf5w"></object><pre id="4lf5w"><span id="4lf5w"><p id="4lf5w"><dd id="4lf5w"></dd></p></span></pre><input id="4lf5w"><pre id="4lf5w"></pre></input><ruby id="4lf5w"></ruby><big id="4lf5w"><tt id="4lf5w"></tt></big><address id="4lf5w"></address></div>
</html>
