HTML5是一種用于構(gòu)建Web頁面的標(biāo)準(zhǔn)語言，它的強(qiáng)大之處在于可以通過代碼實(shí)現(xiàn)各種復(fù)雜的頁面效果。本文將介紹一種使用HTML5展示古代詩歌和圖片的方法。

首先，我們需要準(zhǔn)備好要展示的古代詩歌和圖片。假設(shè)我們要展示的是《長(zhǎng)恨歌》和一張?zhí)瞥瘜m廷的畫像。我們可以先將詩歌和圖片存放在同一文件夾中，并在HTML文件中使用img標(biāo)簽添加圖片。

<img src="tang-palace.jpg">

上述代碼中，tang-palace.jpg是我們要展示的圖片的文件名。img標(biāo)簽可以用來顯示圖像，通過設(shè)置src屬性指定圖像的URL。在頁面中，圖片會(huì)自動(dòng)調(diào)整大小以適應(yīng)其容器。

接下來，我們需要添加古代詩歌的內(nèi)容。可以使用p標(biāo)簽展示古代詩歌的內(nèi)容，如下所示：

<p>
長(zhǎng)恨憑誰淚？
落日繽紛千樹。
</p>

上述代碼中，我們使用p標(biāo)簽包含長(zhǎng)恨歌的第一句詩句。p標(biāo)簽用于定義段落。在瀏覽器中，每個(gè)p元素將自動(dòng)換行，并在段落前后添加一些空白。

最后，我們需要將圖片和古代詩歌組合在一起。可以使用HTML5中的flexbox實(shí)現(xiàn)頁面排版。我們可以創(chuàng)建一個(gè)包含圖片和古代詩歌的div元素，并為其設(shè)置display:flex。

<div style="display:flex;">
<img src="tang-palace.jpg">
<p>
長(zhǎng)恨憑誰淚？
落日繽紛千樹。
</p>
</div>

上述代碼中，我們使用style屬性為div元素設(shè)置display:flex。display:flex可以讓子元素自動(dòng)排列在一行中，并根據(jù)容器的大小相應(yīng)調(diào)整。此外，我們也可以設(shè)置其他的flex屬性來控制頁面排版。

綜上所述，HTML5提供了豐富的功能來展示信息，如圖片和古代詩歌。通過靈活運(yùn)用HTML5的標(biāo)簽和屬性，我們可以創(chuàng)建各種精美的頁面效果。