1. HTML???
html? ?????? ??? ??? ?? ????? ?? ?? ???? ??? ? ???? ???, ???, ??? ? ?? ???? ???? ? ?? ?????. .? ??? ?????.
2. HTML ??? ?? ??
?? ??? ???? ?? ?? ?? ??? ????? ?? HTML ??? ??? ??? ????. . ???? HTML ????? ??? ???? ?? HTML ??? ?? ??? ???? ???.
? ??? ?? ???? ??? HTML ? ???? ???? HTML ??? ?? ??? ? ? ??? ? ????.
????? ????? ? html ??? ????
??? deco1.html
????? ??? ?? ???? ? ? ????(????? PhpStorm? ???).
<!DOCTYPE> ??:
<!DOCTYPE> ??? ?? ?? ???? ?? HTML ?? XHTML ?? ??? ????? ???? ? ?????. [demo1]? ?? ?? ??? ?? HTML ?? ??? ?????.
?? HTML ??? HTML ??? ??? ????? ?? ??? <!DOCTYPE> ??? ?????. ? ????? ????? ? ???? ??? ?? ???? ?? ??? ? ????.
<html></html> ??? ?? ????? ?? <!DOCTYPE> ?? ?? ?????. HTML ???? <html> ??? HTML ??? ??? ????, </html> ??? HTML ??? ?? ?????.
<head></head> ??:
<head> ??? head ????? ?? HTML ??? ?? ??? ???? ? ???? ?? ??? ??? ?? ?? ??? ????? ? ?????. , <meta>, <link> ? <style> ?? ??? ??, ??? ? ?? ???? ??? ???? ? ?????. </span></p><p><span style="font-size: 16px;">HTML ???? <head> ?? ?? ??? ? ????. ???? ?? ??? ??? ???? ??? ???? ???? ???? ????. </span></p><p><strong><span style="font-size: 16px;"><meta></meta> ??: </span></strong></p><p><span style="font-size: 16px;">META ??? HTML ??? HEAD ??? ?? ?? ?????. HTML ??? ?????(??? <head>? <title> ??? ??). ??? ???? ??? ?? ????? ???? ??? ??? ?? ???? ???????. <meta> ?? ?? ??(?: ? ???? UTF-8 ??? ??), ??, ??? ?? ?? ?? ??? ???? ? ??? ??? ? ? ??? ?? ??? ?????. </span></p><p><strong><span style="font-size: 16px;"> <title> title></span></strong></p><p><strong><span style="font-size: 16px;"></span></strong></p><p><body></body> ??? <span style="font-size: 16px;"></span><span style="font-size: 16px;"></span></p><body> ??? ???? body ????? ?? HTML ??? ?????. ????? ???? ?? ???, ???, ??? ? ??? ??? <body> ?? ?? ??? ???. <p><span style="font-size: 16px;"><img src="http://img.php.cn/upload/image/133/418/673/1520993730202335.png" title="1520993730202335.png" alt="微信圖片_20180314101534.png"/></span>HTML ???? <body> ??? <html> ?? ?? ??? ?? <head> ; ??? ?? ?????. </p><p><strong><span style="font-size: 16px;"></span> </div>
</div>
<a class="course-btn course_code_header_next" href="http://m.miracleart.cn/ko">???? ??</a>
</div>
<div id="377j5v51b" class="layui-col-md6 editor-box" >
<div class="377j5v51b" id="code_spread_shrink">
<div class="377j5v51b" id="code_spread_shrink_show" unselectable="on"><span>|| </span></div>
</div>
<div id="377j5v51b" class="editor-tab js-editor-tab">
<div id="377j5v51b" class="editor-left icon-left editor-op"></div>
<div id="377j5v51b" class="editor-view">
<ul class="clearfix" id="J_TabType" style="width: 120px; margin-left: 0px;">
<li id="377j5v51b" class="ui-tabs-active">
<a href="javascript:;">??? ??</a>
</li>
</ul>
</div>
<div id="377j5v51b" class="editor-right icon-right editor-op"></div>
</div>
<div class="377j5v51b" id="editor-tabs-html" data-filename="index.html" data-lang="php" style="font-size: 16px;height:600px"><?php
echo "HTML的基本格式";</div>
<div id="377j5v51b" class="editor-btn"><div id="377j5v51b" class="editor-btn-inner"><a href="javascript:;" class="code-btn-submit" id="J_Commit" title="????">????</a><a href="javascript:;" class="code-btn-reset " id="J_EditorReset" title="?? ???">?? ???</a><div id="377j5v51b" class="aotorun" style="display: block;"><input type="checkbox" id="aotoruncheck" title="???? ?? ??? ???? ?????. ???? ?? ?? ???? ?????."><label for="aotoruncheck" title="???? ?? ??? ???? ?????. ???? ?? ?? ???? ?????.">????</label></div></div></div>
</div>
<div id="377j5v51b" class="layui-col-md3" id="viewPort-content"></div>
<!-- 右側(cè)章節(jié)列表 -->
</div>
</div>
<div id="377j5v51b" class="phpSyyBox">
<div id="377j5v51b" class="phpSyyLeft">
<div id="377j5v51b" class="phpSyySyj">
<span id="377j5v51b" class="rightIn"><a href="javascript:void(0)" title=""><b class="icon1"></b>??</a></span>
<em></em>
<span id="377j5v51b" class="right"><a href="http://m.miracleart.cn/ko/code/26503.html" title="HTML ?? ????"><b class="icon2"></b>?? ??</a></span>
</div>
<div id="377j5v51b" class="phpSyyQhlx"><a href="http://m.miracleart.cn/ko/course.html" target="_blank" title="???? ??"><b></b>???? ??</a></div>
<div id="377j5v51b" class="phpSyyHqbz"><a href="http://m.miracleart.cn/ko/wenda.html" target="_blank" title="??? ??"><b></b>??? ??</a></div>
<div id="377j5v51b" class="clear"></div>
</div>
<div id="377j5v51b" class="clear"></div>
</div>
<div id="377j5v51b" class="layui-main">
<div id="377j5v51b" class="layui-row">
<div id="377j5v51b" class="layui-col-md9">
<div id="377j5v51b" class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li id="377j5v51b" class="layui-this">?? ??</li>
<li id="code_down_li">???? ????</li>
</ul>
<div id="377j5v51b" class="layui-tab-content">
<!--推薦課程-->
<div id="377j5v51b" class="layui-tab-item layui-show">
<ul class="diy-vodeo diy-li-left php-video-ul">
<li>
<a href='http://m.miracleart.cn/ko/course/889.html' title="???? HTML ??? ??" >
<img alt="???? HTML ??? ??" src="https://img.php.cn/upload/course/000/000/068/6265013c0896b410.jpg" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>???? HTML ??? ??</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">60409?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/1325.html' title="webpack+vue — ???? ????? ???? ??" >
<img alt="webpack+vue — ???? ????? ???? ??" src="https://img.php.cn/upload/course/000/000/068/6260f9b9d4650868.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>??</i>webpack+vue — ???? ????? ???? ??</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">8245?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/1.html' title="???? JavaScript? ?? ? ?? ????" >
<img alt="???? JavaScript? ?? ? ?? ????" src="https://img.php.cn/upload/course/000/000/068/6253e1f3d4ee9182.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>???? JavaScript? ?? ? ?? ????</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">34412?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/2.html' title="PHP ?? ?? ?? ????" >
<img alt="PHP ?? ?? ?? ????" src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>PHP ?? ?? ?? ????</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">176404?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/3.html' title="PHP ?? ????? ? ??" >
<img alt="PHP ?? ????? ? ??" src="https://img.php.cn/upload/course/000/000/068/6259084392f3c559.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>PHP ?? ????? ? ??</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">34975?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/4.html' title="PHP ??? ????" >
<img alt="PHP ??? ????" src="https://img.php.cn/upload/course/000/000/068/6253e3a0b77f8755.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>PHP ??? ????</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">26311?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/5.html' title="PHP ?? ?? ?? ????" >
<img alt="PHP ?? ?? ?? ????" src="https://img.php.cn/upload/course/000/000/041/61c4418d918bd160.jpg" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>PHP ?? ?? ?? ????</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">49619?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/6.html' title="PHP ?? ?? ????" >
<img alt="PHP ?? ?? ????" src="https://img.php.cn/upload/course/000/000/068/6253e44143ec3594.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>PHP ?? ?? ????</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">24704?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/7.html' title="???? PHP ????? ???" >
<img alt="???? PHP ????? ???" src="https://img.php.cn/upload/course/000/000/068/6253e126c20a0615.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>???? PHP ????? ???</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">33172?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/8.html' title="HTML/CSS ?? ??" >
<img alt="HTML/CSS ?? ??" src="https://img.php.cn/upload/course/000/000/068/625908118aa86152.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>HTML/CSS ?? ??</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">20309?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/9.html' title="HTML/CSS 5?? ?? ?? ????" >
<img alt="HTML/CSS 5?? ?? ?? ????" src="https://img.php.cn/upload/course/000/000/068/6253e66303ae1702.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>HTML/CSS 5?? ?? ?? ????</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">26630?? ???? ????.</span>
</div>
</a>
</li>
<li>
<a href='http://m.miracleart.cn/ko/course/10.html' title="???? HTML+CSS? ????" >
<img alt="???? HTML+CSS? ????" src="https://img.php.cn/upload/course/000/000/068/6253e1723d354580.png" height="124" width="100%">
<div id="377j5v51b" class="php-course-intro">
<h3><i>????</i>???? HTML+CSS? ????</h3>
</div>
<div id="377j5v51b" class="php-course-bottom">
<span id="377j5v51b" class="l">37406?? ???? ????.</span>
</div>
</a>
</li>
</ul>
</div>
<div id="377j5v51b" class="layui-tab-item">
<div class="377j5v51b" id="code_down" style="margin: 0 30px 26px;">
<div id="377j5v51b" class="no_data" style="text-align: center;min-height: 490px;line-height:112px;padding: 190px 0;box-sizing: border-box;color: #e3e3e3;font-size: 20px;"><div style="background: url(/static/images/lesson_video_lists.png) no-repeat;margin-right: 20px;width: 118px;height: 112px;background-position: 0 -389px;float:left;"></div>
?? ????? ????? ? ????. ?? ???? ???? ????. ???? ? ??? ?? ?? ??????~</div>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="layui-col-md3 video-right-course">
<div id="377j5v51b" class="layui-col-md12 title" >
<p>? ??? ??? ???? ???? ????.</p>
</div>
<div id="377j5v51b" class="layui-col-md12 php-video-img" >
<a class="recommend" href="http://m.miracleart.cn/ko/course/812.html" target="_blank"><img width='300' height='160' src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="?? ThinkPHP 5.1 ?? ?? ??? ????(PHP ??? ??? ?? ??? ???? 60?)"><span id="377j5v51b" class="font14"> 495348? ??</span></a>
</div>
<div id="377j5v51b" class="layui-col-md12 php-video-list" >
<ul>
<li><a class="font14 color66" title="PHP? ??? ???? ??? ?? ??? ???? ?????." href="http://m.miracleart.cn/ko/course/1503.html" target="_blank">PHP? ??? ???? ??? ?? ??? ???? ?????.</a></li>
<li><a class="font14 color66" title="? ??? ?? ??? ?? ?? ??" href="http://m.miracleart.cn/ko/course/901.html" target="_blank">? ??? ?? ??? ?? ?? ??</a></li>
<li><a class="font14 color66" title="??? ?? ???? ???? ??? Mini ?? MVC ?????? ??? ?? Tianlongbabu ??" href="http://m.miracleart.cn/ko/course/836.html" target="_blank">??? ?? ???? ???? ??? Mini ?? MVC ?????? ??? ?? Tianlongbabu ??</a></li>
<li><a class="font14 color66" title="PHP ?? ?? ????: ?? PHP ?? [???? ??]" href="http://m.miracleart.cn/ko/course/902.html" target="_blank">PHP ?? ?? ????: ?? PHP ?? [???? ??]</a></li>
<li><a class="font14 color66" title="??? ?? ? ??? ???" href="http://m.miracleart.cn/ko/course/866.html" target="_blank">??? ?? ? ??? ???</a></li>
<li><a class="font14 color66" title="??? ???? ?? ??" href="http://m.miracleart.cn/ko/course/1463.html" target="_blank">??? ???? ?? ??</a></li>
<li><a class="font14 color66" title="?? ?? Node.JS ?? ??" href="http://m.miracleart.cn/ko/course/1462.html" target="_blank">?? ?? Node.JS ?? ??</a></li>
<li><a class="font14 color66" title="??? ?? ? ???? ????? ??: HTML5/CSS3/ES6/NPM/Vue/...[??]" href="http://m.miracleart.cn/ko/course/1455.html" target="_blank">??? ?? ? ???? ????? ??: HTML5/CSS3/ES6/NPM/Vue/...[??]</a></li>
<li><a class="font14 color66" title="???? PHP MVC ????? ??(?? ?? 40? ?/??? ??/???? ????? ??? ?)" href="http://m.miracleart.cn/ko/course/1467.html" target="_blank">???? PHP MVC ????? ??(?? ?? 40? ?/??? ??/???? ????? ??? ?)</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="phpcn-modal-layer fixed" style="z-index:9004;visibility:visible;opacity:1;display:none;">
<div id="377j5v51b" class="phpcn-modal-title">
<div id="377j5v51b" class="phpcn-modal-draggable dragging">
<span>??</span>
<a href="javascript:void(0)" class="phpcn-icon-close phpcn-modal-close js-modal-close">X</a>
</div>
</div>
<div id="377j5v51b" class="phpcn-modal-inner">
<div id="377j5v51b" class="phpcn-modal-dialog">
</div>
</div>
</div>
<footer>
<div id="377j5v51b" class="footer">
<div id="377j5v51b" class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>???? ??? PHP ??，PHP ???? ?? ??? ?????！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://m.miracleart.cn/ko/about/us.html">?? ??</a>
<a href="http://m.miracleart.cn/ko/about/disclaimer.html">?? ??</a>
<a href="http://m.miracleart.cn/ko/update/article_0_1.html">Sitemap</a>
</div>
<div id="377j5v51b" class="footerbottom">
<p>
? php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</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="5fv1x" class="pl_css_ganrao" style="display: none;"><strike id="5fv1x"><acronym id="5fv1x"></acronym></strike><progress id="5fv1x"><font id="5fv1x"><legend id="5fv1x"><span id="5fv1x"></span></legend></font></progress><label id="5fv1x"><optgroup id="5fv1x"><th id="5fv1x"><b id="5fv1x"></b></th></optgroup></label><acronym id="5fv1x"><pre id="5fv1x"><var id="5fv1x"><u id="5fv1x"></u></var></pre></acronym><thead id="5fv1x"><acronym id="5fv1x"></acronym></thead><thead id="5fv1x"><thead id="5fv1x"></thead></thead><legend id="5fv1x"></legend><dfn id="5fv1x"><output id="5fv1x"><tt id="5fv1x"><big id="5fv1x"></big></tt></output></dfn><optgroup id="5fv1x"></optgroup><dfn id="5fv1x"><track id="5fv1x"></track></dfn><mark id="5fv1x"></mark><optgroup id="5fv1x"><menuitem id="5fv1x"><span id="5fv1x"><progress id="5fv1x"></progress></span></menuitem></optgroup><listing id="5fv1x"><strong id="5fv1x"><ruby id="5fv1x"><u id="5fv1x"></u></ruby></strong></listing><rp id="5fv1x"></rp><form id="5fv1x"><video id="5fv1x"><em id="5fv1x"><ruby id="5fv1x"></ruby></em></video></form><small id="5fv1x"><meter id="5fv1x"></meter></small><tt id="5fv1x"></tt><dfn id="5fv1x"></dfn><mark id="5fv1x"><font id="5fv1x"><div id="5fv1x"><sub id="5fv1x"></sub></div></font></mark><ol id="5fv1x"><thead id="5fv1x"></thead></ol><listing id="5fv1x"><pre id="5fv1x"></pre></listing><progress id="5fv1x"><font id="5fv1x"></font></progress><meter id="5fv1x"><pre id="5fv1x"></pre></meter><optgroup id="5fv1x"></optgroup><form id="5fv1x"><mark id="5fv1x"><em id="5fv1x"><meter id="5fv1x"></meter></em></mark></form><progress id="5fv1x"></progress><small id="5fv1x"></small><video id="5fv1x"><font id="5fv1x"><menuitem id="5fv1x"><span id="5fv1x"></span></menuitem></font></video><thead id="5fv1x"><ins id="5fv1x"><form id="5fv1x"><meter id="5fv1x"></meter></form></ins></thead><u id="5fv1x"><video id="5fv1x"><em id="5fv1x"><ruby id="5fv1x"></ruby></em></video></u><label id="5fv1x"><legend id="5fv1x"><var id="5fv1x"><i id="5fv1x"></i></var></legend></label><address id="5fv1x"><menuitem id="5fv1x"></menuitem></address><listing id="5fv1x"><pre id="5fv1x"></pre></listing><dfn id="5fv1x"></dfn><span id="5fv1x"><i id="5fv1x"><dl id="5fv1x"><pre id="5fv1x"></pre></dl></i></span><ol id="5fv1x"><thead id="5fv1x"><strong id="5fv1x"><pre id="5fv1x"></pre></strong></thead></ol><ol id="5fv1x"></ol><style id="5fv1x"><video id="5fv1x"><optgroup id="5fv1x"><track id="5fv1x"></track></optgroup></video></style><pre id="5fv1x"></pre><progress id="5fv1x"><font id="5fv1x"></font></progress><u id="5fv1x"><video id="5fv1x"><font id="5fv1x"><ruby id="5fv1x"></ruby></font></video></u><strike id="5fv1x"></strike><optgroup id="5fv1x"><output id="5fv1x"><tt id="5fv1x"><progress id="5fv1x"></progress></tt></output></optgroup><form id="5fv1x"><ins id="5fv1x"><em id="5fv1x"><menuitem id="5fv1x"></menuitem></em></ins></form><ruby id="5fv1x"><thead id="5fv1x"></thead></ruby><ins id="5fv1x"></ins><rp id="5fv1x"></rp><small id="5fv1x"><track id="5fv1x"></track></small><small id="5fv1x"><track id="5fv1x"></track></small><th id="5fv1x"><thead id="5fv1x"><ins id="5fv1x"><small id="5fv1x"></small></ins></thead></th></div>
</html>
