当然能够!下面是一个简略的HTML个人主页示例。这个示例包含了一些根本的HTML元素,如标题、阶段、图片和链接。你能够依据自己的需求进行修正和扩展。
```html 我的个人主页 body { fontfamily: Arial, sansserif; lineheight: 1.6; margin: 0; padding: 0; } .container { width: 80%; margin: auto; overflow: hidden; } header { background: 333; color: fff; paddingtop: 30px; minheight: 70px; borderbottom: e8491d 3px solid; } header a { color: fff; textdecoration: none; texttransform: uppercase; fontsize: 16px; } header ul { padding: 0; liststyle: none; } header li { float: left; display: inline; padding: 0 20px 0 20px; } header branding { float: left; } header branding h1 { margin: 0; } header nav { float: right; margintop: 10px; } header .highlight, header .current a { color: e8491d; fontweight: bold; } header a:hover { color: ffffff; fontweight: bold; } .mainsection { padding: 20px 0; } .mainsection h2 { color: 333; } .mainsection p { color: 666; } .mainsection img { width: 100%; height: auto; } footer { background: 333; color: fff; textalign: center; padding: 10px; position: relative; bottom: 0; width: 100%; } 我的个人主页 主页 关于我 著作集 联络方法
欢迎来到我的个人主页! 这儿是我的个人简介,你能够在这儿了解到我的根本信息、兴趣爱好、技术和经历。
关于我 我是XXX,一名酷爱编程的程序员。我拿手运用HTML、CSS和JavaScript进行网页开发,一起也在学习其他编程语言和结构。
著作集 这儿展现了我的一些著作,包含网页规划、前端开发等。
联络方法 假如你有任何问题或主张,请随时经过以下方法联络我:
邮箱:
电话:
版权所有
未经允许不得转载:全栈博客园 » 简易html个人主页