“阿一web标准学堂”第4课：HTML和CSS基础知识(1)（附视频、课件、代码下载）

<div style="border: 1px dotted teal; font-size: 9pt; float: right; color: teal; text-align: center;">
<img alt="" src="http://justinyoung.cnblogs.com/images/cnblogs_com/justinyoung/myPic/ayiCSSlogo.jpg"><br>
阿一web标准学堂</div>
<p>《阿一web标准学堂》是一套面向web标准初学者的视频系列。虽然我也只是一个web标准刚入门的学习者，但是我还是希望能通过这个学堂将自己学习到的东西与大家分享，这样不仅可以让更多的朋友走上web标准设计的道路，更重要的是可以得到很多前辈们的指点和教导，从而更快的取得进步。所以，各位朋友如果在学堂上发现错误之处，欢迎你到<a title="博客园web标准设计小组" href="http://space.cnblogs.com/group/w3c/" target="_blank">【博客园web标准设计小组】</a>交流讨论，从而帮助更多的人取得更快的进步。</p>
<p>因为工作原因，我不能保证其更新频率。但是，我会尽我所能，每1-2周发布一课的更新频率。给你造成诸多不便，请你谅解。</p>
<h4 style="margin: 0px; padding: 0px; font-size: 105%; color: red;">正文</h4>
<p>大家好，我是阿一，杨正祎。今天我们来讲《阿一web标准学堂》第四课。这一课的主题是“HTML和CSS基础知识(1)”，从这堂课开始，我们将系列的讲解html、css和JavaScript的基础知识。这也是因为受到了“阿一web标准学堂，讲的不够基础，把很多初学者挡在了门外”的批评以后做出的改正。当然，绝对不会像课本中那样死板无聊的讲解，其中会穿插很多我在工作、学习中总结的一些知识点和经验。</p>
<p>这堂课中，我们会讲解一个非常重要的概念doctype，以及Quirks mode和 standards mode，并会用实例讲解两种模式之间的区别。</p>
<h4 style="margin: 0px; padding: 0px; font-size: 105%; color: red;">第4课：HTML和CSS基础知识(1)大纲</h4>
<ol style="margin: 5px 2px 15px 25px;">
<li style="">&lt;!DOCTYPE&gt;以及诡异模式和标准模式
    </li>
    <li style="">&lt;html&gt;、&lt;body&gt;标签
    </li>
    <li style="">&lt;head&gt;、&lt;meta&gt;、&lt;title&gt;标签 </li>
</ol>
<h4 style="margin: 0px; padding: 0px; font-size: 105%; color: red;">本课课实例页面、资源、下载</h4>
<h5 style="margin: 0.2em 0px; padding: 0px; font-size: 100%; color: deeppink;">本课下载</h5>
<div style="border: 1px dotted #666666; padding: 10px; background-color: #eeeeee;">为了便于统一管理和维护，请统一到<a title="【博客园web标准设计小组】" href="http://space.cnblogs.com/group/topic/3610/" target="_blank">http://space.cnblogs.com/group/topic/3610/</a>下载，给你带来不便，请谅解。 </div>
<h5 style="margin: 0.2em 0px; padding: 0px; font-size: 100%; color: deeppink;">相关资源</h5>
<ul style="margin: 0px 2px 15px 25px;">
<li style="">
<a title="Quirks mode、Almost standards mode、Standards mode" href="http://www.cnblogs.com/JustinYoung/articles/Quirks-mode.html" target="_blank">《Quirks mode、Almost standards mode、Standards mode》</a>
    </li>
    <li style="">
<a title=" 让你的网页支持 iPhone SpringBoard 图标" href="http://www.cnblogs.com/ruxpinsp1/archive/2008/04/18/1160494.html" target="_blank">《让你的网页支持 iPhone SpringBoard 图标》——by 棕熊</a> </li>
</ul>