html教程_html_其他_其他下载-pudn.com

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <meta name="generator" content="pdf2htmlEX"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="stylesheet" href="https://static.pudn.com/base/css/base.min.css"> <link rel="stylesheet" href="https://static.pudn.com/base/css/fancy.min.css"> <link rel="stylesheet" href="https://static.pudn.com/prod/directory_preview_static/6265c8174c65f41259162b9a/raw.css"> <script src="https://static.pudn.com/base/js/compatibility.min.js"></script> <script src="https://static.pudn.com/base/js/pdf2htmlEX.min.js"></script> <script> try{ pdf2htmlEX.defaultViewer = new pdf2htmlEX.Viewer({}); }catch(e){} </script> <title></title> </head> <body> <div id="sidebar" style="display: none"> <div id="outline"> </div> </div> <div id="pf1" class="pf w0 h0" data-page-no="1"><div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://static.pudn.com/prod/directory_preview_static/6265c8174c65f41259162b9a/bg1.jpg"><div class="t m0 x1 h2 y1 ff1 fs0 fc0 sc0 ls0 ws0">HTML</div><div class="t m0 x2 h2 y2 ff1 fs0 fc1 sc0 ls0 ws0">HTML</div><div class="t m0 x3 h3 y1 ff2 fs0 fc0 sc1 ls1 ws0">第一讲</div><div class="t m0 x4 h3 y3 ff2 fs0 fc1 sc2 ls1 ws0">第一讲</div><div class="t m0 x5 h4 y4 ff2 fs1 fc1 sc2 ls2 ws0">主讲：吴涛</div><div class="t m0 x6 h5 y5 ff2 fs2 fc2 sc3 ls3 ws0">硅谷动力网络学院</div><div class="t m0 x7 h6 y6 ff2 fs2 fc3 sc4 ls4 ws0">专业铸造品质<span class="_ _0"> </span>知识成就未来<span class="ff1 sc0 ls1">-</span><span class="ls5">硅谷动力网络学院</span></div><div class="t m0 x8 h7 y7 ff2 fs3 fc2 sc0 ls1 ws0">作者仅授权硅谷动力网络学院发表该系列教程<span class="ff3">,</span>版权归作者本人与网络学院拥有<span class="ff3">.</span>任何</div><div class="t m0 x9 h7 y8 ff2 fs3 fc2 sc0 ls1 ws0">个人与网站转载请联系<span class="ff3 ls6">hzhang@mail.enet.com.cn</span></div><a class="l" rel='nofollow' onclick='return false;'><div class="d m1"></div></a><a class="l" rel='nofollow' onclick='return false;'><div class="d m1"></div></a><a class="l" rel='nofollow' onclick='return false;'><div class="d m1"></div></a></div><div class="pi" data-data='{"ctm":[0.000000,-1.337047,1.337047,0.000000,-82.896936,758.105850]}'></div></div> </body> </html>

<div id="pf2" class="pf w0 h0" data-page-no="2"><div class="pc pc2 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://static.pudn.com/prod/directory_preview_static/6265c8174c65f41259162b9a/bg2.jpg"><div class="t m0 xa h2 y9 ff1 fs0 fc0 sc0 ls0 ws0">HTML</div><div class="t m0 xb h2 ya ff1 fs0 fc1 sc0 ls0 ws0">HTML</div><div class="t m0 xc h3 y9 ff2 fs0 fc0 sc1 ls1 ws0">概念</div><div class="t m0 xd h3 yb ff2 fs0 fc1 sc2 ls1 ws0">概念</div><div class="t m0 xe h8 yc ff3 fs1 fc1 sc0 ls1 ws0">•<span class="_ _1"> </span><span class="ff1 ls7">HTML</span><span class="ff2 sc2">（</span><span class="ff1 ls8 ws1">Hyper Text Markup </span></div><div class="t m0 xf h8 yd ff1 fs1 fc1 sc0 ls9 ws0">Language <span class="ff2 sc2 lsa">超文本标识语言）</span></div><div class="t m0 x10 h9 ye ff3 fs1 fc1 sc0 ls1 ws0">–<span class="_ _2"> </span><span class="ff2 sc2 ls2">是一种用来制作超文本文档的</span></div><div class="t m0 x11 h4 yf ff2 fs1 fc1 sc2 ls2 ws0">简单标记语言。</div><div class="t m0 x10 h8 y10 ff3 fs1 fc1 sc0 ls1 ws0">–<span class="_ _2"> </span><span class="ff2 sc2">用</span><span class="ff1 lsb">HTML<span class="ff2 sc2 lsc">编写的超文本文档称</span></span></div><div class="t m0 x11 h8 y11 ff2 fs1 fc1 sc2 ls1 ws0">为<span class="ff1 sc0 lsb">HTML</span>文档。</div></div><div class="pi" data-data='{"ctm":[0.000000,-1.337047,1.337047,0.000000,-82.896936,758.105850]}'></div></div>

<div id="pf3" class="pf w0 h0" data-page-no="3"><div class="pc pc3 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://static.pudn.com/prod/directory_preview_static/6265c8174c65f41259162b9a/bg3.jpg"><div class="t m0 x12 h2 y9 ff1 fs0 fc0 sc0 ls0 ws0">HTML</div><div class="t m0 x13 h2 ya ff1 fs0 fc1 sc0 ls0 ws0">HTML</div><div class="t m0 x14 h3 y9 ff2 fs0 fc0 sc1 ls1 ws0">文档的编写方法</div><div class="t m0 x15 h3 yb ff2 fs0 fc1 sc2 ls1 ws0">文档的编写方法</div><div class="t m0 xe h8 y12 ff1 fs1 fc1 sc0 lsd ws0">1.<span class="_ _3"> </span><span class="ff2 sc2 lsc">手工直接编写</span></div><div class="t m0 x10 h8 y13 ff3 fs1 fc1 sc0 ls1 ws0">–<span class="_ _4"> </span><span class="ff2 sc2 ls2">记事本等，存成</span><span class="ff1 lse">.htm<span class="_"> </span>.html</span><span class="ff2 sc2">格</span></div><div class="t m0 x16 h4 y14 ff2 fs1 fc1 sc2 ls1 ws0">式</div><div class="t m0 xe h8 y15 ff1 fs1 fc1 sc0 lsd ws0">2.<span class="_ _3"> </span><span class="ff2 sc2 ls2">使用可视化</span><span class="lsb">HTML<span class="ff2 sc2 lsf">编辑器</span></span></div><div class="t m0 x10 h8 y16 ff3 fs1 fc1 sc0 ls1 ws0">–<span class="_ _4"> </span><span class="ff1 ls10">Frontpage</span><span class="ff2 sc2">、</span><span class="ff1 ls2">Dreamweaver</span><span class="ff2 sc2">等</span></div><div class="t m0 xe h8 y17 ff1 fs1 fc1 sc0 lsd ws0">3.<span class="_ _3"> </span><span class="ff2 sc2 ls1">由</span><span class="ls11">Web <span class="ff2 sc2">服务器（<span class="_ _5"> </span>或称</span><span class="ls12">HTTP <span class="ff2 sc2 ls1">服</span></span></span></div><div class="t m0 x17 h4 y18 ff2 fs1 fc1 sc2 ls12 ws0">务器）<span class="_ _5"> </span>一<span class="_ _6"> </span>方实时动态地生成。</div></div><div class="pi" data-data='{"ctm":[0.000000,-1.337047,1.337047,0.000000,-82.896936,758.105850]}'></div></div>

<div id="pf4" class="pf w0 h0" data-page-no="4"><div class="pc pc4 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://static.pudn.com/prod/directory_preview_static/6265c8174c65f41259162b9a/bg4.jpg"><div class="t m0 x18 h3 y19 ff2 fs0 fc0 sc1 ls1 ws0">网页文件命名</div><div class="t m0 x19 h3 y1a ff2 fs0 fc1 sc2 ls1 ws0">网页文件命名</div><div class="t m0 xe h8 yc ff1 fs1 fc1 sc0 ls13 ws0">1.<span class="_ _3"> </span>*.htm<span class="ff2 sc2 ls1">或</span><span class="ls14">*.html</span></div><div class="t m0 xe h8 y1b ff1 fs1 fc1 sc0 lsd ws0">2.<span class="_ _3"> </span><span class="ff2 sc2 ls2">无空格</span></div><div class="t m0 xe h8 y1c ff1 fs1 fc1 sc0 lsd ws0">3.<span class="_ _3"> </span><span class="ff2 sc2 ls15">无特殊符号（例如</span><span class="ls1">&<span class="ff2 sc2 ls11">符号），只</span></span></div><div class="t m0 x17 h8 y1d ff2 fs1 fc1 sc2 lsc ws0">可以有下划线<span class="ff1 sc0 ls1">“_”</span>，只可以为英</div><div class="t m0 x17 h4 y1e ff2 fs1 fc1 sc2 ls16 ws0">文、数字</div><div class="t m0 xe h8 y1f ff1 fs1 fc1 sc0 lsd ws0">4.<span class="_ _3"> </span><span class="ff2 sc2 ls2">区分大小写</span></div><div class="t m0 xe h8 y20 ff1 fs1 fc1 sc0 lsd ws0">5.<span class="_ _3"> </span><span class="ff2 sc2 ls2">首页文件名默认为：</span><span class="ls1">index.htm</span></div><div class="t m0 x17 h8 y21 ff2 fs1 fc1 sc2 ls1 ws0">或<span class="_ _5"> </span><span class="ff1 sc0">index.html</span></div></div><div class="pi" data-data='{"ctm":[0.000000,-1.337047,1.337047,0.000000,-82.896936,758.105850]}'></div></div>

<div id="pf5" class="pf w0 h0" data-page-no="5"><div class="pc pc5 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://static.pudn.com/prod/directory_preview_static/6265c8174c65f41259162b9a/bg5.jpg"><div class="t m0 x1a h2 y9 ff1 fs0 fc0 sc0 ls17 ws0">HTML </div><div class="t m0 x1b h2 ya ff1 fs0 fc1 sc0 ls17 ws0">HTML </div><div class="t m0 x1c h3 y9 ff2 fs0 fc0 sc1 ls1 ws0">文件结构</div><div class="t m0 x1d h3 yb ff2 fs0 fc1 sc2 ls1 ws0">文件结构</div><div class="t m0 xe h8 y22 ff1 fs1 fc1 sc0 ls14 ws0"><html>...</html></div><div class="t m0 xe h8 y23 ff1 fs1 fc1 sc0 ls18 ws0"><head>...</head></div><div class="t m0 xe h8 y24 ff1 fs1 fc1 sc0 ls14 ws0"><body>...</body> </div><div class="t m0 xe h8 y25 ff3 fs1 fc1 sc0 ls1 ws0">•<span class="_ _1"> </span><span class="ff2 sc2 ls16">元素：是</span><span class="ff1 ls7">HTML<span class="ff2 sc2 ls15">语言的基本部分。</span></span></div><div class="t m0 xf h4 y26 ff2 fs1 fc1 sc2 ls2 ws0">元素总是成对出现，每一对元素一</div><div class="t m0 xf h4 y27 ff2 fs1 fc1 sc2 lsa ws0">般都有一个开始的标记（如</div><div class="t m0 xf h8 y28 ff1 fs1 fc1 sc0 lsd ws0"><body><span class="ff2 sc2 ls15">），也有一个结束的标记</span></div><div class="t m0 xf h8 y29 ff2 fs1 fc1 sc2 ls1 ws0">（如<span class="ff1 sc0 ls19"></body></span><span class="ls2">）。元素的标记要用</span></div><div class="t m0 xf h4 y2a ff2 fs1 fc1 sc2 ls2 ws0">一对尖括号括起来，并且结束的标</div><div class="t m0 xf h4 y2b ff2 fs1 fc1 sc2 lsa ws0">记总是在开始的标记前加一个斜杠。</div></div><div class="pi" data-data='{"ctm":[0.000000,-1.337047,1.337047,0.000000,-82.896936,758.105850]}'></div></div>