1-1 制作第一個網頁
1-2 html和css的關係
1、css是用來修飾html樣式的
2、html本身是有一些默認樣式,如果我們想改變html標簽的樣式,就需要借助css
3、html+css構成了我們網頁的基本頁面結構和樣式
1-3 標簽的語法
1. 標簽由英文尖括號<和>括起來，如<html>就是一個標簽。
2. html中的標簽一般都是成對出現的，分開始標簽和結束標簽。結束標簽比開始標簽多了一個/。如：
（1） <p></p>
（2） <div></div>
（3） <span></span>
3. 標簽與標簽之間是可以嵌套的，但先後順序必須保持一致，如：<div>裡嵌套<p>，那麽</p>必須放在</div>的前面。如下圖所示。
4. HTML標簽不區分大小寫，<h1>和<H1>是一樣的，但建議小寫，因爲大部分程序員都以小寫爲準。
1-4 html5文档結構
技術點的解釋：
1. <!DOCTYPE html>:文档類型聲明，表示該文档爲 HTML5文档。<!DOCTYPE> 聲明必須是 HTML 文档的第一行，位於 <html> 標簽之前
2. <html></html>標簽對：<html>標簽位於HTML文档的最前面，用來標識HTML文档的開始；</html>標簽位於HTML文档的最後面，用來標識HTML 文档的結束；這兩個標簽對成對存在，中間的部分是文档的頭部和主題。
3.<head></head>標簽對：標簽包含有關HTML文档的信息，可以包含一些輔助性標簽。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是瀏覽器除了會在標題欄顯示<title>元素的内容外，不會向用戶顯示head元素内的其他任何内容。
4.<body></body>標簽對：它是HTML文档的主體部分，在此標簽中可以包含<p><h1><br>等衆多標簽，<body>標簽出現在</head>標簽之後，且必須在閉標簽</html>之前閉合。
1-5認識head標簽
文档的頭部描述了文档的各種屬性和信息，包括文档的標題等，絕大多數文档頭部包含的數據都不會真正作爲内容顯示給讀者。
下面這些標簽可用在 head 部分：
1、head標簽爲雙標簽，有尾標簽，<head></head>。
2、head標簽表示頭部標簽,通常用來嵌套meta、title、style等標簽。
3、<title>標簽：在<title>和</title>標簽之間的文字内容是網頁的標題信息，它會出現在瀏覽器的標題欄中。網頁的title標簽用於告訴用戶和搜索引擎這個網頁的主要内容是什麽，搜索引擎可以通過網頁標題，迅速的判斷出網頁的主題。每個網頁的内容都是不同的，每個網頁都應該有一個獨一無二的title。
4、<meta charset="UTF-8">設置當前文档字符編碼
5、style標簽：雙標簽中設置當前文档樣式
例如title標簽：
<head> <title>hello world</title> </head>
<title>標簽的内容“hello world”會在瀏覽器中的標題欄上顯示出來，如下圖所示：
1-6認識body標簽
在網頁上要展示出來的頁面内容一定要放在body標簽中。如下圖的例子：
在瀏覽器中的顯示效果：
1-7html文档注釋
代碼注釋的作用是幫助程序員標注代碼的用途，過一段時間後再看你所編寫的代碼，就能很快想起這段代碼的用途。還可以幫助其他程序員很快的讀懂你的程序的功能，方便多人合作開發網頁代碼。
語法：<!--注釋文字 -->
注釋代碼是不會在結果窗口中顯示出來的。
