前端第一次作业
第一个页面
<!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>
<style>
.juzhong {
text-align: center;
}
span {
color: blue;
}
</style>
</head>
<body>
<h1 class="juzhong">“老腔”何以令人震撼</h1>
<div class="juzhong">
2021-05-15 来源：<span>网络侵删</span>
<input type="text"><input type="button" value="搜索">
<a href="“老腔”何以令人震撼-注册页面.html" target="_blank">注册用户</a>
</div>
<!--超链接-->
<hr>
<!-- 水平线 -->
<h3 class="juzhong">“老腔”何以令人震撼</h3>
<p class="juzhong"><img src="图片/huoxing.jpg" title="“老腔”何以令人震撼" height="500"></p>
<!--在<p>中插入图片，可以居中-->
<h4>高考某考生作：</h4>
<p>华阴老腔，在几年前还是个名不见经传的小曲目。 然而，这样一个小众甚至是默默无闻的老腔，却让陈忠实先生情难自禁，沉醉其中，不可自拔。不禁很好奇，“老腔”究竟何以令人震撼?</p>
<p>也许是那一声声铿锵有力、直击人心的嘶吼，也许是那一段段百转千回、悠扬婉转的曲调，也许是台上台下演员的倾力演唱、人们的激情感染……或者， 是藕断丝连的缕缕乡愁，是深结于心的归属与认同。前三者自不消说，确实打动了很多人，却难以让人有更深层次的、发自心灵的震颤和共鸣——这种共鸣，是需要共同的记忆和情感的。陈忠实生于关中，长于关中，他了解并几十年如一日地热爱着它;而在老腔中，在极富感染力和冲击力的表演中，他不能更加清晰地看到了故乡的面目，听到了自己引以为豪的土地的神灵之歌。 这才是老腔之所以让人震撼的原因。这种深刻而广阔的民族归属感和文化认同感，让我们在与西方文明接轨、渐渐西洋化、渐渐遗忘了民间小调的时候，可以被一曲乡音震得泪流满面。这实在是一件可喜又可悲的事情。</p>
<p>喜的是，像老腔一样的民间文化依旧可以轻而易举地引起我们的感动和震撼; 悲的是，像老腔一样的的民间文化居然可以轻而易举地引起我们的感动和震撼。难能方为可贵，都是越不容易得到，才越发觉得珍贵，觉得眼前一亮。本应深植于日常生活的风土 现在的人们，是不是已经走得太远，以至于都要看不见回家的路了呢?</p>
<p>两年前，坐在课桌前的考生们面对着“北京老规矩”的茫然无措依旧历历在目。 家家户户四合院、七折八拐胡同湾的景象已经不复存在，似乎连带着那些陈旧又充满温情的习惯也跟着一同去了。听得别人提起，才会恍然大悟，惊喜非常：就应该是这样的啊!老腔是如此，老规矩是如此，甚至连大名鼎鼎的国粹京剧， 也不知道有多少个孩子有过完完整整听一出戏的经历。这片土地记忆的格调，就在我们这一代中逐渐被更改;这片土地文化的精粹，就在我们这一代中逐渐被掩埋。</p>
<p>偶然听到、看到、感受到，所带来的震撼终究是短暂的，短暂之后又是长久的遗忘;而我们需要的，从来都不是遗忘。</p>
<p>在追逐更加多样的未来的时候，有时也需要停下来，多看看来时的路。</p>
<p>即使登上顶峰，一个没有自己独有回忆的人也不是一个完整的人;即使快速发展，一个没有自己独特文化的国家也不是一个值得尊敬的国家。希望在不久的将来，我们领略到和老腔类似的民间艺术时，不会再如此“肤浅”地被震撼。</p>
</body>
</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>
<style>
body {
font: 16px "Microsoft yahei";
}
</style>
</head>
<body>
<h3>注册用户</h3>
<table width="500">
<tr>
<td>账号：</td>
<td><input type="text"></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="text"></td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" id="sex1">
<label for="sex1">女</label>
<input type="radio" name="sex" id="sex2">
<label for="sex2">男</label>
</td>
<!-- 单选与多选要加上相同的name属性,label方便选中 -->
</tr>
<tr>
<td>生日：</td>
<td>
<!-- year -->
<select>
<option value="year">--请选择年份--</option>
<option value="year">2001</option>
<option value="year">2002</option>
<option value="year">2003</option>
<option value="year">2004</option>
<option value="year">2005</option>
<option value="year">2006</option>
</select>
<!-- month -->
<select>
<option value="month">--请选择月份--</option>
<option value="month">1</option>
<option value="month">2</option>
<option value="month">3</option>
<option value="month">4</option>
<option value="month">5</option>
<option value="month">6</option>
<option value="month">7</option>
<option value="month">8</option>
<option value="month">9</option>
<option value="month">10</option>
<option value="month">11</option>
<option value="month">12</option>
</select>
<!-- day -->
<select>
<option value="day">--请选择日--</option>
<option value="day">1</option>
<option value="day">2</option>
<option value="day">3</option>
<option value="day">4</option>
<option value="day">5</option>
<option value="day">6</option>
<option value="day">7</option>
<option value="day">8</option>
<option value="day">9</option>
<option value="day">10</option>
<option value="day">11</option>
<option value="day">12</option>
<option value="day">13</option>
<option value="day">14</option>
<option value="day">15</option>
<option value="day">16</option>
<option value="day">17</option>
<option value="day">18</option>
<option value="day">19</option>
<option value="day">20</option>
<option value="day">21</option>
<option value="day">22</option>
<option value="day">23</option>
<option value="day">24</option>
<option value="day">25</option>
<option value="day">26</option>
<option value="day">27</option>
<option value="day">28</option>
<option value="day">29</option>
<option value="day">30</option>
<option value="day">31</option>
</select>
</td>
</tr>
<tr>
<td>所在地区：</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>婚姻状况：</td>
<td>
<input type="radio" name="marry" id="marry1" checked="checked">
<label for="marry1">未婚</label>
<input type="radio" name="marry" id="marry2">
<label for="marry2">已婚</label>
<input type="radio" name="marry" id="marry3">
<label for="marry3">离婚</label>
</td>
</tr>
<tr>
<td>学历：</td>
<td><input type="text"></td>
</tr>
<tr>
<td>喜欢的类型：</td>
<td>
<input type="checkbox" name="type" id="type1">
<label for="type1">好的</label>
<input type="checkbox" name="type" id="type2">
<label for="type2">不好的</label>
<input type="checkbox" name="type" id="type3">
<label for="type3">挺好的</label>
<input type="checkbox" name="type" id="type4">
<label for="type4">很不好的</label>
<input type="checkbox" name="type" id="type5" checked="checked">
<label for="type5">都喜欢</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>
扫一扫
108
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
