HTML5作為最新一代的HTML標準,為我們帶來了更多的優勢和便捷性,尤其是在畢業設計中的應用,更能發揮其優勢。下面我將和大家分享我的畢業設計-一個在線寫詩平臺。
首先,我們來看一下HTML5的新特性中最常用的幾個標簽:
<header>...</header> # 定義頁面或區域的頭部 <nav>...</nav> # 定義導航鏈接的容器 <section>...</section> # 定義文檔中的節 <article>...</article> # 定義一個文章、一頁、獨立的段落 <aside>...</aside> # 定義一個與文檔無關的內容 <footer>...</footer> # 定義頁面或區域的底部
接下來,我們來看一下我這個在線寫詩平臺的主要功能及對應的HTML5代碼:
<header> <h1>在線寫詩平臺</h1> <nav> <ul> <li><a href="#home">首頁</a></li> <li><a href="#poem">詩歌庫</a></li> <li><a href="#about">關于我們</a></li> </ul> </nav> </header> <section> <h2>寫詩題目:</h2> <input type="text" placeholder="請輸入題目"> <br><br> <h2>寫詩內容:</h2> <textarea rows="10" placeholder="請輸入詩歌內容"></textarea> <br><br> <button>提交</button> </section> <article> <h3>飛花令</h3> <p>Q:(請填上oo的字)</p> <p>A:好運 oo 英雄節</p> </article> <aside> <h3>廣告</h3> <img src="advertisement.jpg" alt="廣告圖片"> </aside> <footer> <p>版權所有 ? 2021 在線寫詩平臺 </p> </footer>
以上便是我的畢業設計-一個簡單的在線寫詩平臺。使用HTML5標準,十分方便,功能齊全。有興趣的朋友可以試試。