HTML自学之旅(二)--样式

其实样式这个问题,没学习css我觉得还是不能算是样式吧。。。

练习1:

<html>
<head>

通过内部样式<br />
<style type="text/css">
h1{color:red}
p {color:blue}
</style> 

<!--
<hr />通过外部调用CSS样式<br />
<link rel="stylesheet" type="text/css" href="/webweb/csstest1.css">
-->
</head>

<body>
<h1>Header 1</h1>
<p>This is a paragraph.</p>

<hr />没有下划线的链接
<br />
<a href="http://www.baidu.com/" style="text-decoration:none">
点这里进入百度
</a>

<hr />内联样式
<p style="color:red;margin-left:20px">
尝试一下内联样式?

</p>

</body>
</html>

由于还不会写CSS,所以外部样式没有尝试成功。。。

练习2:应该叫做锚点吧

<html>
<body>
<p>
<a href="#C4">查看第四章</a>
</p>
<h2>Chapter 1</h2>
<p>这是第一章。</p>
<h2>Chapter 2</h2>
<p>这是第二章。</p>
<h2>Chapter 3</h2>
<p>这是第三章。</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>这是第四章。</p>
<h2>Chapter 5</h2>
<p>这是第五章。</p>
<h2>Chapter 6</h2>
<p>这是第六章。</p>
<h2>Chapter 7</h2>
<p>这是第七章。</p>
<h2>Chapter 8</h2>
<p>这是第八章。</p>
<p>这是第五章。</p>
<h2>Chapter 6</h2>
<p>这是第六章。</p>
<h2>Chapter 7</h2>
<p>这是第七章。</p>
<h2>Chapter 8</h2>
<p>这是第八章。</p>
<p>这是第五章。</p>
<h2>Chapter 6</h2>
<p>这是第六章。</p>
<h2>Chapter 7</h2>
<p>这是第七章。</p>
<h2>Chapter 8</h2>
<p>这是第八章。</p>

<body>
<html>

 

posted @ 2012-12-30 10:25  响^_^  阅读(180)  评论(0编辑  收藏  举报