D2 2018 7 27 作业

最新推荐文章于 2024-02-21 19:59:11 发布

Priate7

最新推荐文章于 2024-02-21 19:59:11 发布

阅读量112

点赞数

分类专栏：每日作业

本文链接：https://blog.csdn.net/qq_39986477/article/details/81239853

版权

每日作业专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.模块的使用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>DIVtest</title>
    </head>
    <body>
        hello div<hr/>
        <div style="background-color: bisque; width: 300px; height: 400px;">
            <span style="font-size:57; color: darkgoldenrod;">第一个DIVtest</span>
        </div>
        <div style="background-color: brown; width: 300px; height: 400px;">
            <b>这是一个b标签</b>
            <img src="img/abc.jpg" />
            <img src="img/c93bc1441f860564d38b8ab8067964b5.jpg"/>
        </div>
    </body>
</html>

2.form的使用和搜索转接

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>FORM</title>
    </head>
    <body>
        <form action="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=&rsv_pq=dbbd3dd80000a87d&rsv_t=f907nwndmDDivXQHDWo7Ew%2F35zlC%2BAJJPvgH7fIw3SBcZL9KaGsmyExuMHk&rqlang=cn&rsv_enter=1&rsv_sug3=6&rsv_sug1=6&rsv_sug7=101">
            <input type="text" name="wd"/>

            <input type="submit" value="提交"/>

        </form>
    </body>
</html>

3.今天写的主程序框架，其中使用了对网页的框架架构，分别用各个小段代码去填充主代码，进行模块化。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>郑州大学</title>
    </head>
        <frameset rows="100px,*" >
            <frame align=center src="title.html"/>
                <frameset cols="250px,*">
                    <frame src="xulieliebiao.html"/>
                    <frame name="neirong" src="neirong.html"/>
                </frameset>
        </frameset>
</html>

还有用到的3块模块

标题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>郑州大学</title>
    </head>
    <body>
        <h1><font color="red" size="7">郑州大学教务在线</font></h1>
    </body>
</html>

菜单

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
    </head>
    <body>
        <div>
            <ol>
                <li><a href="http://www.baidu.com"target="_parent">百度父页面跳转</a></li><br/>
                <li><a href="http://www.baidu.com"target="_blank">百度网页外跳转</a></li><br/>
                <li><a href="http://www.baidu.com"target="_self">百度当前页面模块跳转跳转</a></li><br/>
                <li><a href="http://www.baidu.com"target="neirong">在内容模块跳转</a></li><br/>
            </ol>
                <li><a href="http://www.baidu.com"target="_parent">百度父页面跳转</a></li><br/>
                <li><a href="http://www.baidu.com"target="_blank">百度网页外跳转</a></li><br/>
                <li><a href="http://www.baidu.com"target="_self">百度当前页面模块跳转跳转</a></li><br/>
                <li><a href="http://www.baidu.com"target="neirong">在内容模块跳转</a></li><br/>
            <ul>
            </ul>
        </div>
    </body>
</html>

菜单我使用了4种不同的跳转方式

内容

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>内容</title>
    </head>
    <body>
            郑州大学（Zhengzhou University），简称“郑大”，是中华人民共和国教育部与河南省人民政府共建全国重点大学，首批国家“双一流”世界一流大学、“211工程”、中西部“一省一校”重点建设高校、“海外高层次人才引进计划”、“中西部高校综合实力提升工程”，“卓越工程师教育培养计划”、“卓越法律人才教育培养计划”、“卓越医生教育培养计划”、“国家建设高水平大学公派研究生项目”、“国家大学生创新性实验计划”入选高校，拥有国家大学科技园，具有自主招生资格。</br>
            郑州大学医科教育源于1928年的国立第五中山大学，1952年河南医学院独立建院，开启了河南医学高等教育的先河，1984年，定名为河南医科大学；原郑州大学创建于1956年，是新中国创办的第一所综合性大学，1961年，郑州师范学院并入，1991年，黄河大学并入，1992年，河南体育专科学校并入；郑州工业大学成立于1963年，是原化工部直属的重点院校，1973年，河南农业大学粮油工业系并入;2000年7月，原郑州大学、郑州工业大学和河南医科大学三校合并组建新郑州大学。</br>
            截至2017年9月，郑州大学占地面积5700余亩，校本部包括主校区、南校区、北校区、东校区4个校区；有全日制本科生5.5万余人、各类研究生1.5万余人，留学生1800余人；有教职工5700余人，其中两院院士、学部委员10人、海外院士3人、长江学者7人；设有47个院（系），9个附属医院，113个本科专业；拥有55个一级学科硕士点，21个一级学科博士点，24个博士后科研流动站。

    </body>
</html>

效果
效果图

css代码复用练习

<!DOCTYPE html>
<html>
    <style type="text/css">
    div{
        width: 400px;
        height: 400px;
        background-color: chartreuse;
    }
    </style>
    <head>
        <meta charset="{CHARSET}">
        <title>CSStest</title>
    </head>
    <body>
        <div style="width: 400px;height: 400px;background-color: chartreuse;">
        </div>  <hr />
        <div></div><hr />
        <div></div><hr />
        <div></div><hr />
                         <!--
                            作者：2461955633@qq.com
                            时间：2018-07-27
                            描述：复用代码
                         -->
        <div style="width: 40px;height: 50px;background-color: red;">
                                                                     <!--
                                                                        作者：2461955633@qq.com
                                                                        时间：2018-07-27
                                                                        描述：单独定制属性
                                                                     -->
    </body>
</html>

今天的作业大概就这些，有些细节操作的代码使用值得特别注意例如 name的使用。

Priate7

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
D2 2018 7 27 作业

1.模块的使用&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt; &amp;amp;lt;title&
复制链接

扫一扫

专栏目录