Web前端開發是用來直接給用戶呈現一個一個的網頁，主要包含實現用戶的結構（HTML）、樣式（CSS）、交互（JavaScript）。然而一個軟件通常是由后端和前端完成的。可以查閱文檔：HTML 教程 (w3school.com.cn)

1.HTML?

1.1HTML概念

HTML稱為超文本標記語言。

• 超文本指：文本、聲音，圖片、視頻、表格、鏈接等；
• 標記指：由標簽構成的語言。

1.2HTML結構

HTML基本結構如下：?

• html標簽是整個html文件中的根標簽?
• head標簽是編寫頁面相關的屬性
• title標簽是頁面的標題
• body標簽是頁面顯示的內容

?1.3HTML基本標簽

• ?標題標簽<h1>~<h6>：借助標題標簽，能夠清晰地劃分出頁面內容的層次關系。

• 段落標簽<p>：是將每個段落區分開來
• 換行標簽<br>：兩個換行標簽相當于一個段落標簽

• 加粗標簽strong / b：讓字體變粗

• 傾斜標簽em / i：讓字體變傾斜
• 下劃線標簽ins / u：字體下邊有一條線
• 刪除線標簽del / s：字體被刪除但是還是可以顯現出來

---

• 超鏈接標簽a：

1. href屬性：點擊跳轉某個頁面鏈接中，#代表占位符（也表示在當前頁面刷新）
2. target屬性：默認在當前頁面跳轉_self，如果想要在新的頁面打開就用_blank

---

• 圖片標簽img：

1. ?src屬性：指定圖片路徑，img標簽必須搭配src使用
2. alt屬性：alt后面的信息表明圖片加載失敗后的提示信息
3. title屬性：當光標落在圖片上時出現的提示信息
4. width / height屬性：修改圖片大小
5. border屬性：給圖片添加邊框

---

• 表格標簽table：

1. width / height屬性：將表格中每一個小表格改成對應的width和height
2. border屬性：給表格添加邊框
3. cellspacing屬性：表格中的邊框默認為1px，該屬性是將邊框間隙進行調整
4. align屬性：將表格調至左、中、右任一位置（默認left，center，right）

• 表格頭標簽thead：
• 表格體標簽tbody：
• 表格中的行標簽tr：
• 表格中的列標簽td：

1. rowspan屬性：合并行，從當前位置往下數幾行合并
2. colspan屬性：合并列，從當前位置往下數幾列合并

---

列表標簽?

• 有序列表標簽ol：ol -》li

1. type屬性：1（默認數字編號），a（小寫英文編號），A（大寫英文編號），i（小寫羅馬編號），I（大寫羅馬編號）
2. start屬性：從某個位置編號開始

• 無序列表標簽ul：ul -》li

1. type屬性：disc（默認實心圓），square（實心方塊），circle（空心圓）

---

表單標簽

• 表單域標簽form：

1. action屬性：跳轉至該鏈接

• 表單控件標簽input：

1. type屬性：其中的submit和reset標簽必須在form標簽內效果才能實現

• 相關聯標簽label：

1. for屬性：for搭配著input中的id屬性使用，如果要讓兩者相關必須要id和for相同值。例：如果我想要選擇男的時候點擊男也可以選中，那就需要給男這個字與input-radio加上相關聯

• 下拉菜單標簽select：select -》option（設置默認值時用selected屬性）
• 文本域標簽textarea：

1. cols屬性：設置列的默認值
2. rows屬性：設置行的默認值

div標簽：獨占一行

spanbiaoqian：不獨占一行?

特殊符號

1. &nbsp：空格。想要多少個空格就需要寫多少遍
2. &lt：小于號
3. &gt：大于號
4. &amp：按位與?

?