星期一作业 费宇翔2023023221

<table border="1px" width="300px" cellspacing="0" height="200px">
    <caption></caption>
    <thead>
        <tr>
            <th colspan="2">用户注册</th>
        </tr>
        </thead>
        <tbody>
            <tr>
                <td>用户名</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>爱好</td>
                <td><input type="checkbox" name="hobby">写作
                    <input type="checkbox" name="hobby">听音乐
                    <input type="checkbox" name="hobby">体育</br></td>
            </tr>
            <tr>
                <td>省份</td>
                <td><select name="shengfen" id="">
                <option value="sx">陕西省</option>
                <option value="hb">河北省</option>
                <option value="js">江苏省</option>
                <option value="sd">山东省</option>
                </select>
                </td>
            </tr>
            <tr>
                <td>自我介绍</td>
                <td><textarea name="" id="" cols="30" rows="10"></textarea></td>
            </tr>
            <tr>
                <td colspan="2"><button>提交</button><button>重置</button></td>

            </tr>
        </tbody>
        </table>

2023.11.15笔记
表格标签
1.<table>(表格)(加border=".." width=".." cellspacing="0"使间隙消失)<caption>...</caption>
  <thead>(标题)
  <tr>(第一行)
  <th>..</th>(第一行内容)
  </tr>
  <tbody>
  <tr>
     <td>..</td>
  </tr>
  </thead>
  <tfoot>(总计)
  <tr>
      <td>..</td>
  </tr>
  </tfoot>
    </table>
2.align="left/right/center"使文字位置变换
valign(垂直)
3.<td colspan="2">合并2列  
 <td rowspan="2">合并2行
4.<iframe src="网址" frameboder="1"></iframe>
5.<dialog open>(可关闭对话框)
6.<details>..</details>(详情)
嵌套<summary>..</summary>
7.<div tabindex="0" content>
网站:developer.mozilla.org/wangdoc.com

css:层叠样式表
1.<head>上面加<style>...</style>
2.另外建个css文件<link rel="stylesheet" herf="..">
3.基本选择器:标签选择器(p类名),id选择器(#id),类选择器(.类名),通配符选择器()
4.包含选择器:子代选择器:.class名>
li{}
后代选择器:.class名 li{}
5.复合选择器:p,.box{}
6.属性选择器:input[type=".."]{..}

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值