HTML与CSS设计02——HTML标签、表格和表格

HTML标签、表格和表格1.通用属性id：给标签一个唯一的名字class：给标签一个类名title：鼠标移到标签上，会出现幸福风格：设置内联风格2.自定义标签（用于传值和图片懒加载格式：data-*...

三.表1.创建表table>tr*2>td{content$}*3=(th是表头，用来解释后面的内容，会自动加粗居中)

学号	Name	Address
007	张三	北京

作用：2.表格属性border：设置表格边框（px）width：设置表格width(px)align：设置表格对齐方式（左（默认），右，居中）cellpadding：设置单元格间距cellspacing：设置像素间距3.跨行跨列cross-row：内容区01

内容区02	内容区03
内容区02	内容03区
01区内容内容区02	内容区03

作用：跨栏：内容区01内容区02内容区01

内容区02	内容区03

作用：4.表格组成caption（标题），thehead（表格头），tbody（表格主体），tfoot(表格页脚)table[border=1width=600align=center]>(caption{学生信息表})+(thead>tr>th*4)+(tbody>tr*3>td*4)+(tfoot>tr>td[colspan=1])=学生信息表学习号码姓名家庭住址备注001汤姆*aaaaaaaaaa该学生是“三好学生”002米克尔bbbbbbbbbb003Marycccccccc注：*为优秀学生作用：5.表单和表单标签form：用于提交用户输入的数据formlabelname：表单名称action：表单数据所在的地方submitted（一般是后台文件名（.jsp/.php/.asp/.aspx/.py），或者url，#表示提交到当前文件）method：前端向后台提交数据的方法end（主要是get或者post（都是提交数据，但是post更安全，提交数据量更大），默认是get，但是尽量使用post提交）...6.表单元素1）输入类：用于输入或发出命令类型：text/password/radio/checkbox/file/button/image/submit/resettext:"type=text"不可写，默认值属性：placeholder（提示），name（命名），minlengthandmaxlength（最少/多次输入字符），disabled（失败），readonly（只读）,value(默认值),pattern(正则表达式)password:密码框,the属性同textradio：单选按钮，一般都是两个以上的项目。属性：name（必须有），value，checked，disabled，readonlymalefemalecheckbox：复选框，选择0item,1item,multipleitems,attribute:name(musthave),value,checked,disabled,readonlyfile:文件上传按钮button:普通按钮，通常用于调用脚本代码attribute:value(buttontitle),disabledimage:图片按钮,同button(src而不是value)submit：提交按钮，向后台提交数据reset：重置按钮，清空所有组件的内容,cols(列数),rows(行数),placeholder,minlength,maxlength,required（必填）3）selectclass：下拉列表框，默认单选属性：multiple（多选），size（最多显示行数）语言数学计算机其他效果：languagemathematics计算机其他Confirm（这里的按钮是用来调用js代码的）4.在实际开发中iframe框架集，不推荐使用