<html>
<body>
<h4>块元素block level element</h4>
<p>大多数 HTML 元素被定义为块级元素或内联元素。<br />
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：h1, p, ul, table </p>
<h4>内联元素inline element</h4>
<p>内联元素在显示时通常不会以新行开始。
例子：b,td, a, img <br />
注意：这里的b标签含义是粗体。。。</p>
<h4>div元素</h4>
<p>HTML div 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
div 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与 CSS 一同使用，div 元素可用于对大的内容块设置样式属性。
div元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 table元素进行文档布局不是表格的正确用法。table 元素的作用是显示表格化的数据。</p>
<p>来看个例子：</p>
<div style="color:red">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
<div class="news">
<h3>News Header 1</h3>
<p>some text.text.text....</p>
</div>
<div class="news">
<h2>News Header 2</h2>
<p>some text.text.text....</p>
</div>
<h4>span元素</h4>
<p>span元素是内联元素，可用作文本的容器，钙元素没有特定的含义。当与CSS一同使用时，span元素可用于部分文本设置样式属性。</p>
<p>看个例子？</p>
<p>看个<span>例子</span>？</p>
<p>从上例可以看出，如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。因此需要加入CSS样式哈</p>
<p class="tip"><span>提示：</span>... ... ...</p>
<p>CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}</p>
<p>这个例子还是没有看到效果哈，因为CSS不会搞。。。后面再详细看</p>
</body>
</html>
