初学者的前端作业

做一个简单的网页

上代码:

需要注意的点:

1.刚开始的时候我的图片一直插入不进去,代码也没有问题,刷新也刷新不出来,之后又保存了一下,图片才插进去。注:可以设置一下自动保存,然后可以快捷键Alt+B;就可以看效果了。

2.在第一个网页的上方的网络侵删可以用css进行颜色的改变,用来强调或者比较醒目,代码为

<span style="color:blue">

3.在上方有一条分割线,我采用的是<hr/>进行的分割​​​​​​

 

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

效果图: 

 

 做注册信息的页面:

我认为做的不好的一点是当小月份时,选择日时还是会出现31日。

<!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>
    <h2>注&nbsp;&nbsp;册&nbsp;&nbsp;用&nbsp;&nbsp;户</h2>
    <form>
        <table width="500">  
    <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" >男</label><input type="radio"name="sex"id="nv"><label for="nv">女</label> </td>
            </tr>
      
   <tr>
       <!-- 第四行 -->
       <td>
           生日:
       </td>
       <td>
           <select>
               <option>--请选择年份--</option>
               <option>2001年</option>
               <option>2002年</option>
               <option>2003年</option>
               <option>2004年</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="hun"checked="checked"id="wei"><label for="wei">未婚</label><input type="radio" name="hun"id="yi"><label for="yi">已婚</label><input type="radio" name="hun"id="li"><label for="li">离婚</label></td>
    </tr>
<tr>
    <!-- 第六行 -->
    <td>学历:</td>
    <td><input type="text"checked="checked" value="博士后"></td>
    </tr>
    <tr>
    <!-- 多选的那个记得 -->
        <td> 喜欢的类型:</td>
        <td><input type="checkbox" name="xihuan" >好的<input type="checkbox" name="xihuan" >不好的<input type="checkbox" name="xihuan" >挺好的<input type="checkbox" name="xihuan" >很不好的<input type="checkbox" name="xihuan"checked="checked" >都喜欢</td>
    </tr>
  <tr>
      <!-- 第七行 -->
      <td>个人介绍:</td>
      <td>
          <!-- textarea的用法 -->
          <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><h4>我承诺</h4></td>
</tr>
 <tr>
     <td></td>
  <td>
     <ul>
      <li>1.凑字数凑字数凑字数</li>
      <li>2.凑字数凑字数凑字数</li>
      <li>3.凑字数凑字数凑字数</li>
  </ul></td>
  <!-- ul中只能放li标签不能放别的的li里面可以放啥都可以放 -->
   </tr>
</table>
</form>

</body>
</html>

效果图:

 

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值