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>