Html5學習筆記 1

2021-10-07 11:37:19 字數 3243 閱讀 6183

1、figure\figcaption||detail\summary||mark學習筆記

效果圖

**為:

>中國南海

figcaption

>

figure

>

<

script

>

function

showorhide(detail)

else

}script

>

<

details

id="detail"

onclick

="showorhide(this)"

>

<

summary

>中國南海

summary

>

<

p id

="p"

><

mark

>中國南海是神聖的.

mark

>

p>

details

>

body

>

html

>

2、progress\meter\indeterminate\image

效果圖

**如下:

doctype html

>

<

html

>

<

head

>

<

title

>

title

>

<

meta

charset

="utf-8"

/>

head

>

<

body

>

<

script

>

function

btn()

}setinterval(thread,

100);

}function

updateprogress(newvalue)

script

>

<

section

>

<

h2>progress元素的使用

h2>

<

p>完成的百分比<

其中indeterminate屬性可以控制checkbox處於選中和非選中之間,在圖中是乙個橫線,image主要展示了width和height屬性,可以控制的寬度和高度.

HTML5學習筆記1

1.參考資料w3c 另外就是mozilla開發者網路 更具有親和力,權威性較差 示例 apress.com 2.空元素 元素的開始和結束標籤之間並非一定要有內容,沒有內容的元素稱為空元素 3.虛元素 有些元素只能使用乙個標籤表示,在其中放置任何內容都不符合html規範.這類元素稱為虛元素.例如 組織...

HTML5簡介 學習筆記1

一 html5簡介 html5的目標是為了能夠建立更簡單的web程式,書寫出更簡潔的html 使web應用程式的開發變得更容易。html5的出現,對於web來說意義是非常重大的,它的意圖是想要把目前web上存在的各種問題一併解決掉。存在的問題有如下 web瀏覽器之間的相容性很低 文件結構不夠明確,例...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...