HTML5求職網頁例題代碼
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>求職網頁<style>body {
background-color: #f2f2f2;
}
header {
background-color: #3399ff;
color: white;
text-align: center;
padding: 5px;
}
nav {
float: left;
width: 30%;
height: 300px;
background: #bbb;
padding: 20px;
}
nav ul {
list-style-type: none;
padding: 0;
}
article {
float: left;
padding: 20px;
width: 70%;
background-color: #f2f2f2;
height: 300px;
}
section:after {
content: "";
display: table;
clear: both;
}
footer {
background-color: #3399ff;
color: white;
text-align: center;
padding: 5px;
position: absolute;
bottom: 0;
width: 100%;
}
</style></head><body><header><h1>求職網頁</h1></header><section><nav><ul><li><a href="#">首頁</a></li><li><a href="#">招聘信息</a></li><li><a href="#">公司介紹</a></li><li><a href="#">聯系我們</a></li></ul></nav><article><h1>招聘信息</h1><p>我們正在尋找有激情和創造力的Web開發人員加入我們的團隊。</p><p>工作職責：<ul><li>開發、修改、測試客戶端和服務器端Web應用程序。</li><li>與客戶和同事合作以確保項目的成功。</li></ul><p>職位要求：<ul><li>熟悉HTML5、CSS3、JavaScript等前端技術。</li><li>有Node.js、MongoDB等相關技術經驗者優先考慮。</li></ul></article></section><footer><p>© 2021 求職網頁制作</p></footer></body></html>上一篇radio的顏色 css
下一篇html5氣泡代碼