HTML自用摘記

2021-09-12 09:46:28 字數 2546 閱讀 1018

屬性說明

指令碼資源站:

w3school

記錄一些常用便捷的功能,用於做html單機版的日誌。

常用功能記錄

style

="background

:#eee;

color

:#360

">

111>

設定**段:灰底綠字

type

="button"

onclick

="getelements()"

value

="holle"

/>

onclick

="getelements()"

>

click mebutton

>

/>

name

="myinput"

type

="text"

size

="20"

/>

rel=

"stylesheet"

href

="../test.css"

type

="text/css"

data-for

="result"

>

link 單獨一行,無需結尾/link

href= 相對路徑:

當層資料夾直接寫檔名。

倆點表示上層資料夾。

>

type

="text/css"

>h1p

style

>

head

>

內聯必有:type=「text/css」

設定保留字n1和p在 body 中的統一屬性。屬性值

描述type

text/css

規定樣式表的 mime 型別

關鍵字描述

style

指定css 樣式

class

類,引用樣指令碼中的型別變數

id區域性屬性

title

額外資訊

dir文字方向

draggable

可否拖動

accesskey

啟用元素的快捷鍵

tabindex

tab 鍵次序

data-*

儲存頁面或exe檔案的私有資料

關鍵字描述

float

浮動position

靜態固定元素

display

顯示方式

可用值描述background-color

背景色transparent

透明padding

填充margin-left

左邊距margin-right

右邊距inline-block

同行排列[display用]

absolute

指定座標[position用]

例子:

style

="float

:left

">

例子1div

>

//左側跟隨浮動

style

="position

: absolute;

width

:100px

">

例子2div

>

//左側留100寬度待用

style

="display

:inline-block;

margin-left

:50px

">

例子3div

>

//並列div(模組區)

type

="text/css"

>

body

h1h2

pp.no2

style

>

class

="no2"

>

這個段落設定了內邊距。p

>

指令碼的定義

type

="text/css"

>

.test

style

>

class

="test"

>

ssssp

>

.test前面的『點』必須有

type

="text/css"

>

#just

style

>

"just"

>

kjlasdhkjlhp

>

#just的#號必須有

特性:id只能用於1頁,屬於區域性變數。

原創 自用 html2

html標籤對換行和空格不敏感,對巢狀關係敏感。p標籤內換行 內加巢狀換行 在中文字間出現的空格和換行都被壓縮為乙個空格。每乙個標籤都有自己特定是屬性,屬性都有屬性值 屬性名k key 屬性值v value 屬性的寫法 鍵值對 1 屬性書寫在標籤的起始標籤的內部,與標籤名之間用空格隔開,屬性之間也用...

網頁製作技術 學習摘記2 HTML簡介

part 2 html簡介 css cascading style sheets 即層疊樣式表,負責網頁元素的樣式與布局。html由標籤組成,這種形式就是標籤。html標籤主要分兩類,兩邊封閉的以及自封閉的。兩邊封閉的標籤如 等,都是成對出現的,內容寫再前後標籤中間,並且形如,其中第乙個標籤是開始標...

儲存 檔案摘記

問題 unix 下檢視某裝置或socket被誰使用的命令 解答 fuser 問題 unix 誤刪檔案怎麼恢復 解答 使用工具 extundelete 操作參考 問題 調整儲存分割槽 inode 數量的方法 解答 inode 的調整需要重新格式化磁碟,請確保資料已經得到有效備份後再進行下述操作。思路是...