HTML基礎知識總結
HTML：超文本标記語言（Hyper Text Markup Language）
- 是一種标記語言而不是程式設計語言
- 使用标簽來标記網頁
一、HTML基礎文法
1、骨架标簽
- <meta>:設定編碼方式
- <html>：網頁格式
- <title>：網頁标題
- <head>：網頁的中繼資料
- <body>: 頁面正文
2、基本标簽
- <h>：标題，從h1至h6，獨占一行，依次變小
- <br>：單标簽，用于文本中的換行（空格用&表示）
- <p>：段落，标簽語義化：便于被搜尋
- <!-- -->:注釋
- <b/strong>：字型加粗，後者有特别強調的語義
- <i/em>：斜體，後者有一般強調的語義
- <s/del>：删除線,推薦用後者
- <img>：圖檔，src="圖檔名"，width="寬度"，height="高度"，title="頁面顯示的圖檔名稱"，alt="圖檔未被正常加載時的名稱"
- <a>:超連結，内容為連結名href="url（注意包含協定）或資源路徑，#空連結：傳回頁面頂部"，target="_blank"：在新視窗打開
二、HTML常用标簽
1、路徑
(1) 相對路徑：相對于目前html檔案的路徑(2) 絕對路徑：根目錄到目标資源間的路徑（不推薦使用）
- 同級：位于相同目錄下，直接寫資源名稱
- 上級：目标位于目前目錄的上級，../資源名稱
- 下級：目标位于目前目錄的下級，檔案夾名/資源名稱
2、清單标簽
(1) 有序清單(2) 無序清單<ol>
<li>清單<lt>
...
</ol>
<ul>3、布局标簽:無任何語義，友善後期設定内容樣式
- <div>:各标簽内容獨占一行</div>
- <span>：标簽内容合并成一行</span>
4、音/視訊标簽
(1) 音頻<audio src="資源路徑" controls="controls"//顯示播放器><audio>(2) 視訊<video src="資源路徑" controls="controls"//顯示播放器><video>
三、HTML表單标簽
1、表單基礎
<form action="方法" method="請求方法，如post">
使用者名：<input type="text" id="" placeholder="請輸入使用者名"//輸入框内顯示提示 autofocus="autofocus"//光标鎖定輸入框 />
密碼：<input type="password" />
</form>
2、單選按鈕radio
<input type="radio" />
<input type="radio" name="xb" checked="checked"//預設選中 id="nan"/>
<label for="nan">男</label>//點選文字"男"等同于點選單選按鈕
<input type="radio" name="xb"//相同值隻有一個能被選中 id="nv"/>
3、多選框(勾/複選框）checkbox
<input type="checkbox" id="cf"/>吃飯
//點選文字等同于點選多選框:
//<input type="checkbox" id="cf"/>
//<label for="cf">吃飯</label>
<input type="checkbox"/>睡覺
<input type="checkbox"/>打豆豆
4、下拉菜單select
<select name=""
<option value="">北京</option>
<option value="">上海</option>
<option value="">廣州</option>
<option value="">深圳</option>
</select>
5、文本域textarea
<textarea name="" cols="30" rows="10"></textarea>
<style type="text/css">
textarea{resize:none;}
</style>//禁止改變輸入框尺寸
6、按鈕
- 普通按鈕：
- 重置按鈕：
- 送出按鈕：
![Spring MVC 自學雜記（五） -- SpringMVC與前台的json資料互動[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)