https://wwwblogs/zhangyangguo-er/p/10539978.html
代码:
1 <!DOCTYPE html> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>Smallcolor</title> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> 6 <meta name="description" content="Smallcolor"> 7 <meta name="keywords" content="Smallcolor"> 8 <meta name="author" content="BOX STUDIO"> 9 <meta name="viewport" content="width=device-width,user-scalable=no"> 10 <link rel="shortcut icon" href="favicon.ico"> 11 <link rel="stylesheet" href="./styles/master.css"> 12 <audio src=" " ></audio> 13 </head> 14 <audio autoplay="autoplay" loop="loop"> 15 <source src="mc/背景.mp3" type="audio/mpeg"> 16 </audio> 17 18 <body id="teaser-page"> 19 <div class="l-stage"><main> 20 <div class="l-intro"> 21 <div class="intro-btn-skip"><a id="s_st" href="#">S_ST</a></div> 22 </div> 23 <div class="l-main"> 24 <div class="l-first"> 25 <div class="first-bg"></div> 26 <div class="first-flare-wrap"> 27 <div class="first-flare01"></div> 28 <div class="first-flare02"></div> 29 </div> 30 <div class="first-megumi-back"></div> 31 <div class="first-megumi-front"></div> 32 <div class="first-text-wrap"> 33 <div class="first-text-main"> 34 <img src="./images/teaser/main_text.png" width="416" height="442" class="pcv"> 35 <img src="./images/teaser/main_text_sp.png" class="spv"> 36 </div> 37 <div class="first-text"> 38 <span class="t1"></span> 39 <span class="t2"></span> 40 <span class="t3"></span> 41 <span class="t4"></span> 42 <span class="t5"></span> 43 <span class="t6"></span> 44 <span class="t7"></span> 45 <span class="t8"></span> 46 <span class="t9"></span> 47 <span class="t10"></span> 48 <span class="t11"></span> 49 <span class="t12"></span> 50 <span class="t13"></span> 51 <span class="t14"></span> 52 <span class="t15"></span> 53 <span class="t16"></span> 54 <span class="t17"></span> 55 <span class="t18"></span> 56 <span class="t19"></span> 57 <span class="t20"></span> 58 <span class="t21"></span> 59 <span class="t22"></span> 60 <span class="t23"></span> 61 <span class="t24"></span> 62 <span class="t25"></span> 63 <span class="t26"></span> 64 <span class="t27"></span> 65 <span class="t28"></span> 66 <span class="t29"></span> 67 <span class="t30"></span> 68 <span class="t31"></span> 69 </div> 70 </div> 71 <div class="sakura-front"> 72 <div class="sakura-front-l"></div> 73 <div class="sakura-front-m"></div> 74 <div class="sakura-front-s"></div> 75 </div> 76 </div> 77 <div class="l-fix"></div> 78 <div class="l-second"> 79 <div class="sakura-back"> 80 <div class="sakura-back-l"></div> 81 <div class="sakura-back-m"></div> 82 <div class="sakura-back-s"></div> 83 </div> 84 <div class="l-movie"> 85 <div class="movie-ss"></div> 86 <div id="movie-player"></div> 87 <div class="news-btn-more"> 88 <a target="_blank" href="#">是我家啊</a> 89 </div> 90 91 <div class="movie-btn"> 92 <div class="movie-btn-play"> 93 94 <img src="./images/teaser/main_movie_btn_play.png" width="600" height="300"> 95 </a> 96 </div> 97 </div> 98 </div> 99 <div class="l-news-wrap"> 100 <div class="l-news"> 101 <div class="news-btn-more"> 102 <a target="_blank" href="网页1.html">个人经历↗</a> 103 </div> 104 </div> 105 <div class="l-twitter"> 106 <div class="twitter-btn-more"> 107 <a target="_blank" href="网页3.html">自我介绍↗</a> 108 </div> 109 </div> 110 </div> 111 <footer class="l-footer"> 112 <p class="footer-copy">Copyright © 2014 - 2019 ****** All Rights Reserved</p> 113 </footer> 114 </div> 115 </div> 116 </main></div><script src="./scripts/libs.min.js"></script><script src="./scripts/functions.min.js"></script></body></html> 117 118 <!DOCTYPE html> 119 <html> 120 <head> 121 <meta charset="UTF-8"> 122 <title>网页1</title> 123 </head> 124 <body> 125 <table border="0" height="400px" width="300px"> 126 <tr> 127 128 <h1 align="center">我的个人经历呀 </h1> 129 <h2 align="center">2017年八月第一次来到青海大学,这是离家最远的一次旅行,也是最久的一次 。</h2> 130 <h2 align="center">初来乍到,因为迷茫加了许多社团,大一是忙碌的一年。但也认识了许多有趣的人。</h2> 131 <h2 align="center">大一下学期报名参加英语四级,结果失败。大二第二学期二战再次失败。</h2> 132 <h2 align="center">得出结论裸考战略终会失败,现正在努力背单词刷题,准备三战。</h2> 133 <h2 align="center">根据大一的教训,感觉大二整体有所收敛,正在努力转型成为爱学习的人。</h2> 134 135 <img src="images/teaser/gIGWYHC.jpg"width="1350" height="500"> 136 137 </tr> 138 139 </table> 140 </body> 141 </html> 142 143 <!DOCTYPE html> 144 <html> 145 <head> 146 <meta charset="UTF-8"> 147 <title>网页3</title> 148 </head> 149 <body> 150 <table border="0" height="400px" width="300px"> 151 <tr> 152 153 <h1 align="center">这是潘倩的自我介绍啊</h1></td> 154 <h2 align="center">  喜欢玩,但前提条件是有人陪我一起疯。喜欢看书,喜欢听音乐,能适应群居生活也可以自己一个人待着。</h2></td> 155 <h2 align="center">  最喜欢的小说是江南的《龙族》(强烈安利),追了大概9年,到现在也没有完结。</h2></td> 156 <h2 align="center">  不喜欢玩游戏,(其实是本人智商不足以支撑自己玩大型手游)。</h2></td> 157 <h2 align="center">  最大的优点大概就是记性不好,吵架十分钟之内就会消气,开始自我检讨。</h2></td> 158 <h2 align="center">  平生最后悔的事就是小时候吃太多。</h2></td> 159 <img src> 160 <img src="images/teaser/6a440d88fc5629eb86257dc548d6c394.jpg"width="1000" height="500"> 161 </a> 162 </td> 163 </tr> 164 165 </table> 166 </body> 167 </html>
css:
1 <!DOCTYPE html>
2 <html><head> 3 <meta charset="utf-8"> 4 <title>Smallcolor</title> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> 6 <meta name="description" content="Smallcolor"> 7 <meta name="keywords" content="Smallcolor"> 8 <meta name="author" content="BOX STUDIO"> 9 <meta name="viewport" content="width=device-width,user-scalable=no"> 10 <link rel="shortcut icon" href="favicon.ico"> 11 <link rel="stylesheet" href="./styles/master.css"> 12 </head> 13 14 <body id="teaser-page"> 15 <div class="l-stage"><main> 16 <div class="l-intro"> 17 <div class="intro-btn-skip"><a id="s_st" href="#">S_ST</a></div> 18 </div> 19 <div class="l-main"> 20 <div class="l-first"> 21 <div class="first-bg"></div> 22 <div class="first-flare-wrap"> 23 <div class="first-flare01"></div> 24 <div class="first-flare02"></div> 25 </div> 26 <div class="first-megumi-back"></div> 27 <div class="first-megumi-front"></div> 28 <div class="first-text-wrap"> 29 <div class="first-text-main"> 30 <img src="./images/teaser/main_text.png" width="416" height="442" class="pcv"> 31 <img src="./images/teaser/main_text_sp.png" class="spv"> 32 </div> 33 <div class="first-text"> 34 <span class="t1"></span> 35 <span class="t2"></span
转载于:https://wwwblogs/zhangyangguo-er/p/10539978.html
更多推荐
自我介绍网页制作
发布评论