一.今日学习内容 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> <form action="url地址" method="提交方式" name="表单域的名称"></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(重要) 二.今日问题 无 三.解决方案 无
|