ocx html 自定義屬性,第三部分 web前端之HTML

詳情參考W3 School

1.HTML是一種标記語言, 使用标記标簽來描述網頁

2.HTML 标簽是由尖括号包圍的關鍵詞，通常是成對出現的，比如

和

标簽對中的第一個标簽是開始标簽，第二個标簽是結束标簽

文檔标題

标簽介紹

1.标題元素 ：

我的第一個标題

h1—h6标題大小越來越小

2.段落元素 ：

我的第一個段落。

換行标簽 ：

在不産生新段落的情況下換行

(不要使用

，因為它沒有閉合标簽，容易出現問題)

分割線标簽：

強調文本标簽：強調文本

加粗文本标簽 ：

加粗文本

兩者實作效果相同但是意義不同

注：在html裡手動輸入多個空行或者多個空格都會被認為是一個空行或者一個空格

3.超連結元素

點選此内容進行跳轉(可以是圖檔)

選擇設定的屬性：

target="_blank" 跳轉新網頁進行加載，不設定此屬性預設目前網頁加載

title="滑鼠放上去顯示文字"

錨點< a name="p1"> 在需要定位的地方取一個名字

在同網頁中跳轉可用錨點，先在需要定位的地方取一個名字，再用超連結通過：自身網址#名字進行跳轉

4.圖檔元素：

可以在圖檔标簽裡width="寬" height="高"設定圖檔大小

特殊的内聯元素，圖檔大小就是标簽的大小(一般的内聯元素的大小由标簽大小決定)

注：img标簽和css背景差別

img表示的是網頁的内容，可以儲存下來那種，

例：一個相冊的修飾邊框的圖檔是寫在Css裡，而相片放在img标簽裡

5.清單元素

無序清單 ul(開頭是黑點)

有序清單 ol(開頭是數字)

注意

與ul和ol組合使用，也就是

有序，無序清單可以組合使用

自定義清單标簽

以

開始。每個自定義清單項的定義以

開始。

Coffee

Black hot drink

Milk

White cold drink

6.表格元素：

tr表示行，td表示列(有幾個tr表示有幾行，無内容用&nbsp占位)，th表示表頭

border屬性表示邊框大小

cellspacing屬性表示兩個單元格間的距離

cellpadding屬性表示内邊距，就是表格裡内容距離邊框的距離

colspan屬性表示列合并

rowspan屬性表示行合并

注：列合并删除本行其它列，行合并删除下一行的對應列

Heading	Another Heading
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

7.按鈕元素

按鈕内容

8.表單元素(重點)

用于搜集不同類型的使用者輸入。表單元素指的是不同類型的 input 元素

定義用于文本輸入的單行輸入字段

定義被隐藏的輸入方式

定義單選按鈕。

定義多選按鈕。

定義用于向表單處理程式(form-handler)送出表單的按鈕

.内容對用于不可見

注：input裡的value屬性，可以設定表單框裡預設的值

name屬性，每個input最好都有一個name，隻有有了name之後servlet才可以通過它的name得到使用者填寫的值

Volvo

Saab

Fiat

Audi

select元素

1.size屬性表示可以通過滾動顯示下拉框裡的元素

2 multiple屬性，允許使用者同時選擇多個選項

option元素：

1.value屬性： 被選擇後會把value裡的值發送給伺服器

2.disabled屬性可以控制某個元素不可以被選擇

3.selected屬性：指定在頁面加載時預先標明該選項

注： 這樣定義就在點選複選框的時候被選擇上，而設定label标簽後，就可以實作點選某一段文字就能選擇上複選框，增強了使用者體驗

Male

Female

表單屬性，定義在

開始标簽裡的

1.action：action 屬性定義在送出表單時執行的動作。向伺服器送出表單的通常做法是使用送出按鈕。通常，表單會被送出到 web 伺服器上的網頁。如果省略 action 屬性，則 action 會被設定為目前頁面。(表單資料送出給網頁之後，伺服器才能擷取資料)

2.Method 屬性：method 屬性規定在送出表單時所用的 HTTP 方法(GET 或 POST)：

如果表單送出是被動的(比如搜尋引擎查詢)，并且沒有敏感資訊。

當您使用 GET 時，表單資料在頁面位址欄中是可見的：

注：GET 最适合少量資料的送出。浏覽器會設定容量限制。

(表單裡的資料以鍵值對的形式存到送出到的網頁位址欄之後)

如果表單正在更新資料，或者包含敏感資訊(例如密碼)。

POST 的安全性更加，因為在頁面位址欄中被送出的資料是不可見的

Name 屬性

如果要正确地被送出，每個輸入字段必須設定一個 name 屬性。

屬性

1.用于設定元素自身屬性，而元素裡内容的屬性，通過css控制

2.屬性内容要用雙引号括起來

例：

居中對齊

注：html标簽盡量不要定義樣式，而隻定義内容，樣式通過css裡實作，進而實作内容和樣式分離開

9.div元素：主要用于包裹其它塊級元素，用于布局，

布局就像切豆腐，先寫一個總div，在總div裡進行分割

span：包裹其它行内元素

10.textarea元素：定義多行輸入字段

元素：HTML 元素指的是從開始标簽(start tag)到結束标簽(end tag)的所有代碼。

表示一個定義段落的元素，這個元素具有開始标簽和結束标簽

塊級元素：每一塊都從一個新行開始 div(組合塊級元素)

行内/内聯元素：每個元素都在同一行 span(組合行内元素，無任何實際意義)

内聯元素不可實作文字的變大小，因為程式把每行緊緊的包裹

元素嵌套：盡量用塊級元素嵌套行内元素

類：

可以為行内元素(span)和塊級元素(div)設定class屬性，class屬性值相同則說明它們是同一類，這樣我們就可以同時控制相同類的樣式了

常用字元實體：一些在html中不适合直接寫出的字元

空格

& &

< <

> >

" "

&qpos; '

文本格式化

image.png

YSGKKGV}0OCXI2IX7R3WMZ8.png

href和src的差別

href 表示超文本引用(hypertext reference)，在 link和a 等元素上使用。

src 表示來源位址，在 img、script、iframe 等元素上。

src 的内容，是頁面必不可少的一部分，是引入。href 的内容，是與該頁面有關聯，是引用。差別就是，引入和引用。