本周总结--前端第一次作业--新闻界面+注册界面

 源代码

1、新闻页面源代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>"老腔"何以令人震撼</title>
    <style>
        body {
            font:16px 'Microsoft YaHei';
        }
        h1 {
            text-align: center;
            font-weight: 700;
        }
        h3 {
            text-align: center;
            font-weight: 700;
        }
        div {
            font-size: 12px;
            text-align: center;
        }
        a {
            text-decoration: none;
        }
        .btn {
            font-weight: 700;
        }
        .pic {
            text-align: center;
        }

        h5 {
            font-weight: 400;
        } 
    </style>
</head>
<body>
    <h1>"老腔" 何以令人震撼</h1>
    <div>
        2021-5-15 来源:<a href="#">网络侵删</a> <input type="text"> <button class="btn">搜索</button>
        <a href="注册界面.html" target="_blank">注册用户</a>
    </div>
    <hr>
    <h3>"老腔" 何以令人震撼</h3>
    <p class="pic"><img src="huoxing.jpg" width="590" height="490" ></p>
    <h6>高考某考生作:</h6>
    <h5 title="高考满分作文800字范文5篇">
        <p>华阴老腔,在几年前还是个名不见经传的小曲目。然而,这样一个小众甚至是默默无闻的老腔,却让陈忠实先生情难自禁,沉醉其中,不可自拔。不禁很好奇,“老腔”究竟何以令人震撼?</p>
        
        <p>也许是那一声声铿锵有力、直击人心的嘶吼,也许是那一段段百转千回、悠扬婉转的曲调,也许是台上台下演员的倾力演唱、人们的激情感染……或者,是藕断丝连的缕缕乡愁,是深结于心的归属与认同。前三者自不消说,确实打动了很多人,却难以让人有更深层次的、发自心灵的震颤和共鸣——这种共鸣,是需要共同的记忆和情感的。陈忠实生于关中,长于关中,他了解并几十年如一日地热爱着它;而在老腔中,在极富感染力和冲击力的表演中,他不能更加清晰地看到了故乡的面目,听到了自己引以为豪的土地的神灵之歌。这才是老腔之所以让人震撼的原因。这种深刻而广阔的民族归属感和文化认同感,让我们在与西方文明接轨、渐渐西洋化、渐渐遗忘了民间小调的时候,可以被一曲乡音震得泪流满面。这实在是一件可喜又可悲的事情。</p>
        
        <p>喜的是,像老腔一样的民间文化依旧可以轻而易举地引起我们的感动和震撼;悲的是,像老腔一样的的民间文化居然可以轻而易举地引起我们的感动和震撼。难能方为可贵,都是越不容易得到,才越发觉得珍贵,觉得眼前一亮。本应深植于日常生活的风土 现在的人们,是不是已经走得太远,以至于都要看不见回家的路了呢?</p>
    
        <p>两年前,坐在课桌前的考生们面对着“北京老规矩”的茫然无措依旧历历在目。家家户户四合院、七折八拐胡同湾的景象已经不复存在,似乎连带着那些陈旧又充满温情的习惯也跟着一同去了。听得别人提起,才会恍然大悟,惊喜非常:就应该是这样的啊!老腔是如此,老规矩是如此,甚至连大名鼎鼎的国粹京剧,也不知道有多少个孩子有过完完整整听一出戏的经历。这片土地记忆的格调,就在我们这一代中逐渐被更改;这片土地文化的精粹,就在我们这一代中逐渐被掩埋。
        
        <p>偶然听到、看到、感受到,所带来的震撼终究是短暂的,短暂之后又是长久的遗忘;而我们需要的,从来都不是遗忘。</p>

        <p>在追逐更加多样的未来的时候,有时也需要停下来,多看看来时的路。</p>

        <p>即使登上顶峰,一个没有自己独有回忆的人也不是一个完整的人;即使快速发展,一个没有自己独特文化的国家也不是一个值得尊敬的国家。希望在不久的将来,我们领略到和老腔类似的民间艺术时,不会再如此“肤浅”地被震撼。</p>
    
    
    </h5>
        
</body>
</html>

2、注册页面源代码 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    
</head>
<body>
    <h4>注册用户</h4>
    <table width="600" >
        <!-- 第一行 -->
        <tr>
            <td>账号:</td>
            <td><input type="text"></td>
        </tr>
        <!-- 第二行 -->
        <tr>
            <td>密码:</td>
            <td><input type="password"></td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name="sex" id="nan"> <label for="nan"><img src="man.jpg" > 男</label>
                <input type="radio" name="sex" id="nv"> <label for="nv"><img src="women.jpg" > 女</label>
            </td>
        </tr>
         <!-- 第四行 -->
        <tr>
            <td>生日:</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>2000</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                    <option>2004</option>
                    <option>2005</option>
                </select>
                <select>
                    <option>--请选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select>
                <select>
                    <option>--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                    <option>15</option>
                    <option>16</option>
                    <option>17</option>
                    <option>18</option>
                    <option>19</option>
                    <option>20</option>
                    <option>21</option>
                    <option>22</option>
                    <option>23</option>
                    <option>24</option>
                    <option>25</option>
                    <option>26</option>
                    <option>27</option>
                    <option>28</option>
                    <option>29</option>
                    <option>30</option>
                    <option>31</option>
                </select>
            </td>
        </tr>
         <!-- 第五行 -->
        <tr>
            <td>所在地区</td>
            <td><input type="text" ></td>
        </tr>
       <!-- 第六行 -->
        <tr>
            <td>婚姻状况</td>
            <td><input type="radio" name="marry" checked="checked" id="unmarried"> <label for="unmarried">未婚</label> <input type="radio" name="marry" id="married"> <label for="married">已婚</label> <input type="radio" name="marry" id="lihun"><label for="lihun"> 离婚 </label></td>
        </tr>
       <!-- 第七行 -->
        <tr>
            <td>学历</td>
            <td><input type="text" value="博士后"></td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td>喜欢的类型</td>
            <td><input type="checkbox" name="love" id="good"><label for="good">好的</label>
                <input type="checkbox" name="love" id="bad"><label for="bad">不好的</label>
                <input type="checkbox" name="love" id="great"><label for="great">挺好的</label>
                <input type="checkbox" name="love" id="worse"><label for="worse">很不好的</label>
                <input type="checkbox" name="love" id="all"><label for="all">都喜欢</label>
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td>个人介绍</td>
            <td>
                <textarea>个人简介</textarea>
            </td>
        </tr>
        <!-- 第十行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 第十一行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">  我同意注册条款和会员加入标准
            </td>
        </tr>
        <!-- 第十二行 -->
        <tr>
            <td></td>
            <td>
                <h5>我承诺</h5>
                <ul>
                    <li>1.凑字数凑字数凑字数凑字数</li>
                    <li>2.凑字数凑字数凑字数凑字数</li>
                    <li>3.凑字数凑字数凑字数凑字数</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

效果图 

1、新闻页面

2、注册页面 

  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

森屿暖树麋鹿与夕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值