HTML学习笔记 day1

一.列表标签
##内容规整的可以做列表
有序列表 自定义列表 无序列表
按照行展示的 如新闻 排行榜 
1.无序列表
ul 表示无序列表的整体 包裹li标签
li 表示子集标签
<ul>
      <li>苹果</li>
      <li>榴莲</li>
      <li>香蕉</li>
</ul>
##默认包含小圆点 ·
!!ul 里只可以放li标签
       li中可以包含任意内容
2.有序列表
ol 表示整体包含li标签
<ol>
    <li></li>
    <li></li>
</ol>
##默认是前边有1. 2. 3. 的排序
3.自定义标签
dl 表示列表整体 
##dl 只允许包含 dt dd标签
dt 表示自定义列表中的主题标题
dd 表示自定义中的内容吧 默认显示缩进效果
二.表格标签
table 表格整体 可以包含多个tr
tr       表格每行 可用于包裹td
td   表格单元格 用于包裹内容
border 边框高度
width 表格宽度
height 表格高度
##一般表格宽度和高度 在css中涉及html 中不给提示词
表格的标题和标头单元格标签
captain 表格大标题 表示表格整体的大标题 在表格整体顶部剧中显示
th 表头单元格 表示一列的小标题 通常在表格第一行 默认内部文字加粗并居中
表格的结构标签(可写不写)
thead 表格头部
tbody 表格主题
tfoot  表格底部
##包裹tr标签
-------------------------------
合并单元格
跨行合并(垂直合并在一起)colspan
跨列合并(水平合并成一个)rowspan
左上原则
------------------
三.表单标签(登录页面 注册页面 搜索框)
1.input系列
##单标签
type=“”属性值 展示不同效果
text 文本框 输入单行文本
password 密码框 输密码 (*****)
radio 单选框 多选一

checkbox 多选框 多选多
    (我同意条款..)
file 文件选择 选择文件上传
submit 提交页面 用于提交
reset 重置页面
button 普通按钮 默认无功能 配合js添加功能
标准格式 <input type="password">
默认不换行
提示字
placeholder 占位符 提示用户输入内容的文本
<input type="" placeholder="请输入什么大学">
--------------------------------
单选框
<input type="radio" name="gender">男 <input type="radio" name="gender">女 
name相同的为一组 只可以选一个
checked 可以做成默认选中
<input type="radio"name="sex">男
<input type="radio"name="sex" checked>女
文件选择
file 默认单文件上传 
multiple 多文件选择
<input type="file" mutiple>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值