第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="ucdgkij" 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="paadghh" class="bookdetails-right">
<div style="height:250px;">
<div id="wfdggnj" class="_8yiuxfzeh64"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u2724904",
container: "_8yiuxfzeh64",
async: true
});
</script>
</div>
<div id="yompsaz" class="tit margin-big-top"><h3>本目錄推薦</h3></div>
<div class="hosuxfd" id="J_commend" class="books-left border">
<ul>
<li>
<p style="display: none;" class="fold">
<a href="/book/14174365/" title="剪映+Premiere視頻剪輯一本通（電腦版）" target="_blank"><i>01</i>剪映+Premiere視頻剪輯一…</a></p>
<div id="eosvxyw" class="unfold" style="display: block;">
<i>01</i>
<div>
<div id="nuxbjhk" class="img80"><a href="/book/14174365/" title="剪映+Premiere視頻剪輯一本通（電腦版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/0127385124036793.jpg_80.jpg" alt="剪映+Premiere視頻剪輯一本通（電腦版）"></a></div>
<h3><a href="/book/14174365/" title="剪映+Premiere視頻剪輯一本通（電腦版）" target="_blank">剪映+Premiere視頻剪輯一本通（…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174376/" title="人工智能與影視制作" target="_blank"><i>02</i>人工智能與影視制作</a></p>
<div id="syagfjl" class="unfold" style="display: none;">
<i>02</i>
<div>
<div id="wikjqta" class="img80"><a href="/book/14174376/" title="人工智能與影視制作" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280072640364885.jpg_80.jpg" alt="人工智能與影視制作"></a></div>
<h3><a href="/book/14174376/" title="人工智能與影視制作" target="_blank">人工智能與影視制作</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank"><i>03</i>3ds Max 2024中文全彩鉑金…</a></p>
<div id="bqvayff" class="unfold" style="display: none;">
<i>03</i>
<div>
<div id="grtsceh" class="img80"><a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01281598940368334.jpg_80.jpg" alt="3ds Max 2024中文全彩鉑金版案例教程"></a></div>
<h3><a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank">3ds Max 2024中文全彩鉑金版案例…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank"><i>04</i>Illustrator 2024中文全彩…</a></p>
<div id="ydffirp" class="unfold" style="display: none;">
<i>04</i>
<div>
<div id="bmqqxay" class="img80"><a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01272367740361979.jpg_80.jpg" alt="Illustrator 2024中文全彩鉑金版案例教程"></a></div>
<h3><a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank">Illustrator 2024中文全彩鉑金版…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174408/" title="AI繪畫(huà)、設(shè)計(jì)與圖像處理從入門(mén)到精通" target="_blank"><i>05</i>AI繪畫(huà)、設(shè)計(jì)與圖像處理從…</a></p>
<div id="mdcxgcf" class="unfold" style="display: none;">
<i>05</i>
<div>
<div id="lcxbbxw" class="img80"><a href="/book/14174408/" title="AI繪畫(huà)、設(shè)計(jì)與圖像處理從入門(mén)到精通" target="_blank"><img src="https://img.dushu.com/2025/05/30/01331046840367296.jpg_80.jpg" alt="AI繪畫(huà)、設(shè)計(jì)與圖像處理從入門(mén)到精通"></a></div>
<h3><a href="/book/14174408/" title="AI繪畫(huà)、設(shè)計(jì)與圖像處理從入門(mén)到精通" target="_blank">AI繪畫(huà)、設(shè)計(jì)與圖像處理從入門(mén)到…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174455/" title="AIGC時(shí)代的UI設(shè)計(jì)" target="_blank"><i>06</i>AIGC時(shí)代的UI設(shè)計(jì)</a></p>
<div id="jvuxfcl" class="unfold" style="display: none;">
<i>06</i>
<div>
<div id="eqmwryz" class="img80"><a href="/book/14174455/" title="AIGC時(shí)代的UI設(shè)計(jì)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01594413540369661.jpg_80.jpg" alt="AIGC時(shí)代的UI設(shè)計(jì)"></a></div>
<h3><a href="/book/14174455/" title="AIGC時(shí)代的UI設(shè)計(jì)" target="_blank">AIGC時(shí)代的UI設(shè)計(jì)</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174379/" title="改變?cè)O(shè)計(jì)的AI技術(shù)（基于Midjourney+Stable Diffusion）" target="_blank"><i>07</i>改變?cè)O(shè)計(jì)的AI技術(shù)（基于M…</a></p>
<div id="qdffdcj" class="unfold" style="display: none;">
<i>07</i>
<div>
<div id="ampmpsp" 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/14174377/" title="Adobe InDesign 2023經(jīng)典教程（彩色版）" target="_blank"><i>08</i>Adobe InDesign 2023經(jīng)典…</a></p>
<div id="mtyahfi" class="unfold" style="display: none;">
<i>08</i>
<div>
<div id="rcdiijp" class="img80"><a href="/book/14174377/" title="Adobe InDesign 2023經(jīng)典教程（彩色版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280235240364297.jpg_80.jpg" alt="Adobe InDesign 2023經(jīng)典教程（彩色版）"></a></div>
<h3><a href="/book/14174377/" title="Adobe InDesign 2023經(jīng)典教程（彩色版）" target="_blank">Adobe InDesign 2023經(jīng)典教程（…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174383/" title="零基礎(chǔ)圖像處理從入門(mén)到精通" target="_blank"><i>09</i>零基礎(chǔ)圖像處理從入門(mén)到精…</a></p>
<div id="pcegnqs" class="unfold" style="display: none;">
<i>09</i>
<div>
<div id="ldzgfim" class="img80"><a href="/book/14174383/" title="零基礎(chǔ)圖像處理從入門(mén)到精通" target="_blank"><img src="https://img.dushu.com/2025/05/30/01281866340367538.jpg_80.jpg" alt="零基礎(chǔ)圖像處理從入門(mén)到精通"></a></div>
<h3><a href="/book/14174383/" title="零基礎(chǔ)圖像處理從入門(mén)到精通" target="_blank">零基礎(chǔ)圖像處理從入門(mén)到精通</a></h3>
<p></p>
</div>
</div>
</li>
<li id="sxzgglp" class="bt">
<p style="display: block;" class="fold">
<a href="/book/14174427/" title="微課學(xué)Photoshop CC數(shù)碼照片編輯與處理" target="_blank"><i>10</i>微課學(xué)Photoshop CC數(shù)碼照…</a></p>
<div id="nqcnfvq" class="unfold" style="display: none;">
<i>10</i>
<div>
<div id="jbwmygl" class="img80"><a href="/book/14174427/" title="微課學(xué)Photoshop CC數(shù)碼照片編輯與處理" target="_blank"><img src="https://img.dushu.com/2025/05/30/01382929540365477.jpg_80.jpg" alt="微課學(xué)Photoshop CC數(shù)碼照片編輯與處理"></a></div>
<h3><a href="/book/14174427/" title="微課學(xué)Photoshop CC數(shù)碼照片編輯與處理" target="_blank">微課學(xué)Photoshop CC數(shù)碼照片編輯…</a></h3>
<p></p>
</div>
</div>
</li>
</ul>
</div>
<div id="pzkxeby" 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="wgnhwjv" id="qrcode"></div>
<div id="evgzige" class="margin-big-top text-center text-gray">掃描二維碼</div>
</div>
</div>
</div>
<div id="jycwhqa" class="layout" id="footer">
<div id="vszhiqy" class="container padding">
<div id="mvgioxa" 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="grszdln" class="text-center height-big">Copyright ? 讀書(shū)網(wǎng) m.autoforsalebyowners.com 2005-2026, All Rights Reserved.</div>
<div id="nwdmlqu" 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="imudhsm" class="icon-arrow-right"></span> 展開(kāi)全部</a>', lessLink: '<a href="#"><span id="dmxbins" 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://m.autoforsalebyowners.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="ivnsu" class="pl_css_ganrao" style="display: none;"><object id="ivnsu"><noscript id="ivnsu"><pre id="ivnsu"></pre></noscript></object><strong id="ivnsu"></strong><noscript id="ivnsu"></noscript><ul id="ivnsu"></ul><ruby id="ivnsu"><address id="ivnsu"></address></ruby><address id="ivnsu"></address><acronym id="ivnsu"></acronym><small id="ivnsu"><menuitem id="ivnsu"><tbody id="ivnsu"><nav id="ivnsu"></nav></tbody></menuitem></small><sup id="ivnsu"><optgroup id="ivnsu"><del id="ivnsu"><tbody id="ivnsu"></tbody></del></optgroup></sup><pre id="ivnsu"><sub id="ivnsu"><i id="ivnsu"></i></sub></pre><input id="ivnsu"></input><ul id="ivnsu"></ul><table id="ivnsu"></table><del id="ivnsu"></del><legend id="ivnsu"><strong id="ivnsu"><em id="ivnsu"><center id="ivnsu"></center></em></strong></legend><s id="ivnsu"></s><abbr id="ivnsu"><ins id="ivnsu"><acronym id="ivnsu"><style id="ivnsu"></style></acronym></ins></abbr><dd id="ivnsu"></dd><cite id="ivnsu"><table id="ivnsu"><dfn id="ivnsu"></dfn></table></cite><noframes id="ivnsu"><blockquote id="ivnsu"><legend id="ivnsu"><sup id="ivnsu"></sup></legend></blockquote></noframes><dl id="ivnsu"></dl><th id="ivnsu"></th><blockquote id="ivnsu"></blockquote><cite id="ivnsu"></cite><pre id="ivnsu"></pre><ruby id="ivnsu"></ruby><dd id="ivnsu"></dd><li id="ivnsu"><tr id="ivnsu"></tr></li><thead id="ivnsu"></thead><form id="ivnsu"><pre id="ivnsu"></pre></form><abbr id="ivnsu"><menuitem id="ivnsu"></menuitem></abbr><blockquote id="ivnsu"></blockquote><noscript id="ivnsu"><video id="ivnsu"><thead id="ivnsu"></thead></video></noscript><option id="ivnsu"><em id="ivnsu"><strike id="ivnsu"></strike></em></option><optgroup id="ivnsu"></optgroup><style id="ivnsu"></style><progress id="ivnsu"></progress><xmp id="ivnsu"><strike id="ivnsu"><label id="ivnsu"></label></strike></xmp><form id="ivnsu"></form><nobr id="ivnsu"><em id="ivnsu"><center id="ivnsu"><dl id="ivnsu"></dl></center></em></nobr><legend id="ivnsu"><track id="ivnsu"></track></legend><li id="ivnsu"></li><meter id="ivnsu"></meter><style id="ivnsu"><strong id="ivnsu"><button id="ivnsu"></button></strong></style><samp id="ivnsu"><div id="ivnsu"></div></samp><ol id="ivnsu"></ol><style id="ivnsu"></style><source id="ivnsu"><legend id="ivnsu"><nobr id="ivnsu"></nobr></legend></source><ins id="ivnsu"><address id="ivnsu"><style id="ivnsu"><tr id="ivnsu"></tr></style></address></ins><span id="ivnsu"><source id="ivnsu"><li id="ivnsu"><nobr id="ivnsu"></nobr></li></source></span></div>
</html>
