外链论坛

 找回密码
 立即注册
搜索
查看: 48|回复: 2

html5之薛之谦网页网页设计成品作业模板(table布局)

[复制链接]

3038

主题

148

回帖

9911万

积分

论坛元老

Rank: 8Rank: 8

积分
99119026
发表于 2024-7-27 22:38:33 | 显示全部楼层 |阅读模式

薛之谦明星主题网页设计模板由6个页面构成包含薛之谦简介,演艺经历,个人生活,表率作品,视频,留言。

网页设计效果图:

网页首页代码展示: <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"> <meta name="keywords" content="tzyh"> <title>薛之谦</title> <link href="css/style.css" rel="stylesheet"> <script> function jiazai(){ alert("欢迎光临"); }</script> </head> <body onload="jiazai()"> <embed width="0" height="0" src="media/1.mp3"> <center> <table width="960" border="0" class="main" cellspacing="0" cellpadding="0" style=" margin-bottom:20px;"> <tbody><tr> <td height="76" colspan="3" class="branding"> <center><a href="index.html"> <img src="images/logo.png" alt="Horus"></a></center> </td> </tr> <tr> <td height="125" colspan="3"> <table width="960" border="0" align="center" cellspacing="0" class="nav"> <tbody><tr><td></td> <td width="120" height="125"><a class="active" href="index.html">首页</a></td> <td width="120"><a href="yanyi.html">演艺经历</a></td> <td width="120"><a href="shenghuo.html">个人生活</a></td> <td width="120"><a href="daibian.html">表率作品</a></td> <td width="120"><a href="shipin.html">视频欣赏</a></td> <td width="120"><a href="liuyan.html">留言</a></td> <td></td> </tr> </tbody></table> </td> </tr> <tr> <td height="870" colspan="3"> <table width="960" border="0" align="center" cellspacing="0"> <tbody><tr> <td width="960" height="1270" style=" bac公斤round:#fff;"> <div class="t1"><br> <h1 style="font-size:24px; line-height:50px; color:#000; text-indent:1em;">欢迎来到薛之谦的个人网站~</h1> <table border="0" cellspacing="0" cellpadding="0" style="padding:30px; line-height:30px; font-size:14px;"> <tbody><tr> <td colspan="2"> <p style="padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px" deep="14"> <img src="images/index.png" width="300" style="float:left ;margin-right: 20px "> 薛之谦(Joker Xue),1983年7月17日出生于上海市,中国内地流行乐男歌手、音乐制作人、影视演员,毕业于格里昂酒店管理学院。</p> <p style="padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px" deep="14">2005年,因参加选秀节目《我型我秀》而正式出道 [1] 。2006年,发行首张同名专辑《薛之谦》 [169] ,随后凭借歌曲《认真的雪》得到广泛关注 [2-3] 。2007年,凭借专辑《你过得好吗》得到MusicRadio中国TOP排行榜内地年度最受欢迎男歌手奖。2008年,发行专辑《深深爱过你》,同年在上海举行个人首场演唱会“谦年传说” [4-5] 。2013年,专辑《几个薛之谦》得到MusicRadio中国TOP排行榜内地举荐唱片 [6] ;同年,发行专辑《意外》 [170] 。2014年,得到第21届东方风云榜最佳唱作人奖 [171] ;同年他还得到音悦V榜年度盛典年度创作歌手奖 [7] 。</p> <p style="padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px" deep="14">2015年6月,薛之谦首度担当制作人并发行原创EP《绅士》 [8] ;同年,他还主演都市励志剧《妈妈像花儿同样》 [9] 。2016年,凭借EP《绅士》、《一半》得到第16届全世界华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、上海地区杰出歌手奖及最受欢迎创作歌手奖,而歌曲《初学者》则得到年度二十大金曲奖 [10-11] 。2017年4月,开启“我好似在哪见过你”全国巡回演唱会 [12] ;同年,薛之谦得到第7届全世界流行音乐年度盛典年度最佳男歌手及MusicRadio榜中国TOP排行榜内地最佳男歌手 [13-14] 。</p> <p style="padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px" deep="14">2018年7月,薛之谦“摩天大楼”世界巡回演唱会于北京站启程,全部巡演横跨4大洲,8个国家,21个城市,累计上演场次23场 [15] 。2019年,发行专辑《尘》 [172] 。2020年12月31日,发行第11张个人专辑《天外来物》</p></td> </tr> </tbody></table> </div> <div class="t2" style="padding-left:30px;"> <h1 style="font-size:24px; line-height:50px; color:#000; text-align:center;">薛之谦风采~</h1> <table border="0" cellspacing="20" cellpadding="0" class="fc"> <tbody><tr> <td><img src="images/a1.jpg"></td> <td><img src="images/a2.jpg"></td> <td><img src="images/a3.jpg"></td> </tr> <tr> <td><img src="images/a4.jpg"></td> <td><img src="images/a5.jpg"></td> <td><img src="images/a6.jpg"></td> </tr> <tr> <td><img src="images/a7.jpg"></td> <td><img src="images/a8.jpg"></td> <td><img src="images/a9.jpg"></td> </tr> </tbody></table> </div> </td> </tr> </tbody></table> </td> </tr> <tr> <td id="footer" colspan="3"> <center><font color="#212121">薛之谦个人网站</font></center> </td> </tr> </tbody></table> </center> </body></html>
回复

使用道具 举报

3012

主题

2万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99159149
发表于 2024-10-25 14:25:25 | 显示全部楼层
外贸论坛是我们的,责任是我们的,荣誉是我们的,成就是我们的,辉煌是我们的。
回复

使用道具 举报

2950

主题

2万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569299
发表于 前天 23:28 | 显示全部楼层
请问、你好、求解、谁知道等。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-9 10:46 , Processed in 0.073878 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.