1. 程式人生 > >古詩(用·HTML寫)

古詩(用·HTML寫)

原始碼:

<!DOCTYPE html>
<html >

<head>
	<meta charset="UTF-8">
	<title>古詩</title>
	
</head>

<body>
<center>
	<div class="go">
	<a title="返回底部" class="bottom" href="#gobottom">返回底部</a>
	<a href="#top">去指定位置</a>
	<h1>千古絕句</h1>
	<h2>《赤壁懷古》</h2>
	<a href="https://www.sogou.com/tx?query=%E8%8B%8F%E8%BD%BC&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">蘇軾</a>
	<p>
		大江東去,浪淘盡。<br>
		<a name="top"></a>
		千古東流人物。<br>
		故壘西邊,人道是,<br>
		三國周郎赤壁。<br>
		亂石穿空,驚濤拍岸,<br>
		捲起千堆雪。<br>
		<img src="img/3.jpg" alt="蘇軾" style="width: 200px;height: 200px;">
		<br>
		江上如畫,<br>
		一時多少豪傑。<br>
		遙想公瑾當年,<br。<br>
		羽扇綸巾,談笑間,<br>
		檣櫓灰飛煙滅。<br>
		故國神遊,<br>
		多情應笑我,早生華髮。<br>
		人生如夢,一尊還酹江月。<br>
		明月幾時有?<br>
		把酒問青天。<br>
		不知天上宮闕,<br>
		今夕是何年。<br>
		我欲乘風歸去,<br>
		又恐瓊樓玉宇,<br>
		<img src="img/4.jpg" alt="景物" style="width:200px;height:200px;">
		<br>
		高處不勝寒。<br>
		起舞弄清影,<br>
		何似在人間?<br>
		轉朱閣,低綺戶,
		照無眠。<br>
		不應有恨,<br>
		何事長向別時圓?<br>
		人有悲歡離合,<br>
		月有陰晴圓缺,<br>
		此事古難全。<br>
		但願人長久,<br>
		千里共嬋娟。<br>

		<hr>
		<p>友情連結:<a href="https://www.sogou.com/tx?query=%E8%8B%8F%E8%BD%BC&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">蘇軾</a> | <a href="https://www.sogou.com/tx?query=%E7%99%BD%E5%B1%85%E6%98%93&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">白居易</a>
		| <a href="https://www.sogou.com/tx?query=%E6%9D%8E%E6%B8%85%E7%85%A7&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">李清照</a>
		</p>

	</p>
		
	<a title="返回頂部" class="top" href="#gotop">返回頂部</a>
</center>	
</body>


</html>

作圖效果:

在這裡插入圖片描述
在這裡插入圖片描述