引用

慕課網(wǎng)HTML+CSS基礎(chǔ)課程

概要

實踐中用到的內(nèi)容

內(nèi)容

1.使用<span>標(biāo)簽為文字設(shè)置單獨樣式
<span>標(biāo)簽是沒有語義的藏姐，它的作用就是為了設(shè)置單獨的樣式用的。

2.<blockquote>標(biāo)簽，長文本引用
<q>標(biāo)簽是對簡短文本的引用梯澜，比如說引用一句話就用到<q>標(biāo)簽。

3.為你的網(wǎng)頁中添加一些空格
在html代碼中輸入空格、回車都是沒有作用的。要想輸入空格适瓦，必須寫入 

4.給div命名，使邏輯更加清晰
可以為這一個獨立的邏輯部分設(shè)置一個名稱谱仪，
用id屬性來為<div>提供唯一的名稱玻熙，
這個就像我們每個人都有一個身份證號，
這個身份證號是唯一標(biāo)識我們的身份的疯攒，也是必須唯一的

5.<a>標(biāo)簽在默認情況下嗦随，
鏈接的網(wǎng)頁是在當(dāng)前瀏覽器窗口中打開，
有時我們需要在新的瀏覽器窗口中打開敬尺。
<a href="目標(biāo)網(wǎng)址" target="_blank">click here!</a>

6.使用表單標(biāo)簽枚尼，與用戶交互
網(wǎng)站怎樣與用戶進行交互？答案是使用HTML表單(form)砂吞。
表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端署恍，
這樣服務(wù)器端程序就可以處理表單傳過來的數(shù)據(jù)。
<form   method="傳送方式"   action="服務(wù)器文件">
1.<form> ：<form>標(biāo)簽是成對出現(xiàn)的蜻直，以<form>開始盯质，以</form>結(jié)束。
2.action ：瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個PHP頁面(save.php)概而。
3.method ： 數(shù)據(jù)傳送的方式（get/post）呼巷。
4.所有表單控件（文本框、文本域赎瑰、按鈕王悍、單選框、復(fù)選框等）
都必須放在<form></form>標(biāo)簽之間
（否則用戶輸入的信息可提交不到服務(wù)器上哦Ｏ绶丁）

7.文本輸入框配名、密碼輸入框
當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時晋辆，就會用到文本輸入框渠脉。文本框也可以轉(zhuǎn)化為密碼輸入框
1、type：
   當(dāng)type="text"時瓶佳，輸入框為文本輸入框;
   當(dāng)type="password"時, 輸入框為密碼輸入框芋膘。
2、name：為文本框命名霸饲，以備后臺程序ASP 为朋、PHP使用
3、value：為文本輸入框設(shè)置默認值厚脉。(一般起到提示作用)
文本域习寸，支持多行文本輸入
當(dāng)用戶需要在表單中輸入大段文字時，需要用到文本輸入域
<textarea  rows="行數(shù)" cols="列數(shù)">文本</textarea>
4. 在<textarea></textarea>標(biāo)簽之間可以輸入默認值傻工。

8.使用單選框霞溪、復(fù)選框，讓用戶選擇
在使用表單設(shè)計調(diào)查表時中捆，為了減少用戶的操作鸯匹，使用選擇框是一個好主意，
html中有兩種選擇框泄伪，即單選框和復(fù)選框殴蓬，
兩者的區(qū)別是單選框中的選項用戶只能選擇一項，
而復(fù)選框中用戶可以任意選擇多項蟋滴，甚至全選染厅。
<input   type="radio/checkbox"   value="值"    name="名稱"   checked="checked"/>
1.當(dāng) type="radio" 時，控件為單選框
  當(dāng) type="checkbox" 時脓杉，控件為復(fù)選框
2.value：提交數(shù)據(jù)到服務(wù)器的值
3.name：為控件命名
4.checked：當(dāng)設(shè)置 checked="checked" 時糟秘，該選項被默認選中
使用下拉列表框，節(jié)省空間:
下拉列表在網(wǎng)頁中也常會用到，它可以有效的節(jié)省網(wǎng)頁空間负芋。既可以單選察皇、又可以多選
設(shè)置selected="selected"屬性，則該選項就被默認選中
下拉列表也可以進行多選操作凌净，
在<select>標(biāo)簽中設(shè)置multiple="multiple"屬性，就可以實現(xiàn)多選功能

9.使用提交按鈕屋讶，提交數(shù)據(jù)
在表單中有兩種按鈕可以使用冰寻，分別為：提交按鈕、重置
當(dāng)用戶需要提交表單信息到服務(wù)器時皿渗，需要用到提交按鈕
<input   type="submit"   value="提交">
type：只有當(dāng)type值設(shè)置為submit時斩芭，按鈕才有提交作用
value：按鈕上顯示的文字
使用重置按鈕轻腺，重置表單信息:
當(dāng)用戶需要重置表單信息到初始時的狀態(tài)時，
比如用戶輸入“用戶名”后划乖，發(fā)現(xiàn)書寫有誤贬养，
可以使用重置按鈕使輸入框恢復(fù)到初始狀態(tài)。
只需要把type設(shè)置為"reset"就可以
<input type="reset" value="重置">
type：只有當(dāng)type值設(shè)置為reset時琴庵，按鈕才有重置作用
value：按鈕上顯示的文字

10.form表單中的label標(biāo)簽
label標(biāo)簽不會向用戶呈現(xiàn)任何特殊效果误算，它的作用是為鼠標(biāo)用戶改進了可用性
如果你在 label 標(biāo)簽內(nèi)點擊文本，就會觸發(fā)此控件迷殿。
就是說儿礼，當(dāng)用戶單擊選中該label標(biāo)簽時，
瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上
<label for="控件id名稱">
注意：標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同