<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>我的第一個網頁</title>
</head>
<!-- 1.標籤建議全部小寫 -->
<body>
歡迎訪問我的網頁！
<!-- 屬性用引號引起來 -->
<div class="aa" id="div1"></div>
<!-- 標籤應該閉合 成對標籤應該成對出現，單個標籤在結尾加“ /” -->
<br />
<!-- img標籤加上alt屬性 -->
<img src="images/001.jpg" alt="學習截圖">
<!-- 空格符号 -->
<br />
5>3<!-- 5大于3 -->
<br />
1<2<!-- 1小于2 -->
<span>span标签 行内元素，表示一行中的一小段内容，没有具体的语义</span>
<em>em标签 行内元素，表示语气中的强调词</em>
<i>i标签 行内元素，原本没有语义，w3c强加了语义，表示专业词汇</i>
<b>b标签 行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名</b>
<strong>strong标签 行内元素，表示非常重要的内容</strong>
<a href="#"></a> <!-- # 表示链接到页面顶部 -->
<a href="http://www.itcast.cn/" title="跳转的传智播客网站">传智播客</a> 定义页面内滚动跳转
<a href="#mao1">标题一</a>
......
......
<h3 id="mao1">跳转到的标题</h3>
<h3>有序列表</h3>
<ol>
<li>學習html</li>
<li>學習css</li>
<li>學習javascript</li>
</ol>
<h3>无序列表</h3>
<ul>
<li><a href="">新聞標題</a></li>
<li><a href="">新聞標題</a></li>
<li><a href="">新聞標題</a></li>
<li><a href="">新聞標題</a></li>
<li><a href="">新聞標題</a></li>
</ul>
<h3>定義列表</h3>
<dl>
<dt>html</dt>
<dd>負責頁面的結構</dd>
<dt>css</dt>
<dd>負責頁面的表現</dd>
<dt>JavaScript</dt>
<dd>負責頁面的行爲</dd>
</dl>
</body>
</html>