D1 2018 7 26 作业

今天应该是第二天,开始使用html编写表格,主要使用了一下代码

1.

<tr>
    <td>
    <td>
<tr>

编写表格。
2.

<table border="npx" width="npx" height="npx" cellpadding="0"cellspacing="0"

去分别控制边框的像素大小,还有表格的高和宽,控制内边距和外边距
3.

rowspan

跨行合并
4.

colspan

跨列合并
5.

bordercolor

边框的颜色
6.

align=center

居中
7.接受文本输入框的设置

<input type="text"/>

8.密码的输入框

<input type="password">

9.单选框的设置

<input type="radio"/>选项一
<input type="radio"/>选项二
<input type="radio"/>选项三

为了只能选一个那么

<input type="radio"name="  x  "/>选项一
<input type="radio"name="  x  "/>选项二
<input type="radio"name="  x  "/>选项三

10.下拉框的设置

名字:<select>
        <option>选项一</option>
        <option>选项二</option>
        <option>选项三</option>
    </select>

11.多选框

<input type="checkbox"/>选项一
<input type="checkbox"/>选项二
<input type="checkbox"/>选项三

12.文本域

<textarea>     </textarea>

控制文本域大小

<textarea rows="4" cols="50">     </textarea>

13.按钮
第一种表达方式

<button>按钮名字<button>

第二种表达方式

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

14.空格的特殊表达方式
&ndsp = 空格

今天的学习让我感觉写代码并没有那么死板,有挺多代码可以灵活的组合使用会有一些意想不到的效果,附上今天写的作业一个调查报告应用了以上提到的挺多基础知识。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title ">问卷调查</title>
        <h1 align="center"><font color="red">问卷调查</font><h1>
    </head>
    <body>
        <hr>
        <table>
        <table border="7px" width="800px" height="600px" cellpadding="0" cellspacing="0" align="center" bordercolor="#FF0000">
            <tr>
                <td>用户名;</td>
                <td><input type="text"/></td>
            </tr>
            <tr>
                <td>密码;</td>
                <td><input type="password"/></td>
            </tr>
            <tr>
                <td>专业;</td>
                <td>
                    <select>
                        <option>计算机科学与技术</option>
                        <option>软件工程</option>
                        <option>电子工程</option>
                        <option>通信工程</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>性别;</td>
                <td>
                    <input type="radio"name="gender"/><input type="radio"name="gender"/><input type="radio"name="gender"/>其他
                </td>
            </tr>
            <tr>
                <td>兴趣;</td>
                <td><input type="checkbox"/>篮球<input type="checkbox"/>羽毛球<input type="checkbox"/>足球<input type="checkbox"/>乒乓球</td>
            </tr>
            <tr>
                <td>个人介绍;</td>
                <td>
                    <textarea cols="50" rows="4">
                    </textarea>
                </td>
            </tr>
            <tr>
                <td align="center"><input type=submit value=提交></td>
                <td align="center"><input type=reset value=重置></td>
            </tr>
        <table>
    </body>
</html>

附上效果图这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值