html中的teble标签制作表格

程序员文章站 2022-03-24 10:06:35

...

学习使用了html中的teble标签制作表格

用的标签是<teble> </teble>标签 <tr></tr>标签 <td></td>标签 <div></div> 标签等等


html
<head>
<meta charset="utf-8">
<title>HTML标签作业之table</title>
    <style>
        .jiben {
        height: 40px;
        border-color: blanchedalmond;
        border-bottom: aqua;
        text-align: center;
        }
        .work{
        color: chartreuse;
        font-size: 18px;
        }
    </style>
</head>
<body>
<table border="4" cellspacing="1" width="600px">
<!-- cellspacing是单元格之间的距离 -->
    <tr>
        <td align="center" colspan="6" bgcolor="aquamarine">
        <a href="" >这里是需要用到表格的背景色</a>
        </td>
    </tr>
    <tr class="jiben">
        <td colspan="6"> <font size="25" color="crimson">—My基本资料—</font></td>
    </tr>
    <tr class="jiben" style="color: brown;">
        <td>姓名：</td>
        <td>性别：</td>
        <td>年龄：</td>
        <td>身高：</td>
        <td>籍贯：</td>
        <td>出生日期：</td>

    </tr>
    <tr class="jiben">
        <td>张三疯</td>
        <td>男</td>
        <td>99</td>
        <td>180CM</td>
        <td>中国XXXXX</td>
        <td>19XXXX年1月1日</td>
    </tr>
    <tr>
        <td colspan="2" style="color: brown;">毕业院校：</td>
        <td colspan="4">中国XXX大学</td>
    </tr>
    <tr>
        <td colspan="2" style="color: brown;">主修专业</td>
        <td colspan="4">太极拳</td>
    </tr>
    <tr>
        <td colspan="2" style="color: brown;">工作经验</td>
        <td>10年</td>
        <td colspan="2" style="color: brown;">期望年薪</td>
        <td>100W</td>
    </tr>
    <tr>
        <td colspan="2" style="color: brown;">有效证件</td>
        <td>身份证</td>
        <td colspan="2" style="color: brown;">证件号码</td>
        <td>31010**1234</td>
    </tr>
    <tr>
        <td colspan="6" bgcolor="aquamarine" align="center">
        <a href="">这里是需要用到表格的背景色</a>
        </td>
    </tr>

</table>
<hr/>

<table border="6" cellspacing="0" width="600px">

    <tr>
        <td align="center" colspan="6" bgcolor="coral">
        <a href="" >这里是用另外一个table做的</a>
        </td>
    </tr>
    <tr class="jiben">
        <td colspan="4"> <font size="25" color="crimson">—求职意向—</font></td>
        </tr>
        <tr class="jiben" style="color: brown;">
        <td colspan="2" >寻求职位：</td>
        <td colspan="2">会打太极拳</td>



    </tr>
    <tr class="jiben">
        <td >上班地点</td>
        <td>北京</td>
        <td>薪资待遇</td>
        <td>年薪制</td>

    </tr>
    <tr>
        <td style="color: brown;">自我评价：</td>
        <td colspan="3">我会打太极拳我会打太极拳我会打太极拳
        我会打太极拳我会打太极拳我会打太极拳
        </td>
    </tr>

    <tr>
        <td colspan="4" bgcolor="bisque" align="center">
        <a href="">这里是需要用到表格的背景色</a>
        </td>
    </tr>
    <tr>
        <td>教育经历</td>
    </tr>
    <tr>
        <td>教育时间</td>
        <td>就读院校</td>
        <td>专业</td>
        <td>学历</td>
    </tr>
    <tr>
        <td>19XX年-19XX年</td>
        <td>北洋船政</td>
        <td>水手</td>
        <td>舵手</td>
    </tr>

    <tr>
        <td colspan="4" bgcolor="chartreuse" align="center"><a href="" style="color: cornflowerblue;">这里是工作经历</a></td>
    </tr>
    <tr class="work">
        <td>就职公司</td>
        <td>中国邮政</td>
        <td>所属行业</td>
        <td>快递</td>
    </tr>
    <tr class="work">
        <td>就职时间</td>
        <td>2XXX年</td>
        <td>就职岗位</td>
        <td>司机</td>
    </tr>
    <tr class="work">
        <td>公司性质</td>
        <td>物流</td>
        <td>就职部门</td>
        <td>审核员</td>
    </tr>
    <tr>
        <td>
        <strong>工作情况</strong>
        <h6>右侧是文本框</h6>
        </td>
        <td colspan="3">
        <textarea rows="10" cols="50">工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，</textarea>
        </td>
    </tr>
    <tr class="work">
        <td>联系电话</td>
        <td>1895XXXXX555</td>
        <td>电子邮箱</td>
        <td>12XXX3@qq.com</td>
    </tr>

</table>
<hr >
<h4>用户注册或者登录</h4>
    <form action="reg" method="post">
        <div id=" 1">
        用户名：<input type="text" name="user_name" id="" value="" placeholder="只能使用字母作为用户名" />
        </div>
        <div id="2">
        密码区：<input type="password" name="pass_wd" id="" value="" placeholder="长度大于8位的数字和字母的组合"/>
        </div>
        <div id="3">
        邮箱号：<input type="email" name="e_mail" id="" value="@qq.com" />
        </div>
        <div id="4">
        你多大：<input type="number" name="age" id="" value="" placeholder="必须是大于18岁"/>
        </div>
        <div id="5">
        过生日：<input type="date" name="shengri" id="" value="" />
        </div>
        <div id="6">
        喜好：
            <input type="checkbox" name="" id="" value=""/><label for="">跑步</label>
            <input type="checkbox" name="" id="" value=""/><label for="">游泳</label>
            <input type="checkbox" name="" id="" value=""/><label for="">瑜伽</label>


        </div>
    <div id="7">
        选择课程：
        <select name="选择课程：">
        <option value="">体育</option>
        <option value="">舞蹈</option>
        <option value="">美术</option>
        </select>

    </div>
    <div id="8">
        性别：<input type="radio" name="" id="" value="" checked=""/><label for="">男</label>
        <input type="radio" name="" id="" value=""/><label for="">女</label>
        <input type="radio" name="" id="" value=""/><label for="">保密</label>
    </div>
    <!-- <input type="submit" value="登录"/> -->
    <br>
        <button type="button">登录</button>
        <input type="submit" value="注册"/>
    </form>
</body>

上一篇： ifconfig命令作用范围的是什么

下一篇： js数组去重方法是什么

html中的teble标签制作表格

学习使用了html中的teble标签制作表格

用的标签是<teble> </teble>标签 <tr></tr>标签 <td></td>标签 <div></div> 标签等等

div中有一个marquee标签，marquee中有滚动显示的文字，如何让文字在div中垂直居中从右向左滚动显示？_html/css_WEB-ITnose

html中关于表单标签form的使用详解

php向前端发送的字符串中存在HTML标签如何正常显示

关于在HTML表格中插入背景图片图片重复显示的问题_html/css_WEB-ITnose

html中关于table以及form表单标签的详解

html标签如何使用php中的变量

IE下自己制作选项卡菜单类中遇到的iframe缓存问题_html/css_WEB-ITnose

html中标签的用法以及作用解析

【UITextView】修改加载的html片段中的a标签颜色

html中的table标签制作表格