网页设计作业 - P59四图代码

2023-09-26T23:45:00

原题:


3-24:

实现效果:

代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>分组元素的综合应用</title>
    </head>
    <body>
        爱心包装管理体系
        <br><br>
        工厂严格执行ISO9001,ISO14001和TS16949,管理体系,产品符合
        <br> RoHS环保认证,REACH环保要求。产品的各项参数指标均达到国内外
        <br>同类产品的先进水平,在国内外相关领域具有较高影响。
        <br><br>爱心包装经营模式
        <br><br>爱心包装采用标准化和定制化服务相结合的经营模式,以高品质的产品
        <br>为立足点,以技术服务于市场为导向,以先进优良的自动化生产和测试
        <br>装备为保障,以科学规范的管理,务实高效的决策,朝气蓬勃的高素质
        <br>员工团队为依托,为客户提供持续的优良产品生产服务和品质保证。
    </body>
</html>

3-25:

实现效果:

代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>商城支付选择</title>
        <style>
            .xuxian {
border-style: dotted;
    border-color: black;

            }
        </style>
    </head>
    <body>
        <h2>商城支付选择</h2>
        <table  border="2" " class="xuxian">
            <tr>
                <td> <img src=" Png/hdfk.png" alt="货到付款" width="150px" height="60px">
                </td>
                <td>由快递公司代收买家货款,货先送到客户手 <br> 上,客户验货之后再把客户钱给送货员,之后 <br> 货款再转到卖家账户里去。</td>
                <td>货到付款</td>
            </tr>
            <tr>
                <td><img src="Png/wyzf.png" alt="网银支付" width="150px" height="60px"></td>
                <td>用户可以通过自己所拥有的借记卡,信用卡的 <br> 银行,申请开通网上银行,进行网上支付。</td>
                <td>网银支付</td>
            </tr>
        </table>
    </body>
</html>
<!--
//图片没放上去
//copy的话把img里的png改成自己的png,这边不提供图片,自己画一个
-->

3-26:

实现效果:

代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>用户注册</title>
        <!--
      <link rel="stylesheet" href="css/3-26.css">
      //css样式用style写好了
      //copy的话可以删掉
      -->
              <style>
            .tablefont {
                height: 550px;
                width: 450px;
                border: 4px;
                border-style: double ;
                background-color: darkgray;
                border-color: black;
            }.right{
                text-align: right;
            }
        </style>
    </head>
    <body>
        <center>
            <h1>用户注册</h1>

            <form action="" method="get" >
                <table class="tablefont" border="2" >
                    <tr>
                    <td class="right">用户名</td>
                    <td><input name="user" id="user" type="text" required>*</td>
                    </tr>
                    <tr>
                        <td class="right">密码</td>
                        <td><input name="pass1" id="pass1" type="password" required>*</td>
                    </tr>
                    <tr>
                        <td class="right">确认密码</td>
                        <td><input name="pass2" id="pass2" type="password" required>*</td>
                    </tr>
                    <tr>
                        <td class="right">性别</td>
                        <td><input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女">女
                        </td>
                    </tr>
                    <tr>
                        <td class="right">出生日期</td>
                        <td><input type="date" id="birthday" value="1975-01-01"></td>
                    </tr>
                    <tr>
                        <td class="right">联系电话</td>
                        <td><input type="text" size="7" id="phnumber" name="phnumber"></td>
                    </tr>
                    <tr>
                        <td class="right">电子邮件</td>
                        <td><input type="email" name="mail" id="mail" placeholder="您的电子邮箱" required>*</td>
                    </tr>
                    <tr>
                        <td class="right">最高学历</td>
                        <td>
                            <input type="radio" name="study" value="中专">中专
                            <input type="radio" name="study" value="大专">大专
                            <input type="radio" name="study" value="大学" checked>大学
                        </td>
                    </tr>
                    <tr>
                        <td class="right">职业</td>
                        <td><select size="1" name="work" id="work">
                                <option value="学生">学生</option>
                                <option value="教师" selected>教师</option>
                                <option value="工人">工人</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="right">爱好</td>
                        <td>
                            <input type="checkbox" name="favorite" id="net" value="上网">上网
                            <input type="checkbox" name="favorite" id="bas" value="篮球" checked>篮球
                            <input type="checkbox" name="favorite" id="music" value="听歌">听歌
                            <input type="checkbox" name="favorite" id="xiaqi" value="下棋" checked>下棋
                        </td>
                    </tr>
                    <tr>
                        <td class="right">留言</td>
                        <td>
                            <textarea name="comment" id="" cols="25" rows="5" placeholder="请输入您的留言信息..."></textarea>
                        </td>
                    </tr>
                    <tr><td colspan="2" align="center"><input type="submit" name="submit" value="提交">&nbsp;&nbsp;<input type="reset" name="reset" value="重写"></td>
                    </tr>
                </table>
            </form>
        </center>
    </body>
</html>

3-27:

实现效果:

代码:

html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>习题</title>
        <link rel="stylesheet" href="css/3-27.css">
    </head>
    <body>
        <h2 class="yinying">个人基金投资者情况调查问卷</h2>
        <form action="">
            <dl>
                <dt>(1)您选择投资公募基金的主要原因是:( )</dt>
                <br><input type="radio" name="why1"
                    value="公募运作管理规范,信息披露全面,可以方便地查找相关信息,申购赎回等均很便利">公募运作管理规范,信息披露全面,可以方便地查找相关信息,申购赎回等均很便利

                <br> <input type="radio" name="why1" value="公募基金会有比较强大的投研团队">公募基金会有比较强大的投研团队

                <br><input type="radio" name="why1" value="公募基金投资门槛低,对投资者没有太多的资质及投资金额要求">公募基金投资门槛低,对投资者没有太多的资质及投资金额要求

            </dl>
            <dl>
                <dt>(2)您选择投资专户一对多基金的主要原因是:( )</dt>
                <br><input type="radio" name="why2"
                    value="专户一对多基金管理规范,同公募基金一样由比较强大的投研团队,且投资范围.投资比例较自由">专户一对多基金管理规范,同公募基金一样由比较强大的投研团队,且投资范围.投资比例较自由

                <br> <input type="radio" name="why2" value="专户一对多产品相对于公募基金有更强的针对性,可以更好地满足投资者要求">公募基金会有比较强大的投研团队

                <br><input type="radio" name="why2" value="其他">其他

            </dl>
            <dl>
                <dt>(3)您希望获得哪方面的资讯?( 多选题 )</dt>
                <br>
                <input type="checkbox" name="why3" value=" 产品设计理念">产品设计理念</input><br>
                <input type="checkbox" name="why3" value="投资思路">投资思路</input><br>
                <input type="checkbox" name="why3" value="基金经理介绍">基金经理介绍</input><br>
                <input type="checkbox" name="why3" value="购买渠道">购买渠道</input><br>
                <input type="checkbox" name="why3" value="购买费率">购买费率</input><br>
            </dl>
            <h2 class="yinying">如您希望获得抽奖机会,请留下如下信息</h2>
            姓名:<input type="text" name="姓名"><br>
            <br>手机:<input type="number" name="手机号"><br>
            <br>地址:<input type="text"size="50" name="地址"><br>
            <br>建议:<textarea name="建议" id="adv" cols="45" rows="5"></textarea>
            <br><br><input type="submit" value="提交">&nbsp<input type="reset" value="重置">
        </form>
    </body>
</html>

css:

.yinying{
    background: darkgray;
}

//到底了~
3-27的建个css文件,然后路径进行引用就行,或者直接用style

码完 :@(喷水)

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »