个人介绍网页制作

< html >

< head >
< meta http - equiv = " Content-Type "  content = " text/html; charset=gb2312 " >
< title > 爱的摩天轮 </ title >
</ head >

< body >

< table border = " 0 "  cellpadding = " 0 "  cellspacing = " 0 "  width = " 1056 "  height = " 580 " >
    
<!--  MSTableType = " layout "   -->
    
< tr >
        
< td valign = " top "  colspan = " 2 "  height = " 93 " >
        
<!--  MSCellType = " ContentHead "   -->
        
< img border = " 0 "  src = " 爱1.jpg "  width = " 1056 "  height = " 93 " ></ td >
    
</ tr >
    
< tr >
        
< td msopnltype = " NavBody "  rowspan = " 2 "  width = " 375 " >
        
<!--  MSCellType = " NavBody "   -->
        
< img border = " 0 "  src = " 爱2.jpg "  width = " 376 "  height = " 486 " ></ td >
        
< td valign = " top "  height = " 435 " >
        
<!--  MSCellType = " ContentBody "   -->
        
< img border = " 0 "  src = " 爱3.jpg "  width = " 679 "  height = " 435 " ></ td >
    
</ tr >
    
< tr >
        
< td valign = " top "  height = " 52 "  width = " 681 " >
        
<!--  MSCellType = " ContentFoot "   -->
        
< div style = " position: absolute; width: 682px; height: 432px; z-index: 1; left: 384px; top: 109px "  id = " layer1 " >
        
< font color = " #FF3300 " > 真诚邀您加入我的摩天轮王国 </ font >< p >
    
< span style = " background-color: #FFCCFF " > 您的姓名: </ span >< input maxlength = 8  size = " 10 "  name = " T1 "  style = " background-color: #FFCCFF " >< span style = " background-color: #FFCCFF " ></ input >< br >
您的性别:
< input type = radio name = r1 value = " V1 "   checked > </ input >< input type = radio name = r1 value = " V1 "   checked > </ input ></ br >
您的星座:
</ span >< input maxlength = 8  size = " 11 "  name = " T2 "  style = " background-color: #FFCCFF " >< span style = " background-color: #FFCCFF " ></ input >< br >
您的生日:
</ input >< select name = " D1 " >< option > 1984 </ option >< option > 1985 </ option >< option > 1986 </ option >< option > 1987 </ option >< option > 1988 </ option ></ select ></ span >< input maxlength = 8  size = " 6 "  name = " T3 "  style = " background-color: #FFCCFF " >< input maxlength = 8  size = " 6 "  name = " T4 "  style = " background-color: #FFCCFF " >< span style = " background-color: #FFCCFF " >< br >
您的家乡:
</ span >< input maxlength = 8  size = " 29 "  name = " T5 "  style = " background-color: #FFCCFF " >< span style = " background-color: #FFCCFF " ></ input >< br >
您的爱好:
< input type = checkbox name = " C1 "  value = " ON " > 看书 </ input >< input type = checkbox name = " C2 "  value = " ON "   > 睡觉 </ input >< input type = checkbox name = " C3 "  value = " ON " > 打游戏 </ input >< input type = checkbox name = " C4 "  value = " ON " > 上网 </ input >< input type = checkbox name = " C5 "  value = " ON " >
逛街
</ input >< input type = checkbox name = " C6 "  value = " ON " > 运动 </ input >< input type = checkbox name = " C7 "  value = " ON " > 聊天 </ input >< input type = checkbox name = " C8 "  value = " ON " > 看电视 </ input >< input type = checkbox name = " C9 "  value = " ON " > 看电影 </ input >< input type = checkbox name = " C10 "  value = " ON " > 听音乐 </ input >   </ br >
    
</ span >
</ p >
< p >< span style = " background-color: #FFCCFF " > 请选择一部您最喜欢的电影: < select name = " D2 " >< option > 肖申克的救赎 </ option >< option > 碧海蓝天 </ option >< option > 死亡游戏 </ option >< option > 天堂电影院 </ option ></ select >
</ span >
</ p >
< p >< span style = " background-color: #FFCCFF " > 您的理想: </ span ></ p >
< p >< textarea rows = 7  cols = 75  name = " S1 " ></ textarea >< p >   </ div >
        
< a href = " http://xiaonei.com/getuser.do?portal=visitorHome&id=185763170 " >
        
< img border = " 0 "  src = " 爱4.jpg "  width = " 681 "  height = " 52 " ></ a ></ td >
        
</ tr >
        
</ form >
    
< p align = " center " >< font color = " #FF0000 " >< i >< b >
        
< marquee width = " 514 "  height = " 18 "  behavior = " alternate " > 爱的摩天轮,与EDISON.YAO一起幻想 </ marquee ></ b ></ i ></ font ></ div >
</ table >

</ body >

</ html >
 
  • 6
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,下面是一份简单的用H5制作个人介绍网页的设计代码,你可以根据自己的需求进行修改和美化: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人介绍</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f6f6f6; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; font-size: 2em; margin-bottom: 50px; } section { background-color: #fff; padding: 50px; margin: 0 auto; max-width: 800px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 50px; } h1 { font-size: 2em; margin-bottom: 20px; color: #333; } h2 { font-size: 1.5em; margin-bottom: 20px; color: #333; } p { line-height: 1.5; font-size: 1.2em; margin-bottom: 20px; color: #666; } img { display: block; margin: 0 auto; max-width: 100%; } ul { list-style: none; margin-bottom: 20px; padding: 0; } li { display: inline-block; margin-right: 20px; } li:last-child { margin-right: 0; } a { color: #333; text-decoration: none; font-weight: bold; transition: color 0.3s ease; } a:hover { color: #666; } </style> </head> <body> <header> <h1>个人介绍</h1> </header> <section> <img src="https://via.placeholder.com/300x300" alt="头像"> <h1>你的名字</h1> <h2>你的职业</h2> <p>你的简介</p> <ul> <li><a href="#">Github</a></li> <li><a href="#">LinkedIn</a></li> <li><a href="#">Twitter</a></li> </ul> </section> </body> </html> ``` 其中,你需要修改的内容包括头像图片地址、你的名字、职业和简介以及社交媒体链接。同时,你也可以根据自己的喜好修改字体、背景色等样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值