HTML網頁小例子

去底部 去指定位置

這是我的個人博客

東風破

周杰倫
一盞離愁 孤單佇立在窗口
我在門後 假裝你人還沒走
舊地如重遊 月圓更寂寞
夜半清醒的燭火 不忍苛責我
一壺漂泊 浪跡天涯難入喉
你走之後 酒暖回憶思念瘦
水向東流 時間怎麼偷
花開就一次成熟 我卻錯過
誰在用琵琶彈奏 一曲東風破
歲月在牆上剝落 看見小時候
猶記得那年我們都還很年幼
而如今琴聲幽幽 我的等候你沒聽過
在這裏插入圖片描述
誰在用琵琶彈奏 一曲東風破
楓葉將故事染色 結局我看透
籬笆外的古道我牽着你走過
荒煙漫草的年頭 就連分手都很沉默
一壺漂泊 浪跡天涯難入喉
你走之後 酒暖回憶思念瘦
水向東流 時間怎麼偷
花開就一次成熟 我卻錯過
誰在用琵琶彈奏 一曲東風破
歲月在牆上剝落 看見小時候
猶記得那年我們都還很年幼
而如今琴聲幽幽 我的等候你沒聽過
誰在用琵琶彈奏 一曲東風破
楓葉將故事染色 結局我看透
籬笆外的古道我牽着你走過
荒煙漫草的年頭 就連分手都很沉默
在這裏插入圖片描述
誰在用琵琶彈奏 一曲東風破
歲月在牆上剝落 看見小時候
猶記得那年我們都還很年幼
而如今琴聲幽幽 我的等候你沒聽過
誰在用琵琶彈奏 一曲東風破
楓葉將故事染色 結局我看透
籬笆外的古道我牽着你走過
荒煙漫草的年頭 就連分手都很沉默
友情鏈接:A網站 | B網站 | C網站

回到頂部 | 聯繫我們
網頁源代碼:

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>練習</title>
	</head>
	<body>
		<center>
			<!-- 
				跳轉到id爲bottom的元素所在的位置
				直接在href中寫 #id屬性值
			-->
			<a href="#bottom">去底部</a>
			<a href="#hello">去指定位置</a>
			<h1>這是我的個人博客</h1>
			<hr />
			<h2>東風破</h2>
			<!-- 創建超鏈接時,如果地址不確定可以直接寫一個#作爲佔位符 -->
			<a href="#">周杰倫</a>
			
			<p id="hello">
				一盞離愁 孤單佇立在窗口 <br />
				我在門後 假裝你人還沒走 <br />
				舊地如重遊 月圓更寂寞 <br /> 
				夜半清醒的燭火 不忍苛責我 <br />
				一壺漂泊 浪跡天涯難入喉 <br />
				你走之後 酒暖回憶思念瘦<br />
				水向東流 時間怎麼偷<br />
				花開就一次成熟 我卻錯過<br />
				誰在用琵琶彈奏 一曲東風破<br />
				歲月在牆上剝落 看見小時候<br />
				猶記得那年我們都還很年幼<br />
				而如今琴聲幽幽 我的等候你沒聽過<br />
				<img src="1.jpg" alt="圖片" width="300px" /> <br />
				誰在用琵琶彈奏 一曲東風破<br />
				楓葉將故事染色 結局我看透<br />
				籬笆外的古道我牽着你走過<br />
				荒煙漫草的年頭 就連分手都很沉默<br />
				一壺漂泊 浪跡天涯難入喉<br />
				你走之後 酒暖回憶思念瘦<br />
				水向東流 時間怎麼偷<br />
				花開就一次成熟 我卻錯過<br />
				誰在用琵琶彈奏 一曲東風破<br />
				歲月在牆上剝落 看見小時候<br />
				猶記得那年我們都還很年幼<br />
				而如今琴聲幽幽 我的等候你沒聽過<br />
				誰在用琵琶彈奏 一曲東風破<br />
				楓葉將故事染色 結局我看透<br />
				籬笆外的古道我牽着你走過<br />
				荒煙漫草的年頭 就連分手都很沉默<br />
				<img src="2.jpg" alt="圖片2" width="300px" /> <br />
				誰在用琵琶彈奏 一曲東風破<br />
				歲月在牆上剝落 看見小時候<br />
				猶記得那年我們都還很年幼<br />
				而如今琴聲幽幽 我的等候你沒聽過<br />
				誰在用琵琶彈奏 一曲東風破<br />
				楓葉將故事染色 結局我看透<br />
				籬笆外的古道我牽着你走過<br />
				荒煙漫草的年頭 就連分手都很沉默<br />
			</p>
			
			<hr />
			
			友情鏈接:<a href="#">A網站</a> | <a href="#">B網站</a> | <a href="#">C網站</a> <br /><br />
			
			<!-- 
				如果將鏈接地址設置爲#,則點擊超鏈接以後,會自動跳轉到當前頁面的頂部
				
				html中有一個屬性,每一個元素都可以設置,該屬性可以作爲標籤的唯一標識
				這個屬性就是id,id屬性在同一個頁面中只能有一個不能重複
			-->
				<a id="bottom" href="#">回到頂部</a> | 
				
				<!-- 
					發送電子郵件的超鏈接,點擊鏈接以後可以自動打開計算機中默認的郵件客戶端
					href="mailto:郵件地址"
					
					當點擊這個超鏈接時,會默認打開計算機的默認電子郵件客戶端,並且將收件人設置mailto後的郵件地址
				-->
				
				<a href="mailto:[email protected]">聯繫我們</a>
		</center>
	</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章