前端练手

Posted 淇水清云

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端练手相关的知识,希望对你有一定的参考价值。

华阴老腔介绍
主页和爱好者页注册
主页图片

主页代码:

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

```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>
   
   <form>
       <table width="500" align="center">
          <tr> <td><p><h3>注册用户</h3></p></td></tr>
   <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="123"/><input type="radio" name="123" /></td>
   </tr>
   <tr><td>生日:</td>
     <td> <select> <option selected>--请选择年份--</option></select>
      <select> <option selected>--请选择月份--</option></select>
      <select> <option selected>--请选择日--</option></select></td>
   </tr>
   <tr><td>所在地区</td> <td> <input type="text" /></td></tr>
   <tr><td>婚姻状况:</td>
           <td><input type="radio" name="12"  checked="checked"/>未婚
            <input type="radio" name="12" />已婚
            <input type="radio" name="12" />离婚</td></tr>
  <tr> <td>学历:</td><td><input type="text" value="博士后" /></td></tr>
  <tr> <td>喜欢的类型:</td>
             <td> <input type="checkbox" name="12" />好的
              <input type="checkbox" name="12" />不好的
              <input type="checkbox" name="12" />挺好的
              <input type="checkbox" name="12" />很不好
              <input type="checkbox" name="12" checked="checked" />都喜欢的</td></tr>
<tr><td>个人介绍</td> <td>
    <textarea >
个人简介
    </textarea>
</td></tr>
<tr><td>  </td><td><input type="button" value="免费注册"/></td></tr>
<tr><td>  </td><td><input type="checkbox" checked="checked"/>我同意注册条款和加入标准</td></tr>
<tr><td>  </td><td><p><h4>我承诺</h4></p></td></tr>
<tr><td>  </td><td><ul>
    <li>1.凑字数凑字数凑字数凑字数</li>
    <li>2.凑字数凑字数凑字数凑字数</li>
    <li>3.凑字数凑字数凑字数凑字数</li>
    </td></tr>
</table>
</ul></form>
</body>
</html>

以上是关于前端练手的主要内容,如果未能解决你的问题,请参考以下文章

前端练手项目

前端练手

前端练手

前端练手

黑马程序员前端-CSS练手之学成在线页面制作

前端练手项目合集40.0个,附源码,2022年最新