Html 用於許多標(biāo)記來突出顯示網(wǎng)站，每個標(biāo)記都有自己的功能和 html 預(yù)定義元素的特殊性。 還有一個html標(biāo)籤是用來遮蔽html元素的，用來分隔網(wǎng)頁上使用者內(nèi)容的空間區(qū)域，不受其他html導(dǎo)航網(wǎng)頁的影響。主要用於分隔網(wǎng)頁上的圖像、影片和一些使用者網(wǎng)頁內(nèi)容的空間。它用於大多數(shù)網(wǎng)站，供前端開發(fā)人員識別程式碼問題。

文法：

<figure>
----some presentation codes like image,videos and animations inserted-----
</figure>

上面的程式碼顯示，我們在html文件中使用了figure標(biāo)籤；我們將使用圖像、影片或動畫等；根據(jù)使用者的需求，我們將建立和設(shè)計網(wǎng)頁。

如何使用 HTML 圖形標(biāo)籤？

1. 在HTML 中，figure 標(biāo)籤主要代表對各個html 內(nèi)容的獨(dú)立焦點(diǎn)，它將用於創(chuàng)建網(wǎng)站，並且透過焦點(diǎn)選項（如圖像標(biāo)題）發(fā)揮更大的潛力網(wǎng)站中的內(nèi)容、影片和動畫。這些東西都是有焦點(diǎn)的，是用

2.基於使用者需求和有吸引力的功能的html文件我們使用圖像、視訊等。我們也可以在網(wǎng)頁中使用插圖、圖表、流程圖和一些程式碼片段；它還被html 文件的主要應(yīng)用流程引用，它將移動到網(wǎng)頁中文件的另一部分，如索引、附錄等，而不影響html導(dǎo)航的主要流程。在figcaption選項中，該元素將用於插入父子關(guān)係中的節(jié)點(diǎn)；節(jié)點(diǎn)也使用文件的第一個和最後一個子節(jié)點(diǎn)進(jìn)行插入。

3. 此元素旨在與所有文件區(qū)域使用標(biāo)記的所有連詞一起使用，html 內(nèi)容不受文件主要流程的影響。 html 流程內(nèi)容的位置獨(dú)立於 html 主流程。 標(biāo)籤將接受 html 文件的一些特定屬性以及 html 元素的預(yù)設(shè)行為。諸如“accesskey、c??lass、contenteditable、contextmenu、dir、draggable、dropzone、hidden、id、itemid、itemprop、itemref、itemscope、itemtype、lang、拼字檢查、樣式、tabindex、title、translate”之類的屬性，這些屬性的行為會有所不同，當(dāng)每個在figure標(biāo)籤內(nèi)的html文件中使用的屬性。

4.figure 標(biāo)籤也將用於內(nèi)容屬性的事件處理機(jī)制；它接受特定事件處理程序的特定屬性。特定屬性和事件處理程序的名稱將相同。最常用的是 html 元素功能及其特性的範(fàn)圍。使用特定的事件屬性內(nèi)容，它告訴使用者瀏覽器執(zhí)行特定的腳本，例如JavaScript。一般來說，JavaScript 需要插入雙引號內(nèi)。

5.我們使用了

6. 如果假設(shè)我們使用橫幅廣告人物標(biāo)籤之類的圖像在這種情況下沒有幫助，我們可以使用 ;標(biāo)籤作為 html 中預(yù)定義標(biāo)籤元素的替代來源。通常，

實作 HTML 圖標(biāo)記的範(fàn)例

以下是 HTML 圖形標(biāo)籤的範(fàn)例：

範(fàn)例#1

代碼：

<figure>
<img src="/static/imghw/default1.png" data-src="TEst.jpg" class="lazy" alt="HTML 圖形標(biāo)籤"   style="max-width:90%">
</figure>

輸出：

Example #2

Code:

<figure>
<img src="/static/imghw/default1.png" data-src="TEst.jpg" class="lazy" alt="HTML 圖形標(biāo)籤"   style="max-width:90%">
<figcaption>Welcoe To My Domain <a href="https://pixabay.com/images/search/nature/">Welcome User</a></figcaption>
</figure>

Output:

Example #3

Code:

<figure>
<img src="/static/imghw/default1.png" data-src="TEst.jpg" class="lazy" alt="HTML 圖形標(biāo)籤"   style="max-width:90%">
<img src="/static/imghw/default1.png" data-src="Test1.jpg" class="lazy" alt="HTML 圖形標(biāo)籤"   style="max-width:90%">
<img src="/static/imghw/default1.png" data-src="Test2.jpg" class="lazy" alt="HTML 圖形標(biāo)籤"   style="max-width:90%">
<figcaption><marquee>Welcome To My Domain</marquee></figcaption>
<button type="buttton" onclick="alert('Good Day')">Welcome User</button>
</figure>

Output:

The above examples will see the figure tag usage of the html web pages in the different ways we can see the first example is normally the figure tag element is used in the html body with some fixed-width length it will show the output as fixed-format of images second example same as first, but additionally multiple img tags are used with their attributes. The final example we use with the additional alert menu when we click the button is fully undercover the user impressive methodology but based on the user requirements, we can add the additional feature whomever we use our web page frequently for the business impacts. Not only javascript, we can use some other front end scripts; also, it will support the javascript libraries like jqueries, Reactjs, etc.

Conclusion

We can use most of the html tags on the web page for user impressive and attractive mode of the business. Even though we have many possibilities in the

Recommended Article

This is a guide to HTML figure Tag. Here we discuss the Introduction to HTML figure Tag and its Examples along with Code Implementation and Output. you can also go through our suggested articles to learn more –

1. Span Tag in HTML
2. SUP Tag in HTML
3. div Tag in HTML
4. Canvas Tag in HTML

以上是HTML 圖形標(biāo)籤的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！