web前端HTML基础(自我注意)

一 . 关于表格之间需要的注意事项

1.table 是用于定义表格标签,里面的属性 aglin 用于设置表格位置.

2.table中当 cellspacing设置为0 时,它默认像素宽度为2px,所以当其设置为0时,它的表格不会出现间隙.

3.再注意table标签里面合并单元格,跨行合并是用rowspan,代码应写在两个单元格中上方的单元格的代码里面,然后删掉需要合并的单元格,跨列合并是colspan,写在两个单元格最左侧的那个单元格的代码里面,删掉需要合并的单元格

二. 关于列表标签

无序列表与有序列表的区别:

1.  无序列表: <ul> <li> </li> </ul> 每一行上面前面都会有小点,根据字面意思,无序则为不分前后,不在同一行,后面css用的较多

2.有序列表: <ol> <li> </li> </ul> 会按顺序依次排列,每一行内容前面会由排序

无序列表与有序列表的相同点: <ul>和<ol> 标签当中只能放<li>标签

三.input标签

1.type属性:具有和多个值,其中默认的值为text , 若要设置text文本里面的默认文本时,可加在 input 标签中加上placeholder="",改变设置成自己的提示信息

2.当单选框radio name属性值设置一样即可单选一个

复选框 checkbox 当checkbox=checkbox的时候即为默认选择

可设置文本框的最大长度：maxlength="" 

值    示例代码    描述
text    <input type="text">    默认。定义单行输入字段，用户可在其中输入文本。默认是 20 个字符
password    <input type="password">    定义密码字段。字段中的字符会被遮蔽
button    <input type="button">    定义可点击的按钮（大多与 JavaScript 使用来启动脚本）
checkbox    <input type="checkbox">    定义复选框
radio    <input type="radio">    定义单选按钮
submit    <input type="submit">    定义提交按钮。提交按钮向服务器发送数据
file    <input type="file">    定义输入字段和 “浏览…” 按钮，供文件上传
hidden    <input type="hidden">    定义隐藏输入字段
image    <input type="image">    定义图像作为提交按钮
reset    <input type="reset">    定义重置按钮。重置按钮会将所有表单字段重置为初始值
email    <input type="email">    定义用于 e-mail 地址的文本字段
url    <input type="url">    定义用于 URL 的文本字段
tel    <input type="tel">    定义用于电话号码的文本字段
number    <input type="number">    定义带有 spinner 控件的数字字段
range    <input type="range">    定义带有 slider 控件的数字字段
search    <input type="search">    定义用于搜索的文本字段
color    <input type="color">    定义拾色器
date    <input type="date">    定义日期字段（带有 calendar 控件）
datetime    <input type="datetime">    定义日期字段（带有 calendar 和 time 控件）
datetime-local    <input type="datetime-local">    定义日期字段（带有 calendar 和 time 控件）
month    <input type="month">    定义日期字段的月（带有 calendar 控件）
week    <input type="week">    定义日期字段的周（带有 calendar 控件）
time    <input type="time">    定义日期字段的时、分、秒（带有 time 控件）
原文链接：https://blog.csdn.net/weixin_44563573/article/details/101603192