祝賀大家又創(chuàng)造出一份完美的牛年祝福,并且操作 HTML 代碼如此自如,也祝愿大家在新的一年里生活工作順利,步步高升!
HTML 牛年代碼分享
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>牛年代碼</title> </head> <body> <header> <h1>2021牛年快樂!</h1> </header> <nav> <ul> <li><a href="#photo">牛年照片</a></li> <li><a href="#video">牛年視頻</a></li> <li><a href="#article">牛年文章</a></li> </ul> </nav> <section id="photo"> <h2>牛年照片</h2> <article> <figure> <img src="niu.jpg" alt="牛年"> <figcaption>2021年,牛年到來</figcaption> </figure> </article> </section> <section id="video"> <h2>牛年視頻</h2> <article> <video controls> <source src="niu.mp4" type="video/mp4"> </video> </article> </section> <section id="article"> <h2>牛年文章</h2> <article> <h3>新春祝福</h3> <p>愿你在新年里,事業(yè)有成,幸福美滿,身體健康,家庭美滿,一切順利!</p> <h3>過年了</h3> <p>過年啦,喜提紅包,錢包嘚瑟,胃口開花,聽爸媽嘮叨,嘴角揚(yáng)起,故人相聚,除夕惴惴,直到放炮</p> </article> </section> <footer> <p>CopyRight?2021 牛年&拝社</p> </footer> </body> </html>
我們可以看到,這是一個(gè) HTML5 的代碼。該網(wǎng)頁(yè)包含了一個(gè)頁(yè)面頭部,在 NavBar 中列舉了三個(gè)頁(yè)面部分:牛年照片,牛年視頻和牛年文章。每個(gè)頁(yè)面部分都包括了一個(gè) $