首页 前端知识 WEB前端寒假班---HTML部分(第一次作业)

WEB前端寒假班---HTML部分(第一次作业)

2024-06-06 00:06:37 前端知识 前端哥 156 23 我要收藏

一:

要求: 1. 用户名为文本框,名称为 UserName,长度为 15,最大字符数为 20。 2. 密码为密码框,名称为 UserPass,长度为 15,最大字符数为 20。 3. 性别为两个单选按钮,名称为 sex,值分别为男和女,男默认选中。 4. 爱好是三个多选按钮,名称为 like,值分别为写作、听音乐、体育。 5. 省份为下拉框,名称为 province,选项的键-值对为 Key:陕西省,value:shaanxi ;Key:山西省, value:shanx;陕西省默认选中。 6. 自我介绍为多行文本框,名称为 intro,宽 25,高 5,默认值为“这个家伙什么也没留下”。 7. 提交按钮,名称为“send”,标签为“提交”。 8. 重置按钮,名称为“reset”,标签为“重置”。 9. 参照图使用表格定位表单。

代码部分:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <table

    <form action="" method="post">

       <header>用户注册</header><br>

      用户名 <input type="text" name="Username" lang="15"  placeholder=""><br>

       密码 <input type="passward" name="passward" lang="15" placeholder=""><br>

       性别 <input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女<br>

       爱好 <input type="checkbox" name="like" value="写作">写作<input type="checkbox" name="like" value="听音乐">听音乐<input type="checkbox" name="like" value="体育">体育<br>

       省份 <select name="province">

              <option selected value="陕西省"> 陕西省</option>

              <option value="山西">山西</option>

              </select><br>

   自我介绍 <textarea name="intro" width="25" height="5" pelaceholder="这个家伙什么也没留下"></textarea><br>

   <input type="submit" name="send" value="提交">

   <input type="reset" name="reset" value="重置"><br>

    </form>

</body>

</html>

结果图:

作业二:

代码部分:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <table width="100" border="1" cellspacing="0" cellpadding="0">

        <header>工商银行电子汇款单</header>

        <tr>

            <td ><strong>回单类型</strong></td>

            <td>网上转账汇款</td>

            <td><strong>指令序号</strong></td>

            <td>HQH0000000000000013878172</td>

        </tr>

        <tr>

            <td solspan="4"><strong>收款人</strong></td>

            <td>户名</td>

            <td>老牟</td>

            <td><strong>付款人</strong></td>

            <td>户名</td>

            <td>老刘</td>

        </tr>

        <tr>

            <td>卡号</td>

            <td>000000000001</td>

            <td>卡号</td>

            <td>000000000002</td>

        </tr>

        <tr>

            <td>地区</td>

            <td>南京</td>

            <td>地区</td>

            <td>杭州</td>

         

        </tr>

        <tr>

            <td>网点</td>

            <td>工商江苏南京业务处理中心</td>

            <td>网点</td>

            <td>江苏徐州处理中心</td>

        </tr>

        <tr>

            <td>币种</td>

            <td>人民币</td>

            <td>汇钞标志</td>

            <td>钞票</td>

        </tr>

        <tr>

            <td>金额</td>

            <td>1.00元</td>

            <td>手续费</td>

            <td>0.57元</td>

        </tr>

        <tr>

            <td>合计</td>

            <td>人民币(大写)壹元整</td>

        </tr>

        <tr>

            <td>交易时间</td>

            <td>2017年7月1日</td>

            <td>时间戳</td>

            <td>2017-06-01-13.00.00. 00000</td>

           

        </tr><br>

   </table>

    <footer>票据打印时间:2017-0601 15:00</footer><br>

    <del>票据打印单位:江苏徐州业务中心</del><br>

    <tr>操作员:大曾</tr>

</body>

</html>

结果图:

作业三:

代码部分:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <pre>

   <tr><h1> 将进酒<h2> 君不见黄河之水天上</h2></h1></tr>  

   <img src="C:\Users\GUOGUO\Pictures\1234" width="200" height="50" border="1"

>

君不见黄河之水天上来②,奔流到海不复回。

君不见高堂明镜悲白发③,朝如青丝暮成雪④。

人生得意须尽欢⑤,莫使金樽空对月⑥。

天生我材必有用⑦,千金散尽还复来⑧。

烹羊宰牛且为乐,会须一饮三百杯⑨。

岑夫子⑩,丹丘生⑪,将进酒,杯莫停⑫。

与君歌一曲⑬,请君为我倾耳听⑭。

钟鼓馔玉不足贵⑮,但愿长醉不复醒⑯。

古来圣贤皆寂寞⑰,惟有饮者留其名。

陈王昔时宴平乐⑱,斗酒十千恣欢谑⑲。

主人何为言少钱⑳,径须沽取对君酌㉑。

五花马㉒、千金裘㉓,呼儿将出换美酒㉔,与尔同销万古愁㉕。

    </pre>

</body>

</html>

结果图:

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10980.html
标签
评论
发布的文章

js 指定光标位置

2024-06-10 23:06:55

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!