首页个人简历html+css网页代码

个人简历html+css网页代码

时间: 2023-03-24 13:00:31 浏览: 1038

很高兴回答您的问题！以下是一个简单的HTML和CSS网页示例： HTML文件： ```html <!DOCTYPE html> <html> <head> <title>我的个人简历</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>我的个人简历</h1> </header> <section> <h2>个人信息</h2> <p>姓名：张三</p> <p>年龄：25岁</p> <p>学历：本科</p> </section> <section> <h2>工作经历</h2> <ul> <li>2019-2021：某公司前端工程师</li> <li>2017-2019：某公司实习生</li> </ul> </section> <section> <h2>技能</h2> <ol> <li>HTML/CSS</li> <li>JavaScript</li> <li>React</li> </ol> </section> <footer> <p>联系方式：xxx-xxxx-xxxx</p> </footer> </body> </html> ``` CSS文件： ```css header { background-color: #0077CC; color: white; padding: 20px; text-align: center; } section { margin-top: 30px; } h1, h2 { text-align: center; } ul, ol { padding-left: 30px; } footer { margin-top: 50px; text-align: center; } ``` 这是一个简单的个人简历网页，使用HTML和CSS进行设计和布局。在HTML中，我们使用标记语言来定义页面的结构和内容，包括标题、段落、列表等。在CSS中，我们使用样式来定义页面的外观和布局，包括颜色、字体、间距等。希望这个例子能对您有所帮助！

阅读全文