html5之薛之谦网页网页设计成品作业模板(table布局)
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">薛之谦明星主题网页设计模板由6个页面<span style="color: black;">构成</span>，<span style="color: black;">包含</span>薛之谦简介，演艺经历，个人生活，<span style="color: black;">表率</span>作品，视频，留言。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页设计效果图：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/84a3919f3afc4ff890b58b97b8c07bc0~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722664424&x-signature=xEiR%2BAJNR1I6nVwyvnI8tZo8Z6E%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/9cc74902be764f0e831e51d8ea6ce3a9~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722664424&x-signature=FgY9NHbschm%2FesBCwL%2F1zqD%2BLK0%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/09761fc6512c4f37bd0de817c4feab40~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722664424&x-signature=TjZ%2F%2BOBduUp%2FSe0SMgfwTqVjeac%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/00253a8aecb3435c9334963e6d5c8548~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722664424&x-signature=uS%2BsOPDJy1%2BYpbGhSmJN3CFIUBk%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/0a9e55455d384cceb1708a330a35706a~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722664424&x-signature=SSGKgyf4EVTRmNom7UIJqYbTc9E%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/a08425be981942a4ae80e0f1b99d17b6~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722664424&x-signature=INWK8kJaCL5fzcQLLqfa2WcoKOA%3D" style="width: 50%; margin-bottom: 20px;"></div>网页首页代码展示：
<span style="color: black;"><!DOCTYPE <span style="color: black;">html</span>></span>
<span style="color: black;"><<span style="color: black;">html</span>></span><span style="color: black;"><<span style="color: black;">head</span>></span><span style="color: black;"><<span style="color: black;">meta</span> <span style="color: black;">http-equiv</span>=<span style="color: black;">"Content-Type"</span> <span style="color: black;">content</span>=<span style="color: black;">"text/html; charset=GBK"</span>></span>
<span style="color: black;"><<span style="color: black;">meta</span> <span style="color: black;">name</span>=<span style="color: black;">"keywords"</span> <span style="color: black;">content</span>=<span style="color: black;">"tzyh"</span>></span>
<span style="color: black;"><<span style="color: black;">title</span>></span>薛之谦<span style="color: black;"></<span style="color: black;">title</span>></span>
<span style="color: black;"><<span style="color: black;">link</span> <span style="color: black;">href</span>=<span style="color: black;">"css/style.css"</span> <span style="color: black;">rel</span>=<span style="color: black;">"stylesheet"</span>></span>
<span style="color: black;"><<span style="color: black;">script</span>></span><span style="color: black;">
<span style="color: black;"><span style="color: black;">function</span> <span style="color: black;">jiazai</span>()</span>{
alert(<span style="color: black;">"欢迎光临"</span>);
}</span><span style="color: black;"></<span style="color: black;">script</span>></span>
<span style="color: black;"></<span style="color: black;">head</span>></span>
<span style="color: black;"><<span style="color: black;">body</span> <span style="color: black;">onload</span>=<span style="color: black;">"jiazai()"</span>></span>
<span style="color: black;"><<span style="color: black;">embed</span> <span style="color: black;">width</span>=<span style="color: black;">"0"</span> <span style="color: black;">height</span>=<span style="color: black;">"0"</span> <span style="color: black;">src</span>=<span style="color: black;">"media/1.mp3"</span>></span>
<span style="color: black;"><<span style="color: black;">center</span>></span>
<span style="color: black;"><<span style="color: black;">table</span> <span style="color: black;">width</span>=<span style="color: black;">"960"</span> <span style="color: black;">border</span>=<span style="color: black;">"0"</span> <span style="color: black;">class</span>=<span style="color: black;">"main"</span> <span style="color: black;">cellspacing</span>=<span style="color: black;">"0"</span> <span style="color: black;">cellpadding</span>=<span style="color: black;">"0"</span> <span style="color: black;">style</span>=<span style="color: black;">" margin-bottom:20px;"</span>></span>
<span style="color: black;"><<span style="color: black;">tbody</span>></span><span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">height</span>=<span style="color: black;">"76"</span> <span style="color: black;">colspan</span>=<span style="color: black;">"3"</span> <span style="color: black;">class</span>=<span style="color: black;">"branding"</span>></span>
<span style="color: black;"><<span style="color: black;">center</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"index.html"</span>></span>
<span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/logo.png"</span> <span style="color: black;">alt</span>=<span style="color: black;">"Horus"</span>></span><span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">center</span>></span>
<span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">height</span>=<span style="color: black;">"125"</span> <span style="color: black;">colspan</span>=<span style="color: black;">"3"</span>></span>
<span style="color: black;"><<span style="color: black;">table</span> <span style="color: black;">width</span>=<span style="color: black;">"960"</span> <span style="color: black;">border</span>=<span style="color: black;">"0"</span> <span style="color: black;">align</span>=<span style="color: black;">"center"</span> <span style="color: black;">cellspacing</span>=<span style="color: black;">"0"</span> <span style="color: black;">class</span>=<span style="color: black;">"nav"</span>></span>
<span style="color: black;"><<span style="color: black;">tbody</span>></span><span style="color: black;"><<span style="color: black;">tr</span>></span><span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">width</span>=<span style="color: black;">"120"</span> <span style="color: black;">height</span>=<span style="color: black;">"125"</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">class</span>=<span style="color: black;">"active"</span> <span style="color: black;">href</span>=<span style="color: black;">"index.html"</span>></span>首页<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">width</span>=<span style="color: black;">"120"</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"yanyi.html"</span>></span>演艺经历<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">width</span>=<span style="color: black;">"120"</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"shenghuo.html"</span>></span>个人生活<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">width</span>=<span style="color: black;">"120"</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"daibian.html"</span>></span><span style="color: black;">表率</span>作品<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">width</span>=<span style="color: black;">"120"</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"shipin.html"</span>></span>视频欣赏<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">width</span>=<span style="color: black;">"120"</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"liuyan.html"</span>></span>留言<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"></<span style="color: black;">tbody</span>></span><span style="color: black;"></<span style="color: black;">table</span>></span>
<span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">height</span>=<span style="color: black;">"870"</span> <span style="color: black;">colspan</span>=<span style="color: black;">"3"</span>></span>
<span style="color: black;"><<span style="color: black;">table</span> <span style="color: black;">width</span>=<span style="color: black;">"960"</span> <span style="color: black;">border</span>=<span style="color: black;">"0"</span> <span style="color: black;">align</span>=<span style="color: black;">"center"</span> <span style="color: black;">cellspacing</span>=<span style="color: black;">"0"</span>></span>
<span style="color: black;"><<span style="color: black;">tbody</span>></span><span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">width</span>=<span style="color: black;">"960"</span> <span style="color: black;">height</span>=<span style="color: black;">"1270"</span> <span style="color: black;">style</span>=<span style="color: black;">" bac<span style="color: black;">公斤</span>round:#fff;"</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"t1"</span>></span><span style="color: black;"><<span style="color: black;">br</span>></span>
<span style="color: black;"><<span style="color: black;">h1</span> <span style="color: black;">style</span>=<span style="color: black;">"font-size:24px; line-height:50px; color:#000; text-indent:1em;"</span>></span>欢迎来到薛之谦的个人网站~<span style="color: black;"></<span style="color: black;">h1</span>></span>
<span style="color: black;"><<span style="color: black;">table</span> <span style="color: black;">border</span>=<span style="color: black;">"0"</span> <span style="color: black;">cellspacing</span>=<span style="color: black;">"0"</span> <span style="color: black;">cellpadding</span>=<span style="color: black;">"0"</span> <span style="color: black;">style</span>=<span style="color: black;">"padding:30px; line-height:30px; font-size:14px;"</span>></span>
<span style="color: black;"><<span style="color: black;">tbody</span>></span><span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">colspan</span>=<span style="color: black;">"2"</span>></span>
<span style="color: black;"><<span style="color: black;">p</span> <span style="color: black;">style</span>=<span style="color: black;">"padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px"</span> <span style="color: black;">deep</span>=<span style="color: black;">"14"</span>></span>
<span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/index.png"</span> <span style="color: black;">width</span>=<span style="color: black;">"300"</span> <span style="color: black;">style</span>=<span style="color: black;">"float:left ;margin-right: 20px "</span>></span>
薛之谦（Joker Xue），1983年7月17日出生于上海市，中国内地流行乐男歌手、音乐制作人、影视演员，毕业于格里昂酒店管理学院。<span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"><<span style="color: black;">p</span> <span style="color: black;">style</span>=<span style="color: black;">"padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px"</span> <span style="color: black;">deep</span>=<span style="color: black;">"14"</span>></span>2005年，因参加选秀节目《我型我秀》而正式出道 。2006年，发行首张同名专辑《薛之谦》 ，随后凭借歌曲《认真的雪》<span style="color: black;">得到</span>广泛关注 。2007年，凭借专辑《你过得好吗》<span style="color: black;">得到</span>MusicRadio中国TOP排行榜内地年度最受欢迎男歌手奖。2008年，发行专辑《深深爱过你》，同年在上海举行个人首场演唱会“谦年传说” 。2013年，专辑《几个薛之谦》<span style="color: black;">得到</span>MusicRadio中国TOP排行榜内地<span style="color: black;">举荐</span>唱片 ；同年，发行专辑《意外》 。2014年，<span style="color: black;">得到</span>第21届东方风云榜最佳唱作人奖 ；同年他还<span style="color: black;">得到</span>音悦V榜年度盛典年度创作歌手奖 。<span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"><<span style="color: black;">p</span> <span style="color: black;">style</span>=<span style="color: black;">"padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px"</span> <span style="color: black;">deep</span>=<span style="color: black;">"14"</span>></span>2015年6月，薛之谦首度担当制作人并发行原创EP《绅士》 ；同年，他还主演都市励志剧《妈妈像花儿<span style="color: black;">同样</span>》 。2016年，凭借EP《绅士》、《一半》<span style="color: black;">得到</span>第16届<span style="color: black;">全世界</span>华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、上海地区杰出歌手奖及最受欢迎创作歌手奖，而歌曲《初学者》则<span style="color: black;">得到</span>年度二十大金曲奖 。2017年4月，开启“我<span style="color: black;">好似</span>在哪见过你”全国巡回演唱会 ；同年，薛之谦<span style="color: black;">得到</span>第7届<span style="color: black;">全世界</span>流行音乐年度盛典年度最佳男歌手及MusicRadio榜中国TOP排行榜内地最佳男歌手 。<span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"><<span style="color: black;">p</span> <span style="color: black;">style</span>=<span style="color: black;">"padding-left:26px; font-size:14px; text-indent:2em; color:#666; line-height: 32px"</span> <span style="color: black;">deep</span>=<span style="color: black;">"14"</span>></span>2018年7月，薛之谦“摩天大楼”世界巡回演唱会于北京站启程，<span style="color: black;">全部</span>巡演横跨4大洲，8个国家，21个城市，累计上演场次23场 。2019年，发行专辑《尘》 。2020年12月31日，发行第11张个人专辑《天外来物》<span style="color: black;"></<span style="color: black;">p</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"></<span style="color: black;">tbody</span>></span><span style="color: black;"></<span style="color: black;">table</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"t2"</span> <span style="color: black;">style</span>=<span style="color: black;">"padding-left:30px;"</span>></span>
<span style="color: black;"><<span style="color: black;">h1</span> <span style="color: black;">style</span>=<span style="color: black;">"font-size:24px; line-height:50px; color:#000; text-align:center;"</span>></span>薛之谦风采~<span style="color: black;"></<span style="color: black;">h1</span>></span>
<span style="color: black;"><<span style="color: black;">table</span> <span style="color: black;">border</span>=<span style="color: black;">"0"</span> <span style="color: black;">cellspacing</span>=<span style="color: black;">"20"</span> <span style="color: black;">cellpadding</span>=<span style="color: black;">"0"</span> <span style="color: black;">class</span>=<span style="color: black;">"fc"</span>></span>
<span style="color: black;"><<span style="color: black;">tbody</span>></span><span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a1.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a2.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a3.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a4.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a5.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a6.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a7.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a8.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"><<span style="color: black;">td</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/a9.jpg"</span>></span><span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"></<span style="color: black;">tbody</span>></span><span style="color: black;"></<span style="color: black;">table</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"></<span style="color: black;">tbody</span>></span><span style="color: black;"></<span style="color: black;">table</span>></span>
<span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">tr</span>></span>
<span style="color: black;"><<span style="color: black;">td</span> <span style="color: black;">id</span>=<span style="color: black;">"footer"</span> <span style="color: black;">colspan</span>=<span style="color: black;">"3"</span>></span>
<span style="color: black;"><<span style="color: black;">center</span>></span><span style="color: black;"><<span style="color: black;">font</span> <span style="color: black;">color</span>=<span style="color: black;">"#212121"</span>></span>薛之谦个人网站<span style="color: black;"></<span style="color: black;">font</span>></span><span style="color: black;"></<span style="color: black;">center</span>></span>
<span style="color: black;"></<span style="color: black;">td</span>></span>
<span style="color: black;"></<span style="color: black;">tr</span>></span>
<span style="color: black;"></<span style="color: black;">tbody</span>></span><span style="color: black;"></<span style="color: black;">table</span>></span>
<span style="color: black;"></<span style="color: black;">center</span>></span>
<span style="color: black;"></<span style="color: black;">body</span>></span><span style="color: black;"></<span style="color: black;">html</span>></span>
外贸论坛是我们的，责任是我们的，荣誉是我们的，成就是我们的，辉煌是我们的。 请问、你好、求解、谁知道等。 回顾历史，我们感慨万千；放眼未来，我们信心百倍。 感谢楼主分享，祝愿外链论坛越办越好！
页:
[1]