【前端学习】——第一次作业

作业要求:

完成 新闻界面+一个注册界面(根据群内截图做出 相同(大体一致)的界面 )压缩包内有完成后的素材:样式截图3张+新闻文本txt+一个新闻页图片

注意

1:在新闻界面 点击 注册用户 后跳转到注册界面

2:注意标签的使用,有些地方用到了css

3:注册界面要求用 表格相关标签 写!

4:新闻页和注册页在要求的基础上可自己补充添加标签或CSS样式。

下面为具体网页代码

<新闻界面>

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

<注册界面>

<!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>
    <h2><center>注册用户</center></h2>
    <br>
    <form action="">
        <center>
            <table width="900">
                <tr><td>账号:</td><td><input type="text" name="id"></td></tr>
                <tr><td>密码:</td><td><input type="password" name="password"></td></tr>
                <tr><td>性别:</td><td><input type="radio" name="sex" value="male">男<input type="radio" name="sex" value="female">女</td></tr>
                <tr><td>生日:</td><td width="500"><select name="year"><option>--请选择年份--</option><option>2019</option><option>2020</option><option>2021</option><option>2022</option></select> <select name="month"><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 name="day"><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" name="adress"></td></tr>
                <tr><td>婚姻状况:</td><td><input type="radio" name="hunyin">未婚<input type="radio" name="hunyin">已婚<input type="radio" name="hunyin">离婚</td></tr>
                <tr><td>学历:</td><td><input  type="text" name="xueli"></td></tr>
                <tr><td width="120">喜欢的类型:</td><td><input type="checkbox" name="vehicle[]">好的<input type="checkbox" name="vehicle[]">不好的<input type="checkbox" name="vehicle[]">挺好的<input type="checkbox" name="vehicle[]">很不好的<input type="checkbox" name="vehicle[]">都喜欢</td></tr>
                <tr><td>个人介绍  </td> <td><textarea rows="3" cols="20">个人简介</textarea></td></tr>
                <tr><td></td><td><input type="submit" value="免费注册"></td></tr>
                <tr><td></td><td width="300"><input type="checkbox" name="xieyi">我同意注册条款和加入标准</td></tr>
                <tr><td></td><td><h5>我承诺</h5></td></tr>
                <tr><td></td><td>1.凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数</td></tr>
                <tr><td></td><td>2.凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数</td></tr>
                <tr><td></td><td>3.凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数</td></tr>
            </table>
        </center>
    </form>
</body>
</html>

<网页效果>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值