网页设计之路（1）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>my web</title>
<style type="text/css" >
h1{ color:#00C}
p { color:#009}<!--内部样式表-->
</style>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" ><!--外部样式表-->
</head>
<body bgcolor="#99FF99">
<h1 align="center"> my first heading </h1>
<p style="color: red; margin-left: 20px">
这是内联样式表的测试。
</p>
<hr /> <!--这是个水平线-->
<p> I
am
you
</p> <!--块级元素，段落之间会自动换行，浏览器忽略了源代码中的排版（省略了多余的空格和换行），把多个空格和换行全部变成一个空格,段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。-->
<br /> <!--这是一个换行符，可以用在段落里面-->
<a href="http://www.w3school.com.cn"> This is a link</a> <!--这是个连接-->
<img src="../MINE/images/2008102992449800_2.jpg" height="300" align="middle" />
<p > 接下来是文本格式化的测试。 </p>
<bdo> i am fine </bdo>
<del> shit </del>
<br />
<ins > shit you </ins>
<br />
这是长的引用：
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote><!--自动插入换行符与页边距-->
这是短的引用：
<q>
这是短的引用。
</q>
<p>
使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
</p>
<pre > 你是
你是一个
大人
</pre>
<div style=" color:#69C" >
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
</body>
</html>
这是每次练习的代码，我主要把自己不明白的地方特别注释，希望以后越来越规范。
