You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
<!DOCTYPE html>
< html lang = "zh" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > 个人信息页面< / title >
< style >
body {
font-family : Arial , sans-serif ;
margin : 0 ;
padding : 20 px ;
background-color : #f4f4f4 ;
}
. container {
max-width : 600 px ;
margin : auto ;
background : white ;
padding : 20 px ;
border-radius : 8 px ;
box-shadow : 0 0 10 px rgba ( 0 , 0 , 0 , 0.1 ) ;
}
h1 {
text-align : center ;
color : #333 ;
}
. section {
margin-bottom : 20 px ;
}
. section h2 {
color : #555 ;
}
. contact {
background : #e7f3fe ;
padding : 10 px ;
border-left : 5 px solid #2196F3 ;
}
< / style >
< / head >
< body >
< div class = "container" >
< h1 > 张伟< / h1 >
< div class = "section" >
< h2 > 职位< / h2 >
< p > 计算机科学教师< / p >
< / div >
< div class = "section" >
< h2 > 教育背景< / h2 >
< ul >
< li > 硕士学位，计算机科学，清华大学< / li >
< li > 本科，软件工程，福州大学< / li >
< / ul >
< / div >
< div class = "section" >
< h2 > 工作经历< / h2 >
< ul >
< li > 计算机科学教师， （ ） < / li >
< li > 软件开发工程师， （ ） < / li >
< / ul >
< / div >
< div class = "section" >
< h2 > 研究兴趣< / h2 >
< ul >
< li > 人工智能< / li >
< li > 数据结构与算法< / li >
< li > 教学方法与教育技术< / li >
< / ul >
< / div >
< div class = "section contact" >
< h2 > 联系方式< / h2 >
< p > 邮箱: zhangwei@example.com< / p >
< p > 电话: 138-XXXX-XXXX< / p >
< / div >
< div class = "section" >
< h2 > 个人爱好< / h2 >
< ul >
< li > 编程< / li >
< li > 阅读科技类书籍< / li >
< li > 游泳< / li >
< / ul >
< / div >
< / div >
< / body >
< / html >
