菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 李扬敏-20221011-HTML2 [打印本页]

作者: 王源的李可爱 时间: 2022-10-11 23:49
标题: 李扬敏-20221011-HTML2

一.今日学习内容

1.表格标签

1）基本语法

必须在table标签中，tr代表行，td代表每行数据

2）标签含义

table表格

tr行

td在tr中，单元格

th表头，加粗居中

3）属性

align="center"对齐方式

border="1"或者“”

cellpadding：单元格和内容的空白距离，默认1px

cellspacing：单元格之间的空白间隙，默认2px

PS：thead和tbody区分表头和表内容，仍然要写tr

4）合并单元格

①先看跨行还是跨列

跨行（上下）rowspan=“n”

跨列（左右）colspan=“n”

②在td加跨行还是跨列的属性

③删除被合并的单元格

2.列表标签

有序列表:<ol><li></li></ol> ol里不允许其他标签 li可以

无序列表:<ul><li></li></ul>,默认有圆点，只能嵌套li标签

自定义列表:<dl><dt>列表名词</dt><dd>名词解释</dd></dl>，一般在页面底部，不能写其他标签，经常一个dt对应多个dd

3.表单标签

1）作用是为了收集信息，然后进行处理

2）表单域是包含表单元素的区域<form>

3）表单控件

input标签的type属性：

text单行输入文本，默认20个字符

button：按钮

radio：单选框

checkbox：复选框

file：输入字段和浏览按钮，来进行文件上传

password：密码框

reset：重置

submit：提交，数据发送到服务器

value属性：规定input元素的值

name属性：元素名字(用在单选框和复选框)

checked：首次加载默认选中（主要是单选或者复选框）

maxlength：字段字符的最大长度

PS:name和value是每个表单都有的属性

4）ladel标签

单选或者复选可点击范围

for属性必须与input的id值保持一致

5）select下拉框标签

至少包含一对option标签

selected默认选项属性

6）textarea文本域标签

留言板，评论区常用

cols=“4”：表示每行字符数（英文,一个汉字站两个英文字母）

rows=“3”：表示显示的行数

PS：超出文本域才能看到效果

4.查阅文档的网站

百度、W3C、菜鸟教程、MDN（重要）

二.今日问题

无

三.解决方案

无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)