美文网首页
HLML 5 简单个人微博制作

HLML 5 简单个人微博制作

作者: zhaodadaya | 来源:发表于2018-09-06 19:01 被阅读0次

    1.代码如下:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset='utf-8' />
            <title>个人博客</title>
        </head>
        <body>
        <center>
            <p><a href="#Bot">去底部</a>&nbsp<a href="#ct1">去指定位置</a></p>
            <h1>这是我的个人博客</h1>
            <hr/>
            <h2><a href="http://www.baidu.com/link?url=TajYpX8R-qWNC5JjWXZp0xDoXYR1YsoKh3jLHrgZXkw6K1N6oLrqV3dsJr-dtaOMhbN-5peYuKAnSg64vgsPox9Yp4JXcCMbuouxEJXjxXPcpfKhM07dE8a2RXWmdjMo&wd=&eqid=eeae8f790000e08f000000035b90ea8d">陈奕迅</a></h2>
            <p id='ct1'>
                得不到的永远在骚动<br>
                被偏爱的都有恃无恐<br>
                玫瑰的红 容易受伤的梦<br>
                握在手中却流失于指缝<br>
                又落空<br>
                <br> 
                是否说爱都太过沉重<br>
                过度使用不痒不痛<br>
                烧得火红 蛇行缠绕心中<br>
                终于冷冻终于有始无终
            </p>
            <img src="http://service.ixingtu.com/ixtres/news/image/20151209/1449665787028074145.png" width="500px">
            <p>
                你 何以始终不说话 尽管讲出不快吧<br>
                事与冀盼有落差 请不必惊怕<br>
                我 仍然会冷静聆听<br>
                仍然紧守于身边 与你进退也共鸣<br>
                时日会蔓延再蔓延 某些不可改变的改变<br>
                与一些不要发现的发现 就这么放大了缺点<br>
                来让我问谁可决定 那些东西叫作完美至善<br>
            </p>
            <img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=4b9e161b207f9e2f6438155a7e598241/7aec54e736d12f2e532d0a9d48c2d56285356827.jpg" width="500px">
            <p>
                十年之前<br>
                我不认识你你不属于我<br>
                我们还是一样陪在一个陌生人左右<br>
                走过渐渐熟悉的街头<br>
                十年之后<br>
                我们是朋友还可以问候<br>
                只是那种温柔再也找不到拥抱的理由<br>
                情人最后难免沦为朋友<br>
                直到和你做了多年朋友<br>
                才明白我的眼泪<br>
                不是为你而流也为别人而流<br>
            </p>
            <hr>
            <p>
                友情链接:<a href="http://www.baidu.com/link?url=Fk-Df36Frw2WSfsMnx8seiF3iXpAnWBsVBdyid3lwrosCSMsi6UQNEn2bXjQM9VNrN44i_nJ-KwoY_5u0Y21CFNiKQ5yygIxMSqwDpDn48yW4-09DWCpxGsYw3IkBjv9&wd=&eqid=f316007600010f80000000035b90eb85" target="_blank">李荣浩</a>|
                <a href="http://www.baidu.com/link?url=oslyg3MfDMMBR1o9oChk5HHJhAeYX_5RTA7mNgKYynUzuu8fAf6i1TJC_PoE3X1W2FOhHDNU85Vr4n4wknwhmKzQx1bTMod6dBBeA21tmiEFZC494O8RoRiio0PY5q5m&wd=&eqid=ee70439a0001145d000000035b90ebb6" target="_blank">薛之谦</a>|
                <a href="http://www.baidu.com/link?url=KXbgWM059K_42HS3w0qLR1Hq_kapYoSNGI133yniwMj6sMRlrKTPK4smRhwJwPHiIH_PI959hzXO1TjcIofQNGitz87ivpd8lOQhDPD-BiA7V1Mmgj2QoE6YAFxMK4MY&wd=&eqid=f7a4e5a500013ea8000000035b90ebe7" target="_blank">周杰伦</a>
            </p>
            <p>
                <a href="#top">回到顶部</a>|
                <a href="个人博客-联系我们.html" target="_blank">联系我们</a>
            </p>
            <a name="Bot"></a>
        </center>
        </body>
    </html>
    

    2.效果如下:


    Screenshot_2018-09-06 个人博客.png

    相关文章

      网友评论

          本文标题:HLML 5 简单个人微博制作

          本文链接:https://www.haomeiwen.com/subject/kxffgftx.html