網頁前端 --(HTML基本標籤屬性)

1.HTML基本語法

HTML不須要編譯，直接使用瀏覽器便可打開執行（谷歌瀏覽器）
HTML的標籤名都是預先定義好的，每個標籤都有它的做用。
HTML標籤名不區分大小寫。建議使用小寫標籤名
<開始標籤> 內容體/子標籤 </結束標籤>
空標籤：沒有內容體的標籤。 <開始標籤/>
HTML代碼中的空格和換行解析時會被忽略

空格:  

換行：<br/>

1.1 標題標籤：

<h1>~<h6>

其中<h1>最大

<h6>最小

1.2. 水平線標籤：

水平線標籤：<hr /> html

用於在頁面中建立一條水平分隔線。java

屬性:web

屬性名瀏覽器	屬性說明服務器
size框架	定義水平線的粗細post 單位是像素字體
color編碼	定義水平線的顏色spa 顏色能夠是英文單詞：例如red,blue,yellow 顏色也能夠是編碼：#FFFFFF
width	定義水平線的長短單位是像素/百分比

html長度、寬度、高度：

像素。Px （默認的計量單位）

固定的計量單位

百分比：

1.3.字體標籤：

<font> 屬性：

屬性名

屬性說明

size

定義字號大小

默認大小3號。

取值範圍:1~7

1號最小，7號最大

color

定義字體的顏色

顏色能夠是英文單詞：例如red,blue,yellow

顏色也能夠是編碼：#FFFFFF

標籤上有橫線，是過時是被替代的標籤。

1.4.格式化標籤

粗體：<b></b>
斜體：<i></i>

1.5 段落標籤

2.1 表單輸入項標籤-<input>

屬性	取值	描述
type	text	文本框，單行的輸入字段，用戶可在其中輸入純文本。（默認）
password	密碼框。內容爲非明文
radio	單選框。在同一組內有單選效果必須設置name屬性分組，name屬性相同；必須設置value屬性爲組件賦予默認參數值；
checkbox	複選框。在同一組內有複選/多選效果必須設置name屬性分組，name屬性相同；必須設置value屬性爲組件賦予初始值；
submit	提交按鈕。用於控制表單提交數據。該組件上不建議寫name屬性
reset	重置按鈕。用於將全部的表單輸入項恢復到默認狀態該組件上不建議寫name屬性
file	附件框。用於文件上傳。（後續文件上傳會詳細講解）
hidden	隱藏域。通常用做提交服務器須要拿到，但用戶不須要看到的數據。該組件必須有name和value
button	普通按鈕。須要和JavaScript事件一塊兒用（後續JavaScript會詳細講解）

屬性	取值	描述
name		組件名。（必設置）若是須要表單數據提交到服務器，必須提供name屬性單選框、複選框根據name屬性進行數據的分組。爲參數列表上的參數名
value		組件默認值。該數據做爲某個參數的參數值，被提交到服務器。同時也是submit,reset,button的按鈕名稱 value屬性的設置策略： ①文本框、密碼框這樣的表單輸入項，能夠不強制指定value，由於用戶能夠自由輸入 ②單選框、複選框這樣的表單輸入項，必須強制指定value，由於用戶沒法輸入，只能選擇，若是不指定value，那麼提交上去的只有on
checked	checked	設置單選框/複選框的默認選中狀態
readonly	readonly	設置該標籤的參數值只讀，用戶沒法手動更改。數據是能夠正常提交
disabled	disabled	設置該標籤不可用，參數值沒法更改，且參數值也沒法提交
size	數字	組件的長度

2.2選擇框標籤-<select>

<select> 定義一個下拉列表。能夠進行單選或多選。
<option>定義一個下拉列表的列表項。

select 屬性：

屬性名

屬性說明

name

組件名。（必設置）

若是須要下拉選擇框數據提交到服務器，必須提供name屬性

multiple

設置該標籤選項所有顯示，而且能夠進行多選提交。默認爲單選。

不設置該屬性，爲單選

設置該屬性 multiple= "multiple"，爲多選

option 屬性：

屬性名

屬性說明

value

設置須要提交的參數值。（必設置）

selected

設置某個列表項默認選中。

若列表中沒有列表項有該屬性，默認第一個列表項被選中

選擇框必須有的屬性：

<select>必須name屬性

<option>建議必須有value屬性，屬性值建議不是中文。

選擇框默認選中：<option selected=」selected」></option>

單選框/複選框默認選中：<input type=」radio」 checked=」checked」/>

2.3 文本域標籤-<textarea>

<textarea></textarea>標籤

文本域標籤，可支持用戶輸入並提交大量純文字數據。

textarea屬性：(沒有value屬性)

屬性名

屬性說明

name

組件名。（必設置）

若是須要下拉選擇框數據提交到服務器，必須提供name屬

文本域和文本框區別：

文本框不能換行，文本域能夠
文本框參數值是value屬性，文本域參數值是標籤的內容體

2.4 表單標籤<form>

全部的表單輸入項，必須放在<form>標籤之中，必須有name屬性

屬性名

屬性說明

action

請求路徑，肯定表單提交到服務器的地址（路徑）【必設置】

【將表單數據提交到何處】

默認把數據提交當前頁面。

通常會將數據提交到服務器的程序上。（javaweb核心會詳細講解）

method

請求方式。經常使用的取值：GET、POST

【將數據以何種方式提交】

默認爲：GET

get提交方式特色：把數據拼接到地址欄上

post提交方式特色：沒有把提交數據拼接到地址欄上。請求體

2.5 圖片標籤

屬性名	屬性說明
src[劉1]	指定須要展現的圖片所在路徑內網路徑：相對路徑絕對路徑外網路徑：http://開頭便可
alt	圖片沒法顯示時的替代文本。
width	圖片寬度單位：像素/百分比
height	圖片高度單位：像素/百分比

其中/和\\效果上無差異，甚至能夠混合使用。但爲了開發格式統一，咱們僅選其中一個便可

2.6 列表標籤&超連接標籤

屬性名

屬性說明

href

用於指定須要鏈接並打開的頁面路徑

路徑寫法等同於img的src寫法。

target

肯定以何種方式打開href所設置的頁面。

取值：

1. 1. _blank 在新窗口中打開href肯定的頁面。
  2. _self 默認。使用href肯定的頁面替換當前頁面。

總結

       1、<input> <select> <textarea> 統稱爲表單輸入項，用來輸入表單信息

       2、表單輸入項若須要提交數據，必須得有name屬性（按鈕除外）

       3、參數列表上：

              name屬性就是參數名   變量名

              value屬性就是參數值   變量值

              <input type=」text」 name=」username」 value=」zzz」/>

              String username = 「zzz」;

       4、全部的按鈕必須給value，設置按鈕名稱

              全部的單選框和複選框必須有value屬性。

              其餘根據需求,看狀況設置value

①表單標籤：

       <form>

       <input/>

       <select>

       <textarea>

②超連接標籤：<a>

href

target

③圖片標籤：

<img/>

④表格標籤：

<table> border width

<tr> align <td> align colspan rowspan

<th> align colspan rowspan

⑤列表標籤

<ul>無序列表

<ol>有序列表

<li>列表項

⑥其餘標籤：

<p> <br/>   <div> <span>

⑦框架標籤：

       <frameset>

              cols: 豎切

              rows: 橫切

              noresize=」noresize」

       <frame>

              src

網頁前端 --(HTML基本標籤屬性)

1.HTML基本語法

1.1 標題標籤：

1.2. 水平線標籤：

1.3.字體標籤：

1.4.格式化標籤

1.5 段落標籤

2.1 表單輸入項標籤-<input>

2.2選擇框標籤-<select>

2.3 文本域標籤-<textarea>

2.4 表​​​​​​單標籤<form>

2.5 圖片標籤

2.6 列表標籤&超連接標籤

總結

2.4 表單標籤<form>