新闻界面代码如下：
代码已添加注释。
<!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>
<!-- 使用CSS调色 -->
<style>
.blue {
color: blue;
}
.purple {
color: purple;
}
.div {
position: relative;
left: 30%;
}
</style>
</head>
<body>
<h1 align="center">"老腔"何以令人震撼</h1>
<table align="center">
<tr>
<td>2021-05-15</td>
<td>来源：</td>
<td class="blue">网络侵删</td>
<td>
<input type="text" />
</td>
<td>
<input type="submit" value="搜索" />
</td>
<td>
<a href="注册用户.html" target="_blank" class="purple">注册用户</a>
<!-- 以新窗口弹出方式打开注册页面 使用CSS调色 -->
</td>
</tr>
</table>
<!-- 水平线 -->
<hr>
<!-- 小标题 -->
<h5 align="center">"老腔"何以令人震撼</h5> <br />
<!-- 插入图片 调整大小 使用CSS调整居中 添加替换文本和提示文本-->
<img src="img/huoxing.jpg " width="520" height= "420" class="div" alt="天文一号祝融火星车" title="天文一号祝融火星车"/>
<!-- 文章内容 -->
<h6>高考某考生作：</h6>
<p>华阴老腔，在几年前还是个名不见经传的小曲目。
然而，这样一个小众甚至是默默无闻的老腔，却让陈忠实先生情难自禁，沉醉其中，不可自拔。不禁很好奇，“老腔”究竟何以令人震撼?</p>
<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>
.blue {
color: blue;
}
</style>
</head>
<body>
<!-- 使用表格标签 -->
<table>
<tr>
<td>
<h3>注 册 用 户</h3>
</td>
<td></td>
</tr>
<!-- 账号框 -->
<tr>
<td>
账号:
</td>
<td>
<input type="text" />
</td>
</tr>
<!-- 密码框 -->
<tr>
<td>
密码:
</td>
<td>
<input type="password" />
</td>
</tr>
<tr>
<!-- 性别框 -->
<td>
性别：
</td>
<td>
<!-- 使用label标签 固定name -->
<input type="radio" id="male" name="sex" > <label for="male">男</label>
<input type="radio" id="female" name="sex"> <label for="female">女</label>
</td>
</tr>
<tr>
<td>
生日：
</td>
<!-- 年月日 select标签 -->
<td>
<select>
<option>--请选择年份-- </option>
<option> 2000</option>
<option>其他</option>
</select>
<select>
<option>--请选择月份-- </option>
<option>1 </option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>其他</option>
</select>
<select>
<option>--请选择日--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>其他</option>
</select>
</td>
</tr>
<tr>
<!-- 所在地区 使用text表单控件 -->
<td>
所在地区：
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>
婚姻状况：
<!-- 默认固定未婚为cheacked -->
</td>
<td>
<input type="radio" name="marridge" id="weihun" checked="checked"> <label for="weihun">未婚</label>
<input type="radio" name="marridge" id="yihun"> <label for="yihun">已婚</label>
<input type="radio" name="marridge" id="lihun"> <label for="lihun">离婚</label>
</td>
</tr>
<tr>
<!-- 学历 默认值为博士后 -->
<td>
学历：
</td>
<td>
<input type="text" value="博士后" />
</td>
</tr>
<tr>
<!-- 喜欢的类型 使用checkbox复选框 默认固定 "都喜欢"为checked -->
<td>
喜欢的类型：
</td>
<td>
<input type="checkbox" /> 好的
<input type="checkbox" /> 不好的
<input type="checkbox"/> 挺好的
<input type="checkbox"/> 很不好的
<input type="checkbox" checked="checked"/> 都喜欢
</td>
</tr>
<tr>
<!-- 个人介绍使用 textarea控件 -->
<td>
个人介绍：
</td>
<td>
<textarea>个人简介</textarea>
</td>
</tr>
<tr>
<!-- submit表单控件 -->
<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>效果图如下：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
