HTML標簽（上）

寫在前面
- - HTML語法規范
  - HTML基本結構標簽
  - 開發工具
  - HTML常用標簽（重點）
  - HTML注釋和特殊字符
  - 綜合案例-劍網三七夕賀曲

寫在前面

根據b站大學黑馬程式員pink老師前端入門教程，零基礎必看的h5(html5)+css3+web前端視頻教程學習html5+css3學習的程序記錄~
今天5.4，繼續奮斗，永遠為熱愛而燃燒！
（tips:一開始仍然用記事本寫，格式里面可以改大小和字體

HTML語法規范

1.所有標簽必須包含在尖括號里 < h t m l > <html> <html>
2.幾乎所有標簽成對出現–開始標簽&結束標簽，唯一的不同是結束標簽前面有斜杠/: < h t m l > < / h t m l > <html></html> <html></html>
3.有特殊的單標簽，非常少，eg: < b r / > <br /> <br/>
4.標簽關系有包含關系和并列關系

conclusion:
<html> 
      <head>
	      <title></title>
	  </head>
      <body></body>
</html>

<br />

HTML基本結構標簽

結構標簽=骨架標簽
HTML頁面=HTML檔案
< h t m l > < / h t m l > <html></html> <html></html>：HTML標簽，根標簽
< h e a d > < / h e a d > <head></head> <head></head>：檔案頭部，head標簽中必須設定title
< t i t l e > < / t i t l e > <title></title> <title></title>：檔案標題
< b o d y > < / b o d y > <body></body> <body></body>：檔案主體

<html> 
      <head>
	      <title>落筆應風雨</title>
      </head>
      <body>
	      小舟從此逝，江海寄余生，
      </body>
</html>

開發工具

有很多~這里使用VSCode
記得安裝這個插件

<!DOCTYPE html><!--檔案型別宣告，告訴瀏覽器使用HTML5顯示網頁-->
<!--寫在最前面，它不是HTML標簽，只是一個檔案型別宣告標簽-->
<html lang="zh-CN"><!--語言種類-->
<!--有en & zh-CN ....分別為英文和中文-->
<head>
    <meta charset="UTF-8">
    <!--字符集，在head標簽內，可以通過meta標簽的charset屬性規定html檔案使用哪種字符編碼-->
    <!--UTF-8是萬國碼-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>春水積木</title>
</head>
<body>
    欲把春水留在你的眼角，驚破了華韶,這一花一草是你眉心撩撩過的信條
</body>
</html>

HTML常用標簽（重點）

1.語意標簽
2.標題標簽 < h 1 > < / h 1 > ? ? > < h 6 > < / h 6 > <h1></h1>--><h6></h6> <h1></h1>??><h6></h6>

	<h1>標題標簽</h1>
    <h1>標題一共六級選</h1>
    <h2>文字加粗一行顯</h2>
    <h3>由大到小依次減</h3>
    <h4>從重到輕隨之變</h4>
    <h5>語法規范書寫后</h5>
    <h6>具體效果重繪見</h6>

3.段落和換行標簽 (important)
段落： < p > < / p > <p></p> <p></p>paragraph
強制換行 < b r / > o r < b r > <br /> or <br> <br/>or<br>break

<p>五四青年節源于中國1919年反帝愛國的“五四運動”，五四愛國運動是一次徹底的反對帝國主義和封建主義的愛國運動，也是中國新民主主義革命的開始，<br />1939年，陜甘寧邊區西北青年救國聯合會規定5月4日為中國青年節，</p>
<p>青年節期間，中國各地都要舉行豐富多彩的紀念活動，青年們還要集中進行各種社會志愿和社會實踐活動，還有許多地方在青年節期間舉行成人儀式，</p>
<!--段落和段落之間空一行，換行不會空行-->

4.文本格式化標簽
前面是推薦使用的，語意更強烈

語意	標簽
加粗	< s t r o n g > < / s t r o n g > o r < b > < / b > <strong></strong> or <b></b> <strong></strong>or<b></b>
傾斜	< e m > < / e m > o r < i > < / i > <em></em> or <i></i> <em></em>or<i></i>
洗掉線	< d e l > < / d e l > o r < s > < / s > <del></del> or <s></s> <del></del>or<s></s>
下劃線	< i n s > < / i n s > o r < u > < / u > <ins></ins> or <u></u> <ins></ins>or<u></u>

	我是一個<strong>加粗</strong>的詞語<br /> 我是一個
    <b>加粗</b>的詞語<br /> 我是一個
    <em>傾斜</em>的詞語<br /> 我是一個
    <i>傾斜</i>的詞語<br /> 我是一個
    <del>有洗掉線</del>的詞語<br /> 我是一個
    <s>有洗掉線</s>的詞語<br /> 我是一個
    <ins>有下劃線</ins>的詞語<br /> 我是一個
    <u>有下劃線</u>的詞語<br />

5. < d i v > < s p a n > <div> <span> <div><span>標簽
二者沒有語意，是普通盒子用來裝內容，用來布局網頁，
div->division 用來布局，但是一行只能放一個div，是一個大盒子，是行
span->跨度、跨距，是小盒子，是列

	<div>一行只能放一個</div>123123
    <div>這里在下一行了，并且沒有空一行，和段落不同</div>123
    <span>這相當于列</span>
    <span>你看沒有換行</span><br />

6.影像標簽和路徑 (important)
影像標簽：img，是單標簽
< i m g s c r = " 圖像 U R L " / > <img scr="影像URL"/> <imgscr="圖像URL"/>
scr是img的必須屬性–屬于這個影像標簽的特性，用于指定影像檔案的路徑和檔案名
必須把圖片檔案和網頁檔案放在一起~

	<h4>影像標簽的使用：</h4>
    <img src="橋本環奈.jpg" />
    <h4>alt:替換文本，影像顯示不出來的時候用文字替換：</h4>
    <img src="我老婆.jpg" alt="橋本環奈是我老婆" />
    <h4>title:提示文本，滑鼠放到影像上，提示的文字:</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" />
    <!--這是必須要寫的-->>
    <h4>width:給影像設定寬度：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" width="100" />
    <!--單位是像素-->
    <h4>height:給影像設定高度：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" width="200" height="100" />
    <!--單位是像素-->
    <h4>height:給影像設定高度：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" height="100" />
    <!--寬度高度修改一個就行-->
    <h4>border:給影像設定邊框：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" height="100" border="5" />
    <!--單位是像素-->
    <!--屬性名不分前后，但是要有空格，鍵值對形式-->

路徑：
(1)目錄檔案夾&根目錄
目錄檔案夾：普通檔案夾，存放了我們做頁面需要的相關素材，比如html檔案、圖片
根目錄：打開目錄檔案夾的第一層就是根目錄
(2)相對路徑

	<H4>相對路徑</H4>
    <!--同一級路徑：-->
    <img src="橋本環奈.jpg" />
    <!--下一級路徑：-->
    <img src="images/橋本環奈.jpg" />
    <!--上一級路徑：-->
    <img src="../橋本環奈.jpg" />

(3)絕對路徑，電腦里的具體位置，或者是網上的圖片地址

<h4>絕對路徑</h4>
    <img src="C:\Users\DELL\Desktop\黑馬程式員HTML5+CSS3\HTML第一天\案例\橋本環奈.jpg" /><br />
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201901%2F26%2F20190126180525_tgwmv.thumb.400_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1622723830&t=c3afac29ff0c64bb195680e0cbf9f05e"
    />

7.超鏈接標簽(important)
< a > <a> <a>

<a href="跳轉目標" target="目標視窗的彈出方式">文本或影像</a>

屬性	作用
href	用于指定鏈接目標的url地址（必須屬性）
target	用于指定鏈接頁面的打開方式，其中_self為默認值，當前視窗打開，_blank為在新視窗中打開

鏈接分類：
–外部鏈接

<a href="http://www.qq.com" target="_blank">騰訊</a>

–內部鏈接
直接鏈接內部頁面名稱即可

	<h4>2.內部鏈接</h4>
    <a href="03-vscode創建頁面.html" target="_blank">crh的第一個頁面</a>
    <!--這是同一級檔案，所以直接寫名字就行啦-->

–空鏈接
沒有確定目標時使用

    <h4>3.空鏈接</h4>
    <a href="#" target="_blank">空鏈接</a>

–下載鏈接
href里面的地址時一個檔案或者壓縮包，可以下載

	<h4>4.下載鏈接，.exe或者.zip等壓縮包形式</h4>
    <a href="橋本環奈.zip">下載鏈接</a>
    <!--這是同一級檔案，所以直接寫名字就行啦-->

–網頁元素鏈接
文本影像表格音頻視頻都可以添加超鏈接

	<h4>5.網頁元素的鏈接</h4>
    <a href="http://www.baidu.com" target="_blank"><img src="橋本環奈.jpg"></a>

–錨點鏈接
點擊鏈接可以快速定位網頁中某個位置
·連接文本：herf="#名字"，這是一個特殊的id
·找到目標位置標簽，里面添加一個id屬性=名字

 <h4>6.錨點標簽</h4>
    <a href="#錨點鏈接">
        <h3>標題標簽</h3>
    </a>
    <h4>錨點標簽回到頂部</h4>
    <a href="#top">回到頂部</a>

HTML注釋和特殊字符

1.注釋
ctrl+/添加取消注釋
2.特殊字符

主要記住 &nbsp &lt &gt
總結~

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1 id="錨點鏈接">標題標簽</h1>
    <h1>標題一共六級選</h1>
    <h2>文字加粗一行顯</h2>
    <h3>由大到小依次減</h3>
    <h4>從重到輕隨之變</h4>
    <h5>語法規范書寫后</h5>
    <h6>具體效果重繪見</h6>
    <p>五四青年節源于中國1919年反帝愛國的“五四運動”，五四愛國運動是一次徹底的反對帝國主義和封建主義的愛國運動，也是中國新民主主義革命的開始，<br />1939年，陜甘寧邊區西北青年救國聯合會規定5月4日為中國青年節，</p>
    <p>青年節期間，中國各地都要舉行豐富多彩的紀念活動，青年們還要集中進行各種社會志愿和社會實踐活動，還有許多地方在青年節期間舉行成人儀式，</p>
    <!--段落和段落之間空一行，換行不會空行-->
    我是一個<strong>加粗</strong>的詞語<br /> 我是一個
    <b>加粗</b>的詞語<br /> 我是一個
    <em>傾斜</em>的詞語<br /> 我是一個
    <i>傾斜</i>的詞語<br /> 我是一個
    <del>有洗掉線</del>的詞語<br /> 我是一個
    <s>有洗掉線</s>的詞語<br /> 我是一個
    <ins>有下劃線</ins>的詞語<br /> 我是一個
    <u>有下劃線</u>的詞語<br />
    <div>一行只能放一個</div>123123
    <div>這里在下一行了，并且沒有空一行，和段落不同</div>123
    <span>這相當于列</span>
    <span>你看沒有換行</span><br />
    <br />
    <h4>影像標簽的使用：</h4>
    <img src="橋本環奈.jpg" />
    <h4>alt:替換文本，影像顯示不出來的時候用文字替換：</h4>
    <img src="我老婆.jpg" alt="橋本環奈是我老婆" />
    <h4>title:提示文本，滑鼠放到影像上，提示的文字:</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" />
    <!--這是必須要寫的-->>
    <h4>width:給影像設定寬度：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" width="100" />
    <!--單位是像素-->
    <h4>height:給影像設定高度：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" width="200" height="100" />
    <!--單位是像素-->
    <h4>height:給影像設定高度：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" height="100" />
    <!--寬度高度修改一個就行-->
    <h4>border:給影像設定邊框：</h4>
    <img src="橋本環奈.jpg" alt="橋本環奈是我老婆" title="橋本環奈是我老婆" height="100" border="5" />
    <!--單位是像素-->
    <!--屬性名不分前后，但是要有空格，鍵值對形式-->
    <H4>相對路徑</H4>
    <!--同一級路徑：-->
    <img src="橋本環奈.jpg" />
    <!--下一級路徑：-->
    <img src="images/橋本環奈.jpg" />
    <!--上一級路徑：-->
    <img src="../橋本環奈.jpg" />
    <h4>絕對路徑</h4>
    <img src="C:\Users\DELL\Desktop\黑馬程式員HTML5+CSS3\HTML第一天\案例\橋本環奈.jpg" /><br />
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201901%2F26%2F20190126180525_tgwmv.thumb.400_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1622723830&t=c3afac29ff0c64bb195680e0cbf9f05e"
    />
    <h4>1.外部鏈接</h4>
    <a href="http://www.qq.com" target="_blank">騰訊</a>
    <h4>2.內部鏈接</h4>
    <a href="03-vscode創建頁面.html" target="_blank">crh的第一個頁面</a>
    <!--這是同一級檔案，所以直接寫名字就行啦-->
    <h4>3.空鏈接</h4>
    <a href="#" target="_blank">空鏈接</a>
    <h4>4.下載鏈接，.exe或者.zip等壓縮包形式</h4>
    <a href="橋本環奈.zip">下載鏈接</a>
    <!--這是同一級檔案，所以直接寫名字就行啦-->
    <h4>5.網頁元素的鏈接</h4>
    <a href="http://www.baidu.com" target="_blank"><img src="橋本環奈.jpg"></a>
    <h4>6.錨點標簽</h4>
    <a href="#錨點鏈接">
        <h3>標題標簽</h3>
    </a>
    <h4>錨點標簽回到頂部</h4>
    <a href="#top">回到頂部</a>
</body>

</html>

綜合案例-劍網三七夕賀曲

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>良辰佳景共渡江湖</title>
</head>

<body>
    <h2>劍網三七夕賀曲</h2>
    <a href="#良辰佳景">
        <h3>1.良辰佳景</h3>
    </a>
    <a href="#共渡江湖">
        <h3>2.共渡江湖</h3>
    </a>
    <h3>劍網三</h3>
    <img src="images/劍網三.png" alt="劍網三" title="劍網三" />
    <p>《劍俠情緣網路版叁》（簡稱《劍網3》）是由是由金山軟體公司西山居作業室開發的一款3D武俠MMORPG（大型多人在線角色扮演）電腦客戶端國產游戲，于2009年8月28日正式開啟公測，</p>
    <p>《劍網3》憑借地形植被渲染技術、場景光影特效和SpeedTree等引擎特效來展現中國傳統武俠世界，將詩詞、歌舞、絲綢、古琴、飲酒文化、茶藝、音樂等多種具有中國傳統文化特色的元素融入到游戲中，展現給玩家一個氣勢恢弘、壯麗華美的大唐世界，同時，《劍網3》通過物理引擎打造的ACT新輕功玩法，為玩家帶來新的游戲體驗，</p>
    <a href="https://baike.baidu.com/item/%E5%89%91%E4%BE%A0%E6%83%85%E7%BC%98%E7%BD%91%E7%BB%9C%E7%89%88%E5%8F%81?fromtitle=%E5%89%91%E7%BD%91%E4%B8%89&fromid=23562159" target="_blank">查看更多</a>
    <br/><br/>
    <a href="良辰佳景.html" target="_blank">
        <h3 id="良辰佳景">良辰佳景</h3>
    </a>
    <em>點擊圖片試聽<br/></em>
    <a href="https://y.qq.com/portal/song/003X5abf35GLbk.html" target="_blank"><img src="images/良辰佳景.jpg" alt="良辰佳景" title="點擊圖片試聽良辰佳景" /></a>
    <p>
        作詞 : 黃然<br/> 作曲 : 伍昊予<br/> 原曲:《胭脂香
        <br/> 策劃:青卿
        <br/> 作詞:魅靈
        <br/> 后期:絲竹
        <br/> 海報/題字:斬嘲風
        <br/> Pv:栗原
        <br/>
        <div>
            <p>
                <strong>【原翻staff】:</strong> <br/>五毒—青卿&nbsp&nbsp唐門—流浪的蛙蛙<br/> 萬花—瑩醬&nbsp&nbsp純陽—寶玉<br/> 明教—Momo半夏&nbsp&nbsp丐幫—5ive_years<br/> 七秀—千舞櫻落&nbsp&nbsp少林—布丁<br/> 長歌—寶物&nbsp&nbsp蒼云—莫辭<br/> 藏劍—池年&nbsp&nbsp天策—五音Jw <br/></p>
            <p>
                <em>【cv】:</em> <br/>七秀—朔小兔 少林—郭病號 <br/>五毒—風清云 唐門—淡狩觴 <br/>萬花—云煙若紗 純陽—各種布丁<br/> 藏劍—白鴉此去 天策—雨肖<br/> 明教—浮夢若薇 丐幫——北辰<br/> 長歌—萋萋女王 蒼云—秦且歌 </p>
        </div>
        <p>
            【萬花】半樂城 <br/>蕙長墜雪下案頭 花浪動新甌 <br/>袖藏心意一二字 熏風添濃稠<br/> 【純陽】阿三 <br/>放劍拾筆應卷首 情深亦如舊 <br/>白鶴成雙穿云岫 紫擺牽清袖 <br/>【藏劍】喑言<br/> 日落西山折垂柳 搖槳泛小舟 <br/>春送一池花如雨 俯身掬一抔 <br/>【天策】kaya <br/>征雁歸來矯羽收 不作別離久 <br/>刀影星芒埋汀洲 同看煙波皺 <br/>【七秀】子顧夢清 <br/>青燈古階卷幕透 <br/>三千紅塵耳邊叩<br/>            【少林】十二<br/> 霓霞瑞色疊影厚 不辨春與秋 <br/>【少林+七秀】<br/> 難逢眼前知心人 難守年年歲悠悠 <br/>當此良辰共佳景 須臾亦長久<br/>
            <strong><em> 【cv萬花】：不貳月 我生于萬花，長于萬花，見過晴晝花浪似海，卻從未見過雪，你什么時候能帶我去看看坐忘峰的飛雪呀？<br/>
            【cv純陽】：葉塵 但憑你意， <br/>【cv天策】：kaya 兵戈鐵馬非我所愿，我始終希望有朝一日，天下大定，我可卸甲歸田，時時陪你共游，<br/> 【cv藏劍】：半樂城 無妨，此刻，你我便是良辰美景，花好月圓，<br/></em></strong> 【五毒】席途
            <br/> 橫笛吹鳥囀鶯啼 葉落撥千機 <br/>赤足踏歌乘彩羽 月小枝頭倚 <br/>【唐門】瓜皮<br/> 通竅奇門曉五行 也自得靈犀 <br/>竹間山泉映清光 折瀲滟一縷 <br/>【丐幫】六魚<br/> 抱壇豪飲吞日月 醉夢無朝夕
            <br/> 拍岸碧濤震八野 三生一壺里 【明教】魚膽 <br/>大漠風沙狂煙起 蓮燈逐潮汐<br/> 弦月半掩沉眼底 激千層漣漪 <br/>【長歌】十四 <br/>引杯下筷詩半句 另半慵眼待來續 <br/>【蒼云】半半 <br/>疑入蓬島華筵中 樽前聞仙曲 <br/>【蒼云+長歌】<br/> 難逢眼前知心人 難守年年歲悠悠 <br/>當此良辰共佳景 須臾亦長久 <br/>【全體合】 <br/>或披甲馳騁千里 或出世不避風雨 <br/>或仗青鋒拔云梯 或懸壺以濟<br/> 難逢眼前知心人
            難守年年歲悠悠
            <br/> 當此良辰共佳景 須臾亦長久<br/>
            <strong><em>【cv少林】：葉塵貧僧愚鈍，不解施主之意， <br/>【cv七秀】：不貳月 你啊，總是避著我，那你告訴我，為何連耳根子都紅了，<br/> 【cv五毒】：九白 中原人，本姑娘的呱太很喜歡你， <br/>【cv唐門】：葉塵 那你呢？你喜歡我嗎，
            <br/> 【cv丐幫】：kaya 行走江湖，有酒，有你，便已足夠，<br/> 【cv明教】：半樂城 呵，在三生樹下說過的話，可不能不算數哦，<br/> 【cv蒼云】：韋唯諾諾 此身愿為你之盾，護你一世安好，<br/> 【cv長歌】：九白 那我便為你撫曲，如何，</em></strong> </p>


        <a href="共渡江湖.html" target="_blank">
            <h3 id="共渡江湖">共渡江湖</h3>
        </a>
        <em>點擊圖片試聽<br/></em>
        <a href="http://5sing.kugou.com/fm/m/" target="_blank"> <img src="images/共渡江湖.jpg" alt="共渡江湖" title="點擊圖片試聽共渡江湖" /></a>
        <p>
            <strong><em>《共渡江湖》是冬子演唱的歌曲，由皮喲皮喲皮作詞，漫夜星作曲，收錄于《共渡江湖》專輯中，</em></strong></p>
        <p>
            萬花-許多葵： 桃源聽風 拂散白發間飛雪<br/> 純陽-Braska： 憑虛凌空 放劍取春枝華葉<br/> 萬花-許多葵： 箋末頓筆 折袖綴新墨一點 <br/>萬花/純陽： 花落聲 又驚起心事瀲滟 <br/>天策-海疼： 策馬匆匆 卸一身崢嶸掀雨幕一簾<br/> 藏劍-執素兮： 斷橋迎遠歸故人 二三梅瓣繪傘面 <br/>天策-海疼： 雙騎漫步 青山間 <br/>藏劍-執素兮： 身后九溪霧綿延 <br/>天策/藏劍：回首脈脈相對 陷于此深淵 <br/>少林-舊是舊人： 青燈之下塵埃片片<br/>            七秀-千月兔： 二十四橋衣袂正蹁躚 <br/>少林/七秀： 相隔天涯漫漫望長夜 仍可共嬋娟 <br/>少林-舊是舊人： 闔目輕誦佛經一篇篇 <br/>七秀-千月兔： 一舞四方拜眼前 <br/>少林/七秀： 共渡陰晴圓缺 只待再見 <br/>唐門-蛙蛙： 乘風而來 樹屋升螢光點點 <br/>五毒-蘭芽： 笛聲忽停 驚鴻掠影入雙眼 <br/>唐門-蛙蛙： 清光相擁 蝴蝶撲翅落指尖<br/> 唐門/五毒： 隔萬山 也難阻 歸心似箭 <br/>明教-冥月： 駝鈴輕響關外寒星冽 細沙吹滿面
            <br/> 丐幫-阿睿： 竹排蕩幾層波瀾 開壇遙對月下眠 <br/>明教-冥月： 燈火闌珊 相逢處<br/> 丐幫-阿睿： 一樹桃花映連天<br/> 明教/丐幫： 攜得酒意醺然 赴酣夢三千<br/> 長歌-IRiS七葉： 淺袖起落 春水按弦<br/> 蒼云-冬子： 千鈞玄甲 愿為遮風雪 <br/>長歌/蒼云： 合聽宮商飛揚曲悠悠 撥雁門狼煙 <br/>霸刀-漆柚： 推窗晴空萬里雕盤旋<br/> 蓬萊-小千： 踏波收傘如謫仙<br/> 霸刀/蓬萊： 一襲暖裘覆于 彼此雙肩 <br/>蓬萊-小千：
            坐觀海浪濤濤 逍遙世間</p>
        <a href="#top">回到頂部</a>
</body>

</html>

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/283190.html

標籤：其他

上一篇：【程式人生】當代程式員的悲慘世界

下一篇：八下期中總結