必須掌握的web基礎知識(html詳細介紹)

2021-09-01 09:28:39 字數 2989 閱讀 9570

一.html

1.頁面基本結構

2.塊級元素及行內元素

我是塊級元素

我是塊級元素

我的行內元素

我的行內元素

我的行內元素

展示的效果如下:

3.標題文字標籤

我是塊級元素h4

我是塊級元素h5

我是塊級元素h6

展示的效果如下:

4.文字標籤

格式標籤及應用

功能應用效果

內容一內容二

讓文字強制換行

內容一內容二

段落一段落二

段落標籤

段落一段落二

內容加粗標籤

內容

內容

加粗標籤

內容設定字型紅色

設定字型顏色

設定字型紅色

設定字型大小

設定字型大小等

設定字型紅色

設定字型黑體

設定字型大小等

設定字型黑體

內容刪除線樣式

內容內容

強調標籤,字型被加斜體效果

內容內容

文字斜體格式

內容錨文字,超連結

5.按鈕

確認

屬性    

值      

備註disabled

disabled

規定應該禁用該按鈕。

form

form_name

規定按鈕屬於乙個或多個表單。

name

button_name

規定按鈕的名稱。

type

規定按鈕的型別。

value

text

規定按鈕的初始值。可由指令碼進行修改。

方法:屬性值描述

onblur

指令碼當元素失去焦點時執行指令碼

onclick

指令碼在元素區域內單擊滑鼠(不區分左右鍵)時執行指令碼

ondblclick

指令碼在元素區域內雙擊滑鼠(不區分左右鍵)時執行指令碼

onfocus

指令碼當元素取得焦點時執行指令碼

onmousedown

指令碼在元素區域內按下滑鼠鍵(不區分左右鍵)時執行指令碼

onmousemove

指令碼當滑鼠指標在元素區域內移動時執行指令碼

onmouseout

指令碼當滑鼠指標移出元素區域時執行指令碼

onmouseover

指令碼當滑鼠指標移入元素區域時執行指令碼

onmouseup

指令碼在元素區域內鬆開滑鼠鍵(不區分左右鍵)時執行指令碼

onkeydown

指令碼按下乙個鍵時執行指令碼

onkeypress

指令碼按下並鬆開乙個鍵時執行指令碼

onkeyup

指令碼鬆開乙個鍵時執行指令碼

6.文字框

autocomplete

規定是否使用輸入欄位的自動完成功能。

checked

checked

規定此 input 元素首次載入時應當被選中。

disabled

disabled

當 input 元素載入時禁用此元素。

form

formname

規定輸入字段所屬的乙個或多個表單。

maxlength

number

規定輸入欄位中的字元的最大長度。

name

field_name

定義 input 元素的名稱。

pattern

regexp_pattern

規定輸入欄位的值的模式或格式。

例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數字。

placeholder

text

規定幫助使用者填寫輸入欄位的提示。

readonly

readonly

規定輸入欄位為唯讀。

required

required

指示輸入欄位的值是必需的

type

規定 input 元素的型別。

value

value

規定 input 元素的值。

7.**(表頭)

skin class

preview

skin-blue

skin-blue-light

8.圖示

屬性值描述

alttext

規定影象的替代文字。

srcurl

規定顯示影象的 url。

9.下拉選擇(**聯動)

onetwo

three

**聯動涉及的知識比較多:可以檢視該文件進行學習 

10.單選及複選按鈕

11.textarea(富文字編輯器)

12.日期選擇

¥¥¥瀏覽器自帶日期選擇¥¥¥

web基礎知識

一 html 1.基礎標籤 網頁標題 正文標題 段落 換行標籤 超級鏈結 2.行 表頭 單元格 3.表單 文字框密碼框 多選框單選框 提交按鈕 重置按鈕 隱藏文字 選擇框編寫框 4.列表 有序列表 無序列表 列表項 二 資料庫的基本知識 mysql 1.基本資料型別 整數 int 小數 double...

基礎知識 web

右鍵資料夾 git bush here 可以在當前路徑下開啟多個終端視窗 包管理devdependencies 這裡面的東西只是在開發環境會用到 但是線上環境用不到。比如說 stylus loader 就是在開發環境的時候用到的 為啥呢?為啥需要stylus loader呢?因為stylus loa...

web基礎知識

500 client請求的資源,服務端存在,但在執行時出錯 404請求的資源找不到 location 服務端須要client訪問的頁面路徑 server apache tomcat 服務端的web服務端名 content encoding gzip 服務端可以傳送壓縮編碼型別 content len...