學習筆記 03 HTML5

2021-06-29 05:53:05 字數 1738 閱讀 1780

html是每個開發web的人員都會用到的一種語言,如果不了解,那麼做頁面時會非常麻煩

html因為其非常簡單,所以也並不需要學習心得之類的,下面只是我學習了html之後的一些筆記。因為有些標籤或是元素並不會經常被用到,所以到用到的時候就需要查詢

首先,是html的基本格式:

html頁面主要分為兩大部分:head與body。head中主要是用來存放css樣式、js指令碼以及一些引用,也就是「看不見的部分」,其中上面的title就是該頁面的標籤;而body中則是用來存放所有可視的東西,使用者在頁面上所見到的一切全在body中。

以下都是body中的元素

1、分組元素

段落標籤,段落之間空隙有一到兩行

水平分割線

層標籤。 這應該是平時頁面製作時常用到的元素,其本身並無效果,需要與css樣式組合在一起使用

無序列表ul:在頁面上以列表的形式輸出中的內容,但其前面無編號,以點代替。

有序列表ol:與上述的ul類似,但中內容有編號,預設從1開始計數。

2、**元素

**table

這是**的最基本格式,tr代表行,td代表行裡的單元格,資料或者其他html標籤一般放在td中。

下面還有一些table的一般屬性:

橫向合併單元格,引號內數字為幾便是合併幾行

縱向合併單元格,同上。

表頭:  中間的內容永遠處於表頭部分

表尾: 中間的內容永遠處於表尾

主體: 中間內容處於表頭與表尾之間。

3、嵌入元素

插入img的私有屬性

src:嵌入影象的url

width/height:的長度和高度(此為所有html元素共有的屬性)

ismap:建立伺服器端分割槽響應圖

usemap:關聯元素 屬性

muted

poster

音訊屬性同上

5、表單元素

html表單 屬性

action:表示提交的頁面

method:表達的請求方式:post或是get,預設為get

autocomplete:設定瀏覽器記住使用者輸入的資料,實現自動完成表單,預設為on自動完成 屬性

autofocus:使游標停在該input上

disable:禁用input元素

value:input中的值

form:將表單外的元素與表單掛鉤提交

新增說明標籤

元素可以關聯input,讓使用者體驗更好,且更加容易設定css樣式 按鈕

提交 重置

屬性總匯:

(以input元素)

text    單行文字

額外屬性

maxlength   設定文字框最大長度

size  設定文字框寬度

readonly  設定文字框唯讀

required  設定該文字框不能為空

placeholder  設定文字框內原有的淡灰色字型用以提示

password  密碼框

search 搜尋框(與text基本一致,除了有個「×」可供刪除之外)

number  框內只能輸入數字

屬性:max(最大值)、min(最小值)、step(步長)

date  日期框

checkbox 核取方塊

radio 單選框

image 按鈕

select  下拉框

格式 

03 HTML5新增input型別

型別 說明email 電子郵件位址文字框,提交表單時會自動驗證email值 url網頁的url,提交表單時會自動驗證url值 color 主要用於選取顏色 search 用於搜尋引擎 搜尋框 number 只包含數值的字段,能夠設定對所接受的數字的限制 range 滑動條,特定值範圍內的數值選擇器 ...

HTML學習筆記5

html url 字元編碼 url 只能使用 ascii 字符集 來通過網際網路進行傳送。url 編碼使用 其後跟隨兩位的十六進製制數來替換非 ascii 字元。url 不能包含空格。url 編碼通常使用 來替換空格。html web server 如果希望向世界發布您的 那麼您必須把它存放在 we...

HTML學習筆記03 常用標籤

影象標籤和路徑 注釋和特殊字元 實列 記住每個標籤的語義 標題標籤 h head縮寫 重要性依次遞減 六級標籤 特點 每個標題獨佔一行 文字被放大 段落標籤 分段必須要用段落標籤 段落之間有較大空隙 會根據視窗大小自動換行 p 換行標籤 可以不加 單標籤,break的縮寫,意為打斷,強制換行 特點 ...