学习笔记day07_HTML

列表标签
ul 无序列表
ol 有序列表
ol、ul 直接子元素只能为li

在这里插入图片描述
在这里插入图片描述

表格标签
表格用来展示数据,特点:方方正正
table 表格
先有行再有列,所有的内容都要定义在单元格中
tr 行
th 表格头单元格 加粗+居中
td 表格体单元格

    table标签的属性:
        border 变框
        bordercolor 变框颜色
        bgcolor 背景颜色
        width 宽度   注意:前台数值单位px   tr td
        height 高度  tr td
        align 整个表格对其方式    tr  td
        rowspan 跨行
        colspan 跨列
        style="border-collapse: collapse" 双线变单线

在这里插入图片描述

在这里插入图片描述
表单
form 表单
作用: 手机用户输入的信息
定义form标签定义表单 form

    form标签上常用的属性:
        1.action  数据提交的地址
        2.name    表单名称
        3.method  请求方式
            get : 显示在地址看中  ?后以键值对形式拼接
                    大小限制  不安全  效率较高   浏览器默认(百度)
            post : 相对安全  大小没限制   请求体中
            get和post之间的区别
        4.enctype
            如果表单中存在文件上传,需要更改 multipart/form-data,否则默认就可

    表单域|表单标签:
        只要想要提交数据的表单元素需要必须存在name属性
        input   type属性不同的值决定表单标签不同的功能
            text 普通文本框
            password 密码框
            radio 单选框
                单选效果: 这些单选框设置为一组 name属性值相同为一组
            checkbox 多选框
                一个功能的多选择设置为一组  name属性值相同
            file 文件上传--注意修改enctype属性值
            submit 提交按钮  value属性的值修改submit按钮的显示
            button 普通按钮 结合js一起使用
            reset 重置按钮

在这里插入图片描述
在这里插入图片描述

css常用样式
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值