我的第一个网页

2018-08-23  本文已影响0人  獨孤記憶
image.png
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>first web</title>
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.css"/>
    </head>
    <body>
        <div class="ui vertical segment">   
            
            <div class="ui image">
                <img src="img/1.jpg" width="100%" height="100%" alt=""/>
            </div>
                
            </div>
            <div class="ui container segment">
                <h1 class="ui header">Twins!</h1>
                <p>
                    Twins! How exciting! Two little darlings, instead of one mean twice the joy and twice the fun, a double reason for you to be glad--Congratulations!
                </p>
                <button type="button" name="button" class="ui inverted blue button">More</button>
            </div>  
            
            <div class="ui container segment">
                <h1 class="ui header">A recent study</h1>
                <p>
                    A recent study by a group of Chinese scientists mapped the economic sector loss~~~
                </p>
                <button type="button" name="button" class="ui inverted blue button">More</button>
            </div>  
            
            <div class="ui container segment">
                <h1 class="ui header">Michael</h1>
                <p>
                    Michael also graduated with honors, but he did it twice: first as an engineer and then from law school.
                </p>
                <button type="button" name="button" class="ui inverted blue button">More</button>
            </div>  
            
            <div class="ui container segment">
                <h1 class="ui header">The baroness</h1>
                <p>
                    The baroness had watched Debray while he read this long and painful letter, and saw him, notwithstanding his self-control, change color once or twice
                </p>
                <button type="button" name="button" class="ui inverted blue button">More</button>
            </div>      
        </div>      
        <div class="ui inverted vertical very padded segment" style="text-align: center; vertical-align: middle;">
                        CY管理有限公司版权所有 All Rights Reserved 网站备案号:粤ICP备1401
        
        </div>
    </body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读