一、Html和CSS的關係
學習web前端開發基礎技術需要掌握：HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什麼的：
HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。
CSS樣式是表現。就像網頁的外衣。比如，標題字體、顏色變化，或爲標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之爲表現。
JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這麼理解，有動畫的，有交互的一般都是用JavaScript來實現的。
二、標籤的語法
標籤由英文尖括號<和>括起來，如就是一個標籤。
html中的標籤一般都是成對出現的，分開始標籤和結束標籤。結束標籤比開始標籤多了一個/。如：
（1）<p></p>
（2）<div></div>
（3）<span></span>標籤與標籤之間是可以嵌套的，但先後順序必須保持一致，如：
<div>裏嵌套<p>，那麼</p>必須放在</div>的前面。HTML標籤不區分大小寫，
<h1>和<H1>是一樣的，但建議小寫，因爲大部分程序員都以小寫爲準。
三、認識html文件基本結構
<html>
<head>...</head>
<body>...</body>
</html><html></html>稱爲根標籤，所有的網頁標籤都在<html></html>中。<head>標籤用於定義文檔的頭部，它是所有頭部元素的容器。頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標籤。在
<body>和</body>標籤之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標籤，在這裏的標籤中的內容會在瀏覽器中顯示出來。
四、認識head標籤
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head><title>標籤：在<title>和</title>標籤之間的文字內容是網頁的標題信息，它會出現在瀏覽器的標題欄中。網頁的title標籤用於告訴用戶和搜索引擎這個網頁的主要內容是什麼，搜索引擎可以通過網頁標題，迅速的判斷出網頁的主題。每個網頁的內容都是不同的，每個網頁都應該有一個獨一無二的title。
五、瞭解HTML的代碼註釋
語法：
<!--註釋文字 -->