網頁的組成：
網頁是構成網站的基本元素埠忘，它通常由圖片、鏈接馒索、文字莹妒、聲音、視頻等元素組成绰上。通常我們看到的網頁动羽，常見以 .htm 或 .html 后綴結尾的文件，因此將其俗稱為 HTML 文件渔期。
什么是HTML：
1.HTML 指的是超文本標記語言 (Hyper Text Markup Language) 运吓，它是用來描述網頁的一種語言。
2.HTML 不是一種編程語言疯趟，而是一種標記語言 (markup language)拘哨。
標記語言是一套標記標簽 (markup tag)。
常用的瀏覽器
IE?火狐(推薦)? 谷歌?蘋果?歐朋
瀏覽器是網頁顯示信峻、運行的平臺倦青。常用的瀏覽器有 IE、火狐（Firefox）盹舞、谷歌（Chrome）产镐、Safari和Opera等。平時稱為五大瀏覽器踢步。
HTML語法規(guī)則：
1.HTML 標簽/標記是由尖括號包圍的關鍵詞癣亚，例如 <html>。
? 2.HTML 標簽通常是成對出現的获印，例如 <html> 和 </html> 述雾，我們稱為雙標簽。??
?3.標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽玻孟。 有些特殊的標簽必須是單個標簽（極少情況）唆缴，例如 <hr />，我們稱為單標
HTML基本骨架：
標題標簽
**標題標簽 <h1> - <h6>（重要）**
為了使網頁更具有語義化黍翎，我們經常會在頁面中用到標題標簽面徽。HTML 提供了 6 個等級的網頁標題，即<h1> - <h6> 匣掸。
具體實現：
? ? ? <h1> 我是一級標題 </h1>
特點：
1.加了標題的文字會變的加粗斗忌，字號也會依次變大。
2. 一個標題獨占一行旺聚。
? ? <h1>標題一共六級選,</h1>
? ? <h2>文字加粗一行顯织阳。</h2>
? ? <h3>由大到小依次減，</h3>
? ? <h4>從重到輕隨之變砰粹。</h4>
? ? <h5>語法規(guī)范書寫后唧躲，</h5>
? ? <h6>具體效果刷新見。</h6>
段落標簽：
<p> 我是一個段落標簽 </p>
特點：
? ? 1. 文本在一個段落中會根據瀏覽器窗口的大小自動換行碱璃。
? ? 2. 段落和段落之間保有空隙弄痹。
換行標簽
<br />
特點：
? ? 1. <br /> 是個單標簽。
? ? 2. <br /> 標簽只是簡單地開始新的一行嵌器，跟段落不一樣肛真，段落之間會插入一些垂直的間距。
文本格式化標簽：
div和span標簽
<div> 和 <span> 是沒有語義的爽航，它們就是一個盒子蚓让，用來裝內容的。
具體實現：
? ? <div> 這是頭部 </div>? ?
? ? <span> 今日價格 </span>
特點：
? ? 1. <div> 標簽用來布局讥珍，但是現在一行只能放一個<div>历极。 大盒子
? ? 2. <span> 標簽用來布局，一行上可以多個 <span>衷佃。小盒子
圖片標簽：
在 HTML 標簽中趟卸，<img> 標簽用于定義 HTML 頁面中的圖像。
具體實現：
? ? ? <img src="圖像URL" />
? ? src 是<img>標簽的必須屬性氏义，它用于指定圖像文件的路徑和文件名锄列。
鏈接標簽：
鏈接的語法格式
? ? <a href="跳轉目標" target="目標窗口的彈出方式"> 文本或圖像 </a>
屬性：
? ? 1.href：用于指定鏈接目標的url地址
? ? 2.target:用于指定鏈接頁面的打開方式_self默認值 _blank新窗口打開
? ? 3.#：空鏈接
<!-- 注釋語句 --> 快捷鍵: ctrl + /
表格
表格的主要作用
表格的具體用法：
合并單元格方式：
跨行合并：rowspan="合并單元格的個數"? ?
最上側單元格為目標單元格, 寫合并代碼
跨列合并：colspan="合并單元格的個數"
最左側單元格為目標單元格, 寫合并代碼
合并單元格三步曲：
先確定是跨行還是跨列合并。
找到目標單元格. 寫上合并方式 = 合并的單元格數量鸠补。
比如：<td colspan="2"></td>萝风。刪除多余的單元格。
表格總結
表格學習整體可以分為三大部分:
表格的相關標簽
table? thead? body? tr? th? td
表格的相關屬性
cellspacing? ? cellpadding? ? width? height? border
合并單元格
? rowspan? collspan
列表
1.無序列表
有序列表
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<ol>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li>? </li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li>? </li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </ol>
自定義列表
表單
<form>? ?表單域
... 表單控件
</form>
「input 之 type 屬性文本框和密碼框」重點
表單控件包含以下三大類：
1. input 輸入
2. select 選擇
3. textarea 文本域
「input 之 type 屬性提交和重置按鈕」
「input 之 type 屬性單選按鈕和復選框」重點
在多選一的時候紫岩，使用單選框（radio）规惰，例如：性別；
在多選多的時候泉蝌，使用復選框（checkbox)歇万，例如：愛好。
input 標簽的常用屬性：
「label 標簽」重點
label 可以和表單中的元素綁定勋陪，增加點擊范圍贪磺，提高用戶體驗；
「select 下拉表單」重點
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <select>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <option>選項 1</option>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <option>選項 2</option>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <option>選項 3</option>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ...
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </select>
「textarea 文本域標簽」重點
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <textarea></textarea>
