标签：
#Html今日学习内容
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>这是第一次</title>
<style type="text/css">
#x{
width: 100px;
height: 400px;
}
#f{
width: 100px;
height:50px;
}
.bordered {border-style:solid;color:red;}
.yoxixi {color:red;text-decoration:underline;font-weight:bold;}
</style>
</head>
<body>
<a name="chaper01">锚点</a>
<h1 style="color:red">标题一</h1>我很快乐，我很喜欢，很愉悦。
<h2 style="color:blue">标题二</h2>我们都是好伙伴，大家都很团结。
<hr/>
<p>我们都是好伙伴，大家都很团结。我们都是好伙伴，大家都很团结。</p>
<p id="f">段落一，我们来打开一个链接<a href="http//www.baidu.com">百度一下</a></p>
<p>段落二，我们来插入一张图片<img id="x" src="苹果.jpg" alt="苹果"/></p>
<div class="bordered">div是一个盒子，是一个分区元素、块级元素，它占了一个行</div>
<a href="#chaper01"><img src="huidaodingbu.png" alt="回到顶部">转到锚点</a>
<hr/>
<iframe src="diyicilianxi.html" frame="22222" border="1" name="yoxiyoxi" width="300" height="300">
这是一个内部框架，1代表有框，0代表没框，第一个那里书链接的网址</iframe>
<a href="xinde%20wangye.html" target="yoxiyoxi">跳转</a>
<hr/>
<p>无序列表</p>
<ul>
<li>我是一句话，我要列，但是不用排序</li>
<li>我是一句话，我要列，但是不用排序</li>
<li>我是一句话，我要列，但是不用排序</li>
</ul>
<p>有序列表</p>
<ol>
<li>我是一句话，我要列，要排序</li>
<li>我是一句话，我要列，要排序</li>
<li>我是一句话，我要列，要排序</li>
</ol>
<p>定义列表</p>
<dl>
<dt>狗狗</dt>
<dd>粘人的动物</dd>
<dt>猫猫</dt>
<dd>不粘人的动物</dd>
</dl>
<pre>
这个符号
可以使该部分
内容按照我编程时输入的格式
显示在浏览器中
非常好用
</pre>
<p><span class="yoxixi">这个元素是内联元素，该元素只占所显示内容的位置，不会占整行，
且强调该段的重要性，如加下划线，红色，粗体。</span>其他文字地方就不会这样显示</p>
<p><span class="yoxixi">到了下一段，我要用这个元素，还可套到这上面</span></p>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/luoliang126/p/5021055.html
