(第一次作业）网页制作html

78 阅读 0 评论 52 点赞

我是靠谱客的博主自然绿茶，最近开发中收集的这篇文章主要介绍(第一次作业）网页制作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>Document</title>
</head>
<body>
    <h1 align="center">“老腔”何以令人震撼</h1>

    <p align="center">2021—05—15 来源: <a href="#">网络侵删</a> <input type="tsxt" > <input type="submit" value="搜索"> <a href="zhuce.html" target="_blank">注册用户</a> <br /></p>
    <h4>“老腔”何以令人震撼</h4>
    <img src="1.jpg" title="是一张图片呢" width="500"  height="300" />
    <h6>高考某考生作:</h6>
    <p>华阴老腔，在几年前还是个名不见经传的小曲目。然而，这样一个小众甚至是默默无间的老腔。却让陈忠实
        先生情难自禁，沉群其中，不可自拔。不禁很好奇，“老腔”究竟何以令人需撼?</p>
    <p> 也许是那一声声控锵有力、直击人心的嘶吼，也许是那一段段百转千回，悠扬她转的曲调，也许是台上台下
       演员的倾力演唱，人们的激情....書，是藕断丝连的媒績乡愁，是深結于心的归属与认同。
       前三者自不消说，确实打动了很多人，  却难  以让人有更深层次的、发自心灵的囊劃和共鸣一一这种共鸣，
       是需要共同的记忆和情感的。陈忠实生于关中，长于关中，他了解并几十年如一日地热爱着它;而在老腔中，
       在极富感染力和冲击力的表演中，他不能更加清断站看到了故乡的面目，听到  了自己引以为毫的土地的神灵之歌。
       这才是老腔之所以让人震据的原因。这种深刻而广阔的民族归属感和文化以同感，让我们在与西方文明接机，渐渐西洋化，
      渐渐遇忘了民间小啊的时候，可以被一曲乡言震得泪流满面。这实在是一件可喜又可悲的事情。</p>
    <p>喜的是，像老腔一样的民间文化依旧可以轻而易举地引起我们的感动和意感悬的是，
    像老腔一样的的民间文化居然可以轻而暴举地引起我们的感动和震撼。难能方为可贵，都是越不容易得到，
    才越发觉得珍贵，觉得眼前一亮。本应深植于日常生活  的风土现在的人们，是不是已經走得太远，
    以至于都要看不见回家的路了呢?</p>
    <p>两年前，坐在课桌前的考生们厦对着“北京老规矩”的茫然无措依旧历历在目。家家户户四合院、七折八拐胡向湾的景象已经不能存在，
    似乎连带着那些陈旧又充满温情的习惯也跟着一同去了。听得别人提起，才会恍然大悟，惊喜非常:就应该是  
    这样的啊!老腔是如此，老规矩是如此。甚至连大名融鼎的国粹京剧，也不知道有多少个孩子有过完完整整听一出戏的经历。
    这片土地记忆的格调，就在我们这一代中逐渐被更改;这片土地文化的精粹，就在我们这一代中逐渐被掩埋。</p>
    <p>偶然听到，看到、感受到，所带来的需撼线究是短暂的，短暂之后又是长久的遗忘,而我们需要的，从来都不是遗忘。</p>
    <p>在追逐更加多样的未来的时候，有时也需要停下来，多看看来时的路。</p>
    <p>即使登上顶峰。一个没有自己独有回忆的人h不是一个家整的人部使快速发展，
    一个没有自己独特文化的国家也不是一个值得幕收的国家。希望在不久的将来，
    我们领略到和者腔美似的民间艺术时，不会再如此“肤浅”地被囊据</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>Document</title>
</head>
<body>
    <h4>注册用户</h4>
    <table width="700">
        <tr>
            <td>账号：</td>
            <td>
                <input type="tsxt">
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="password">
            </td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" id="nan"><lable for="nan">男</lable>
                <input type="radio" name="sex" id="nv"><lable for="nv">女</lable>
            </td>
        </tr>
        <tr>
            <td>生日:</td>
            <td>
             <select>
                <option>--请选择年份--</option>
                <option>1998</option>
                <option>1999</option>
                <option>2000</option>
                <option>2001</option>
                <option>2002</option>
                <option>2003</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
                    <!-- 此处省略到30日 -->
                </option>
             </select>
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td>
                <input type="text" value="请输入所在地区">
            </td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td>
                <input type="radio" name="marry" checked="checked"/> 未婚 <input type="radio" name="marry" /> 已婚 <input type="radio" name="marry" /> 离婚
            </td>
        </tr>
        <tr>
            <td>学历：</td>
            <td>
                <input type="text" value="博士后">
            </td>
        </tr>
        <tr>
            <td>喜欢的类型：</td>
            <td>
                <input type="checkbox" name="leixing" />好的
                <input type="checkbox" name="leixing" />不好的
                <input type="checkbox" name="leixing" />挺好的
                <input type="checkbox" name="leixing" />很不好的
                <input type="checkbox" name="leixing" checked="checked" />都喜欢
            </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>
                <a href="#">俺是会员，立即注册</a>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h5>我承诺</h5>
                <ul>
                    <li>1.以后少刷抖音多看前端学习视频</li>
                    <li>2.学习时多用心 多练</li>
                    <li>3.这个赛季上王者</li>
                </ul>
            </td>
        </tr>

    </table>
</body>
</html>

做完这次任务，特别是注册页面后，成就感还是很大的，曾经填过无数次的注册页面，如今自己做了类似的模板，很是高兴。

希望自己在接下来继续保持热爱，学到更多有用有趣的知识，扩充自己。