HTML5 CSS成品網頁是網頁設計師創造性的產物,是以HTML5和CSS標準構建而成的網站。HTML5是網頁結構的基礎,而CSS則是網頁樣式的基礎。
<!DOCTYPE html> <html> <head> <title>我的成品網頁</title> <link rel="stylesheet" href="style.css"> //鏈接樣式表 </head> <body> <header> <h1>我的成品網頁</h1> <nav> <a href="#">首頁</a> <a href="#">產品</a> <a href="#">服務</a> <a href="#">關于我們</a> <a href="#">聯系我們</a> </nav> </header> <main> <section> <h2>新聞動態</h2> <article> <h3>公司產品出口歐洲市場</h3> <p>公司最新產品成功進入歐洲市場,受到當地消費者的高度評價。</p> </article> <article> <h3>公司舉辦年會</h3> <p>公司年會在上周成功舉辦,獲得了員工和客戶的支持和認可。</p> </article> </section> <aside> <h2>聯系我們</h2> <p>公司地址:XXX省XXX市XXX區XXX路XXX號</p> <p>公司電話:XXX-XXXXXXX</p> </aside> </main> <footer> <p>版權所有 ? 2021 XXX公司</p> </footer> </body> </html>
以上的代碼片段包含了HTML5和CSS兩種語言的元素,其中<link rel="stylesheet" href="style.css">語句鏈接到的是一個名為style.css的CSS樣式表文件。這個樣式表文件包含了所有的網頁樣式定義,如顏色、字體、頁面元素布局等等。