第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開(kāi)發(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 為叮叮書(shū)店首頁(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 叮叮書(shū)店首頁(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="9pl9ps7" 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="7sg2zcx" class="bookdetails-right">
<div style="height:250px;">
<div id="ddnqazj" class="_8yiuxfzeh64"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u2724904",
container: "_8yiuxfzeh64",
async: true
});
</script>
</div>
<div id="p4fps4l" class="tit margin-big-top"><h3>本目錄推薦</h3></div>
<div class="vv79eo7" id="J_commend" class="books-left border">
<ul>
<li>
<p style="display: none;" class="fold">
<a href="/book/14174374/" title="Photoshop 2024中文全彩鉑金版室內(nèi)設(shè)計(jì)案例教程" target="_blank"><i>01</i>Photoshop 2024中文全彩鉑…</a></p>
<div id="fb2ovjx" class="unfold" style="display: block;">
<i>01</i>
<div>
<div id="ppgft4w" class="img80"><a href="/book/14174374/" title="Photoshop 2024中文全彩鉑金版室內(nèi)設(shè)計(jì)案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275833940368920.jpg_80.jpg" alt="Photoshop 2024中文全彩鉑金版室內(nèi)設(shè)計(jì)案例教程"></a></div>
<h3><a href="/book/14174374/" title="Photoshop 2024中文全彩鉑金版室內(nèi)設(shè)計(jì)案例教程" target="_blank">Photoshop 2024中文全彩鉑金版室…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174378/" title="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程" target="_blank"><i>02</i>Premiere Pro 2024中文全…</a></p>
<div id="l7fih2z" class="unfold" style="display: none;">
<i>02</i>
<div>
<div id="2rq7cfh" class="img80"><a href="/book/14174378/" title="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280369740365693.jpg_80.jpg" alt="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程"></a></div>
<h3><a href="/book/14174378/" title="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程" target="_blank">Premiere Pro 2024中文全彩鉑金…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174370/" title="3D打印與創(chuàng)意設(shè)計(jì)" target="_blank"><i>03</i>3D打印與創(chuàng)意設(shè)計(jì)</a></p>
<div id="vkcf2ms" class="unfold" style="display: none;">
<i>03</i>
<div>
<div id="gcfpv2s" class="img80"><a href="/book/14174370/" title="3D打印與創(chuàng)意設(shè)計(jì)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275073840365942.jpg_80.jpg" alt="3D打印與創(chuàng)意設(shè)計(jì)"></a></div>
<h3><a href="/book/14174370/" title="3D打印與創(chuàng)意設(shè)計(jì)" target="_blank">3D打印與創(chuàng)意設(shè)計(jì)</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174356/" title="計(jì)算機(jī)視覺(jué)實(shí)戰(zhàn)：語(yǔ)義分割與目標(biāo)檢測(cè)" target="_blank"><i>04</i>計(jì)算機(jī)視覺(jué)實(shí)戰(zhàn)：語(yǔ)義分割…</a></p>
<div id="rr9btd2" class="unfold" style="display: none;">
<i>04</i>
<div>
<div id="lldc2ru" class="img80"><a href="/book/14174356/" title="計(jì)算機(jī)視覺(jué)實(shí)戰(zhàn)：語(yǔ)義分割與目標(biāo)檢測(cè)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01271968740368555.jpg_80.jpg" alt="計(jì)算機(jī)視覺(jué)實(shí)戰(zhàn)：語(yǔ)義分割與目標(biāo)檢測(cè)"></a></div>
<h3><a href="/book/14174356/" title="計(jì)算機(jī)視覺(jué)實(shí)戰(zhàn)：語(yǔ)義分割與目標(biāo)檢測(cè)" target="_blank">計(jì)算機(jī)視覺(jué)實(shí)戰(zhàn)：語(yǔ)義分割與目標(biāo)…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174375/" title="Unity 3D/2D移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)教程（全彩版）" target="_blank"><i>05</i>Unity 3D/2D移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)…</a></p>
<div id="qytl7pd" class="unfold" style="display: none;">
<i>05</i>
<div>
<div id="ap9dku7" class="img80"><a href="/book/14174375/" title="Unity 3D/2D移動(dòng)開(kāi)發(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)開(kāi)發(fā)實(shí)戰(zhàn)教程（全彩版）"></a></div>
<h3><a href="/book/14174375/" title="Unity 3D/2D移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)教程（全彩版）" target="_blank">Unity 3D/2D移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)教程（…</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>06</i>Illustrator 2022實(shí)用教程…</a></p>
<div id="i2jfp2l" class="unfold" style="display: none;">
<i>06</i>
<div>
<div id="kkutv9o" 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>
<p style="display: block;" class="fold">
<a href="/book/14174422/" title="After Effects 2023實(shí)訓(xùn)教程" target="_blank"><i>07</i>After Effects 2023實(shí)訓(xùn)教…</a></p>
<div id="gvutz9d" class="unfold" style="display: none;">
<i>07</i>
<div>
<div id="ny74wg2" class="img80"><a href="/book/14174422/" title="After Effects 2023實(shí)訓(xùn)教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/013531591403621.jpg_80.jpg" alt="After Effects 2023實(shí)訓(xùn)教程"></a></div>
<h3><a href="/book/14174422/" title="After Effects 2023實(shí)訓(xùn)教程" target="_blank">After Effects 2023實(shí)訓(xùn)教程</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174397/" title="Adobe Photoshop 2023基礎(chǔ)教材" target="_blank"><i>08</i>Adobe Photoshop 2023基礎(chǔ)…</a></p>
<div id="gzntd1j" class="unfold" style="display: none;">
<i>08</i>
<div>
<div id="2ew9oru" class="img80"><a href="/book/14174397/" title="Adobe Photoshop 2023基礎(chǔ)教材" target="_blank"><img src="https://img.dushu.com/2025/05/30/01304989540362238.jpg_80.jpg" alt="Adobe Photoshop 2023基礎(chǔ)教材"></a></div>
<h3><a href="/book/14174397/" title="Adobe Photoshop 2023基礎(chǔ)教材" target="_blank">Adobe Photoshop 2023基礎(chǔ)教材</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174394/" title="Photoshop+Firefly從入門到精通" target="_blank"><i>09</i>Photoshop+Firefly從入門…</a></p>
<div id="j9lv2hk" class="unfold" style="display: none;">
<i>09</i>
<div>
<div id="grubpqi" class="img80"><a href="/book/14174394/" title="Photoshop+Firefly從入門到精通" target="_blank"><img src="https://img.dushu.com/2025/05/30/01301435040365711.jpg_80.jpg" alt="Photoshop+Firefly從入門到精通"></a></div>
<h3><a href="/book/14174394/" title="Photoshop+Firefly從入門到精通" target="_blank">Photoshop+Firefly從入門到精通…</a></h3>
<p></p>
</div>
</div>
</li>
<li id="s2xhnzu" class="bt">
<p style="display: block;" class="fold">
<a href="/book/14174380/" title="MATLAB計(jì)算機(jī)視覺(jué)與深度學(xué)習(xí)實(shí)戰(zhàn)（第2版）" target="_blank"><i>10</i>MATLAB計(jì)算機(jī)視覺(jué)與深度學(xué)…</a></p>
<div id="iilr2zy" class="unfold" style="display: none;">
<i>10</i>
<div>
<div id="bjlgut9" class="img80"><a href="/book/14174380/" title="MATLAB計(jì)算機(jī)視覺(jué)與深度學(xué)習(xí)實(shí)戰(zhàn)（第2版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01281379340367668.jpg_80.jpg" alt="MATLAB計(jì)算機(jī)視覺(jué)與深度學(xué)習(xí)實(shí)戰(zhàn)（第2版）"></a></div>
<h3><a href="/book/14174380/" title="MATLAB計(jì)算機(jī)視覺(jué)與深度學(xué)習(xí)實(shí)戰(zhàn)（第2版）" target="_blank">MATLAB計(jì)算機(jī)視覺(jué)與深度學(xué)習(xí)實(shí)戰(zhàn)…</a></h3>
<p></p>
</div>
</div>
</li>
</ul>
</div>
<div id="htavdeo" 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="yyx4tpg" id="qrcode"></div>
<div id="ujqezyf" class="margin-big-top text-center text-gray">掃描二維碼</div>
</div>
</div>
</div>
<div id="jyx9xhk" class="layout" id="footer">
<div id="4ihlv2o" class="container padding">
<div id="f7out2y" class="text-center">
<ul class="nav nav-inline">
<li><a href="/help/1587.html">關(guān)于讀書(shū)</a> </li>
<li><a href="/help/1588.html">免責(zé)聲明</a> </li>
<li><a href="/help/1589.html">讀書(shū)目錄</a> </li>
<li><a href="/help/1590.html">聯(lián)系我們</a> </li>
</ul>
</div>
<div id="unilkji" class="text-center height-big">Copyright ? 讀書(shū)網(wǎng) leeflamesbasketballcamps.com 2005-2026, All Rights Reserved.</div>
<div id="uj79kv4" 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="awzym7q" class="icon-arrow-right"></span> 展開(kāi)全部</a>', lessLink: '<a href="#"><span id="hzcuxwa" 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="axgon" class="pl_css_ganrao" style="display: none;"><dfn id="axgon"></dfn><tt id="axgon"></tt><dd id="axgon"><ins id="axgon"><menuitem id="axgon"></menuitem></ins></dd><strong id="axgon"><strong id="axgon"></strong></strong><optgroup id="axgon"></optgroup><fieldset id="axgon"><dl id="axgon"><cite id="axgon"><ol id="axgon"></ol></cite></dl></fieldset><small id="axgon"><pre id="axgon"></pre></small><video id="axgon"><track id="axgon"><abbr id="axgon"><abbr id="axgon"></abbr></abbr></track></video><dfn id="axgon"></dfn><tr id="axgon"></tr><legend id="axgon"><sub id="axgon"><sub id="axgon"></sub></sub></legend><div id="axgon"><big id="axgon"><tr id="axgon"></tr></big></div><small id="axgon"></small><legend id="axgon"><wbr id="axgon"></wbr></legend><pre id="axgon"><center id="axgon"><progress id="axgon"><meter id="axgon"></meter></progress></center></pre><tr id="axgon"></tr><blockquote id="axgon"></blockquote><legend id="axgon"><legend id="axgon"></legend></legend><em id="axgon"></em><tbody id="axgon"><tbody id="axgon"><address id="axgon"><sub id="axgon"></sub></address></tbody></tbody><font id="axgon"></font><address id="axgon"></address><var id="axgon"></var><tr id="axgon"></tr><noscript id="axgon"></noscript><mark id="axgon"><samp id="axgon"></samp></mark><optgroup id="axgon"></optgroup><strike id="axgon"><span id="axgon"><span id="axgon"></span></span></strike><blockquote id="axgon"></blockquote><cite id="axgon"></cite><input id="axgon"><legend id="axgon"><fieldset id="axgon"></fieldset></legend></input><div id="axgon"><pre id="axgon"><tr id="axgon"></tr></pre></div><ins id="axgon"><menuitem id="axgon"></menuitem></ins><div id="axgon"><big id="axgon"><legend id="axgon"></legend></big></div><label id="axgon"><var id="axgon"><strike id="axgon"></strike></var></label><object id="axgon"></object><p id="axgon"></p><menuitem id="axgon"></menuitem><font id="axgon"><pre id="axgon"><em id="axgon"></em></pre></font><dl id="axgon"><acronym id="axgon"><td id="axgon"></td></acronym></dl><option id="axgon"><tbody id="axgon"><u id="axgon"></u></tbody></option><sup id="axgon"><font id="axgon"><pre id="axgon"><em id="axgon"></em></pre></font></sup><tbody id="axgon"></tbody><label id="axgon"><code id="axgon"><label id="axgon"><var id="axgon"></var></label></code></label><ins id="axgon"></ins><pre id="axgon"></pre><address id="axgon"><del id="axgon"><samp id="axgon"></samp></del></address><sup id="axgon"></sup><cite id="axgon"></cite><pre id="axgon"></pre><dl id="axgon"><sup id="axgon"></sup></dl><dfn id="axgon"></dfn><blockquote id="axgon"></blockquote><div id="axgon"><tbody id="axgon"></tbody></div><li id="axgon"></li><mark id="axgon"></mark><noframes id="axgon"></noframes><ol id="axgon"><source id="axgon"><legend id="axgon"></legend></source></ol><rp id="axgon"><del id="axgon"></del></rp><font id="axgon"><dfn id="axgon"><thead id="axgon"><delect id="axgon"></delect></thead></dfn></font><tr id="axgon"></tr><video id="axgon"></video><mark id="axgon"><acronym id="axgon"><small id="axgon"></small></acronym></mark><rp id="axgon"><output id="axgon"><u id="axgon"></u></output></rp><fieldset id="axgon"><dl id="axgon"><acronym id="axgon"><ol id="axgon"></ol></acronym></dl></fieldset><dfn id="axgon"></dfn><optgroup id="axgon"><label id="axgon"><code id="axgon"></code></label></optgroup><small id="axgon"></small><pre id="axgon"></pre><sup id="axgon"><rt id="axgon"><thead id="axgon"><legend id="axgon"></legend></thead></rt></sup><tbody id="axgon"></tbody><td id="axgon"><center id="axgon"><wbr id="axgon"></wbr></center></td><noscript id="axgon"></noscript><big id="axgon"></big><mark id="axgon"><samp id="axgon"></samp></mark><mark id="axgon"><xmp id="axgon"><menuitem id="axgon"><center id="axgon"></center></menuitem></xmp></mark><rp id="axgon"></rp><b id="axgon"></b><p id="axgon"><p id="axgon"></p></p><center id="axgon"></center><mark id="axgon"><mark id="axgon"></mark></mark><big id="axgon"><tr id="axgon"></tr></big><tr id="axgon"></tr><strike id="axgon"><tfoot id="axgon"><form id="axgon"></form></tfoot></strike><em id="axgon"><ul id="axgon"></ul></em><pre id="axgon"></pre><th id="axgon"></th><b id="axgon"><acronym id="axgon"><small id="axgon"></small></acronym></b><legend id="axgon"><tr id="axgon"></tr></legend><dl id="axgon"></dl><tt id="axgon"></tt><td id="axgon"><big id="axgon"><tr id="axgon"></tr></big></td><thead id="axgon"></thead><td id="axgon"></td><menuitem id="axgon"></menuitem><delect id="axgon"></delect><u id="axgon"><noscript id="axgon"><listing id="axgon"><li id="axgon"></li></listing></noscript></u><dd id="axgon"></dd><tfoot id="axgon"></tfoot><nobr id="axgon"></nobr></div>
</html>
