用作測試的頁面

Promotion Pop-up

Pinned Article Title

全新的你

2025五年級西貢教育營

我想了解更多

Pinned Article Title with 3s Animation

全新的你

2025五年級西貢教育營

我想了解更多

Responsive Layout

我的大同生活點滴

我們希望鼓勵每位學生勇敢面對困難，尋找自我成長的機會。

來看看最新的短片、相片、歌曲、文章和媒體報道。

看看近期的活動 >

A small image is displayed beside text with a margin, and the text contains a hyperlink

香港小學習字表 - 根據官方指引設計

 本程式根據教育局《香港小學學習字詞表》指引設計，有效幫助小學生認識中文字的正確筆順。

Pop-up Box Example

彈出框範例 我想了解更多

Colored Box

Colored Box Example

其他資訊

如想獲知許大同學校各項年度活動。請點擊「我想了解更多」。

Banner Container

Horizontal Image Gallery

Video Container

Multiple Videos Side by Side
全校造星大舞台：

現代舞

全校造星大舞台：

爵士鼓合奏

四年級梅窩

大自然體驗營

小一百日宴

(小學生活點滴)

全校造星大舞台：

舞蹈表演

全校造星大舞台：

爵士鼓演奏

Gallery Container

To set an image as a cover in HTML

Image Cover Example

To create "Previous" and "Next" buttons in HTML

To create a tabbed view using HTML and CSS

Content for Tab 1

This is the content for the first tab.

Content for Tab 2

This is the content for the second tab.

Content for Tab 3

This is the content for the third tab.

Sharing Button

分享

學校資訊

校長的話