本文主要是介绍HTML静态网页成品作业(HTML+CSS)——个人介绍网页(1个页面),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
🎉
不定期分享源码,关注不丢失哦
文章目录
- 一、作品介绍
- 二、作品演示
- 三、代码目录
- 四、网站代码
- HTML部分代码
- 五、源码获取
一、作品介绍
🏷️本套采用HTML+CSS,未使用Javacsript代码,共有1个页面
。
二、作品演示
三、代码目录
四、网站代码
HTML部分代码
<div class="header"><div class="w"><div class="logo"><img src="./images/logo.png" alt=""><span>我的个人网页</span></div><div class="link"><a href="">我的网页首页</a></div></div></div><div class="banner"><div class="w"><img src="images/banner.jpg" alt=""></div></div><div class="geren"><div class="geren_left"><h3>个人名片</h3><table cellspacing="0" cellpadding="0"><tr></tr><tr><td class="bg">姓名</td><td>某某某</td><td class="bg">性别</td><td>女</td></tr><tr><td class="bg">民族</td><td>汉</td><td class="bg">国籍</td><td>中国</td></tr><tr><td class="bg">年龄</td><td>17</td><td class="bg">生日</td><td>2006年12月4日</td></tr><tr><td class="bg">就读学校</td><td colspan="3">某某学校</td></tr><tr><td class="bg">兴趣爱好</td><td colspan="3">旅游、运动、绘画</td></tr></table></div><div class="geren_right"><img src="./images/rongyu.jpeg" alt=""><div>最佳员工荣誉</div></div></div>
五、源码获取
🥇 ~ 关注我,点赞博文~
每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]
三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧
这篇关于HTML静态网页成品作业(HTML+CSS)——个人介绍网页(1个页面)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!