今天，依照目錄，我打算學習HTML的結構和基本標記，並且嘗試手工編寫代碼。
以下是HTML的基本結構：
<!--我是註釋--!>
<html><!--這裏代表開頭--!>
<head><!--這裏代表文件頭部開始--!>
<title>我的第一個 HTML 頁面</title><!--這裏代表文件標題--!>
</head><!--這裏代表文件頭部結束--!>
<body><!--這裏代表文件主體開始--!>
<p>body 元素的內容會顯示在瀏覽器中。</p><!--這裏代表文件正文--!>
<p>title 元素的內容會顯示在瀏覽器的標題欄中。</p>
</body><!--這裏代表文件正文結束--!>
</html><!--這裏代表結尾--!>
瞭解之後編寫看看效果，
把代碼複製粘貼進去
保存爲HTML文件
打開
懂了，title是標籤頁的名字
body是寫在網頁的內容
現在學習基本標記
換行符
<br />
爲了看看換行是爲什麼，我寫了這個代碼：
<html>
<head>
<title>換行符測試</title>
</head>
<body><br />
<p>This <br />is my<br /> first
par
ag
rap<br />h.</p>
<br />
</body>
</html>
可以觀察到，開頭有空行，說明第一個換行符生效了
在代碼中，我設置了多個回車分開，但是在網頁中僅顯示空格，說明回車鍵不能換行了。
好奇爲什麼這是空格，那我原來的空格又怎麼了？於是修改了body的代碼。
<body>
<p>This i s m y first paragraph.</p>
<br />
</body>
可見，連續的空格僅僅讀取爲一個。
其他標籤
我借用w3school的代碼：
<html>
<body>
<a href="http://www.w3school.com.cn">
This is a link</a>
<img src="/i/eg_w3school.gif" width="300" height="120" />
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標籤定義。</p>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>請僅僅把標題標籤用於標題文本。不要僅僅爲了產生粗體文本而使用它們。請使用其它標籤或 CSS 代替。</p>
</body>
</html>
一目瞭然，先記下來。