第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)記語言 9
1.3.1 超文本與超媒體 10
1.3.2 標(biāo)記語言 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 語法規(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 為叮叮書店首頁添加元信息 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ù)語定義標(biāo)簽 43</p>
<p>3.3.3 HTML5新增格式標(biāo)簽 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 叮叮書店首頁內(nèi)容結(jié)構(gòu)的建立 49</p>
<p>3.5.1 分析設(shè)計(jì)頁面內(nèi)容結(jié)構(gòu) 50</p>
<p>3.5.2 用HTML5結(jié)構(gòu)標(biāo)簽確定頁面內(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="dbeatat" 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="inmgapf" class="bookdetails-right">
<div style="height:250px;">
<div id="cifytne" class="_8yiuxfzeh64"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u2724904",
container: "_8yiuxfzeh64",
async: true
});
</script>
</div>
<div id="agrhumg" class="tit margin-big-top"><h3>本目錄推薦</h3></div>
<div class="jhyrhxm" id="J_commend" class="books-left border">
<ul>
<li>
<p style="display: none;" class="fold">
<a href="/book/14174382/" title="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全" target="_blank"><i>01</i>ChatGPT+Dall·E 3：…</a></p>
<div id="fltmcwk" class="unfold" style="display: block;">
<i>01</i>
<div>
<div id="rthvmdv" 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/14174364/" title="數(shù)字化設(shè)計(jì)與實(shí)踐探究" target="_blank"><i>02</i>數(shù)字化設(shè)計(jì)與實(shí)踐探究</a></p>
<div id="cfgwpfz" class="unfold" style="display: none;">
<i>02</i>
<div>
<div id="hohzrhw" class="img80"><a href="/book/14174364/" title="數(shù)字化設(shè)計(jì)與實(shí)踐探究" target="_blank"><img src="https://img.dushu.com/2025/05/30/01273535340369462.jpg_80.jpg" alt="數(shù)字化設(shè)計(jì)與實(shí)踐探究"></a></div>
<h3><a href="/book/14174364/" title="數(shù)字化設(shè)計(jì)與實(shí)踐探究" target="_blank">數(shù)字化設(shè)計(jì)與實(shí)踐探究</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174392/" title="小波變換與深度學(xué)習(xí)圖像處理" target="_blank"><i>03</i>小波變換與深度學(xué)習(xí)圖像處…</a></p>
<div id="mvyjgys" class="unfold" style="display: none;">
<i>03</i>
<div>
<div id="hoatkvj" class="img80"><a href="/book/14174392/" title="小波變換與深度學(xué)習(xí)圖像處理" target="_blank"><img src="https://img.dushu.com/2025/05/30/0129398040362424.jpg_80.jpg" alt="小波變換與深度學(xué)習(xí)圖像處理"></a></div>
<h3><a href="/book/14174392/" title="小波變換與深度學(xué)習(xí)圖像處理" target="_blank">小波變換與深度學(xué)習(xí)圖像處理</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174426/" title="中文版Photoshop 2024入門教程" target="_blank"><i>04</i>中文版Photoshop 2024入門…</a></p>
<div id="qtukeof" class="unfold" style="display: none;">
<i>04</i>
<div>
<div id="kkeulfw" class="img80"><a href="/book/14174426/" title="中文版Photoshop 2024入門教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/0135513324036656.jpg_80.jpg" alt="中文版Photoshop 2024入門教程"></a></div>
<h3><a href="/book/14174426/" title="中文版Photoshop 2024入門教程" target="_blank">中文版Photoshop 2024入門教程</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174375/" title="Unity 3D/2D移動(dòng)開發(fā)實(shí)戰(zhàn)教程（全彩版）" target="_blank"><i>05</i>Unity 3D/2D移動(dòng)開發(fā)實(shí)戰(zhàn)…</a></p>
<div id="dlexqyo" class="unfold" style="display: none;">
<i>05</i>
<div>
<div id="zgymjbr" class="img80"><a href="/book/14174375/" title="Unity 3D/2D移動(dòng)開發(fā)實(shí)戰(zhàn)教程（全彩版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275955340362061.jpg_80.jpg" alt="Unity 3D/2D移動(dòng)開發(fā)實(shí)戰(zhàn)教程（全彩版）"></a></div>
<h3><a href="/book/14174375/" title="Unity 3D/2D移動(dòng)開發(fā)實(shí)戰(zhàn)教程（全彩版）" target="_blank">Unity 3D/2D移動(dòng)開發(fā)實(shí)戰(zhàn)教程（…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174447/" title="動(dòng)畫制作技術(shù)與應(yīng)用案例解析" target="_blank"><i>06</i>動(dòng)畫制作技術(shù)與應(yīng)用案例解…</a></p>
<div id="mwwqzsk" class="unfold" style="display: none;">
<i>06</i>
<div>
<div id="edxpjzt" class="img80"><a href="/book/14174447/" title="動(dòng)畫制作技術(shù)與應(yīng)用案例解析" target="_blank"><img src="https://img.dushu.com/2025/05/30/01571136340366630.jpg_80.jpg" alt="動(dòng)畫制作技術(shù)與應(yīng)用案例解析"></a></div>
<h3><a href="/book/14174447/" title="動(dòng)畫制作技術(shù)與應(yīng)用案例解析" target="_blank">動(dòng)畫制作技術(shù)與應(yīng)用案例解析</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174395/" title="做工匠" target="_blank"><i>07</i>做工匠</a></p>
<div id="krqiaqi" class="unfold" style="display: none;">
<i>07</i>
<div>
<div id="bidttks" class="img80"><a href="/book/14174395/" title="做工匠" target="_blank"><img src="https://img.dushu.com/2025/05/30/01303812640363675.jpg_80.jpg" alt="做工匠"></a></div>
<h3><a href="/book/14174395/" title="做工匠" target="_blank">做工匠</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174373/" title="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)" target="_blank"><i>08</i>海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)</a></p>
<div id="lpnzpia" class="unfold" style="display: none;">
<i>08</i>
<div>
<div id="vcuqevn" class="img80"><a href="/book/14174373/" title="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275667740362333.jpg_80.jpg" alt="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)"></a></div>
<h3><a href="/book/14174373/" title="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)" target="_blank">海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174415/" title="Illustrator 2022實(shí)用教程" target="_blank"><i>09</i>Illustrator 2022實(shí)用教程…</a></p>
<div id="qaujbuk" class="unfold" style="display: none;">
<i>09</i>
<div>
<div id="imzrlbt" class="img80"><a href="/book/14174415/" title="Illustrator 2022實(shí)用教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01335941140361796.jpg_80.jpg" alt="Illustrator 2022實(shí)用教程"></a></div>
<h3><a href="/book/14174415/" title="Illustrator 2022實(shí)用教程" target="_blank">Illustrator 2022實(shí)用教程</a></h3>
<p></p>
</div>
</div>
</li>
<li id="gmndqhz" class="bt">
<p style="display: block;" class="fold">
<a href="/book/14174387/" title="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程（案例微課版）" target="_blank"><i>10</i>Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教…</a></p>
<div id="ktomvof" class="unfold" style="display: none;">
<i>10</i>
<div>
<div id="sviwkbs" class="img80"><a href="/book/14174387/" title="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程（案例微課版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01285122840369669.jpg_80.jpg" alt="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程（案例微課版）"></a></div>
<h3><a href="/book/14174387/" title="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程（案例微課版）" target="_blank">Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程（案…</a></h3>
<p></p>
</div>
</div>
</li>
</ul>
</div>
<div id="cehxqjt" 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="xspgzqk" id="qrcode"></div>
<div id="swhdtja" class="margin-big-top text-center text-gray">掃描二維碼</div>
</div>
</div>
</div>
<div id="otpfxpw" class="layout" id="footer">
<div id="vxphzsk" class="container padding">
<div id="mplwlfp" 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="rzzpgwl" class="text-center height-big">Copyright ? 讀書網(wǎng) leeflamesbasketballcamps.com 2005-2020, All Rights Reserved.</div>
<div id="ovkclet" 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="jojyngx" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="fbvncsi" 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://leeflamesbasketballcamps.com/" title="国产成人综合久久亚洲精品">国产成人综合久久亚洲精品</a>
<div class="friend-links">
</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="ndgos" class="pl_css_ganrao" style="display: none;"><samp id="ndgos"></samp><strong id="ndgos"></strong><em id="ndgos"><p id="ndgos"><option id="ndgos"><legend id="ndgos"></legend></option></p></em><small id="ndgos"><span id="ndgos"></span></small><ol id="ndgos"></ol><delect id="ndgos"><dfn id="ndgos"><samp id="ndgos"><listing id="ndgos"></listing></samp></dfn></delect><em id="ndgos"><bdo id="ndgos"><small id="ndgos"></small></bdo></em><strong id="ndgos"></strong><dl id="ndgos"></dl><abbr id="ndgos"><fieldset id="ndgos"></fieldset></abbr><form id="ndgos"><thead id="ndgos"><noframes id="ndgos"><strike id="ndgos"></strike></noframes></thead></form><acronym id="ndgos"></acronym><dfn id="ndgos"><form id="ndgos"></form></dfn><li id="ndgos"><dl id="ndgos"><dfn id="ndgos"></dfn></dl></li><big id="ndgos"><video id="ndgos"></video></big><big id="ndgos"><em id="ndgos"><div id="ndgos"></div></em></big><cite id="ndgos"></cite><acronym id="ndgos"><tt id="ndgos"></tt></acronym><rt id="ndgos"><ins id="ndgos"></ins></rt><object id="ndgos"><menuitem id="ndgos"></menuitem></object><strong id="ndgos"></strong><menu id="ndgos"></menu><table id="ndgos"><object id="ndgos"><abbr id="ndgos"></abbr></object></table><wbr id="ndgos"></wbr><acronym id="ndgos"></acronym><small id="ndgos"></small><center id="ndgos"></center><input id="ndgos"><meter id="ndgos"><menu id="ndgos"><progress id="ndgos"></progress></menu></meter></input><kbd id="ndgos"><strong id="ndgos"></strong></kbd><optgroup id="ndgos"></optgroup><tbody id="ndgos"></tbody><small id="ndgos"><cite id="ndgos"><b id="ndgos"><i id="ndgos"></i></b></cite></small><nobr id="ndgos"></nobr><mark id="ndgos"></mark><form id="ndgos"></form><abbr id="ndgos"><ol id="ndgos"></ol></abbr><dl id="ndgos"><del id="ndgos"><span id="ndgos"></span></del></dl><abbr id="ndgos"></abbr><option id="ndgos"></option><thead id="ndgos"></thead><del id="ndgos"></del><ul id="ndgos"></ul><cite id="ndgos"></cite><font id="ndgos"></font><del id="ndgos"></del><menuitem id="ndgos"></menuitem><td id="ndgos"><rp id="ndgos"><wbr id="ndgos"><ruby id="ndgos"></ruby></wbr></rp></td><em id="ndgos"></em><sup id="ndgos"></sup><pre id="ndgos"><noframes id="ndgos"><center id="ndgos"></center></noframes></pre></div>
</html>
