零食网站色调搭配怎麽做,中国建设公司排名,建站行业最新消息,濮阳建站公司流程目录 一、HTML表格
二、表单
三、布局标签
四、CSS
五、选择器 一、HTML表格
table:表格
tr#xff1a;行
td#xff1a;单元格#xff1b;rowspan:纵向合并相邻单元格#xff1b;clospan#xff1a;横向合并相邻单元格
th#xff1a;单元格加粗居中
border行
td单元格rowspan:纵向合并相邻单元格clospan横向合并相邻单元格
th单元格加粗居中
border加上边框
cellspacing:边框与边框之间距离
cellpadding控制边框大小
caption表格标题
align使表格居中 table border1 cellspacing0 cellpadding10 aligncenter caption学生信息表/caption tr !--th 加粗居中 th序号/th th姓名/th th性别/th th年/th th班级/th /tr !-- 第一行表格内容-- tr td1/td td小英/td td 女/td td18/td td1班/td /tr !-- 第二行表格内容-- tr td2/td tda/td td 女/td td19/td td1班/td /tr tr td3/td tdb/td td 女/td td20/td td2班/td /tr tr td合计/td td3人/td td/td td/td td/td /table 实现效果 将第5列两行的1班合并将第5行的二三四五列的人数合并 table border1 cellspacing0 cellpadding10 aligncenter caption学生信息表/caption tr !--th 加粗居中 th序号/th th姓名/th th性别/th th年/th th班级/th /tr !-- 第一行表格内容-- tr td1/td td小英/td td 女/td td18/td td rowspan21班/td /tr !-- 第二行表格内容-- tr td2/td tda/td td 女/td td19/td !--td1班/td --注释掉 /tr tr td3/td tdb/td td 女/td td20/td td2班/td /tr tr td合计/td td clospan43人/td !-- td/td td/td td/td-- 注释掉 /table 实现效果 二、表单
1.常见登录注册
form:表单
action:提交表单的输入值到目标地址
input: 输入标签用于获取用户在网页中的键盘、鼠标输入
·placeholder:输入框中的提示文字 input placeholder请输入/input ·name最终提交表单时该项输入框的数据描述例如传到网址上就是后面的参数值 form input nameaccount/input input namepassword/input /form 表示此表单中分别有输入账号和密码 的 输入框 ·value:输入框最终的【输入值/选中值/按钮文字】 input value123123 label点击到label时会自动聚焦到其绑定的input标签
·for绑定input标签 id值 label forusername用户名/label input idusername/input disabled:禁止该input【输入/选择】
type:通过修改type的值 可以更改输入框的功能
·text普通的文本输入框 input typetext /input ·password:密码输入框 input typepassword/input ·radio单选框,
搭配checked: 默认选择搭配disabled禁止使用 input typeradio checked/input input typeradio disabled/input ·checkbox多选框 input typecheckbox checked/input input typecheckbox disabled/input ·file选择文件 input typefile /input ·submit提交按钮 input typesubmit/input ·reset重置按钮 input typereset/input ·button:普通按钮需要写value值按钮才有文字 input typebutton value /input 例
form actionhttps://www.baidu.com/pspan昵称:/spaninput typetext namenickname valueone idnick label fornick/label/ppspan年龄:/spaninput typetext nameage idoldlabel forold/label/ppspan性别:/spaninput typeradio namesex value1 idmanlabel forman男/labelinput typeradio namesex value0 idwomanlabel forwoman女/label/ppspan城市:/spaninput typeradio namecity valuethree idfulabel forfu福州/labelinput typeradio namecity valuefour idzzlabel forzz漳州/label/ppinput typesubmit namesubmit value提交input typereset namereset value取消/p/form
实现效果 2.多行文本textarea /textarea
cols规定初始显示的【列数】以字为单位
rows规定初始显示的【行数】以字为单位 textarea nametext id cols10 rows2/textarea 3.下拉选择框
select下拉选择框容器
option选项 select idtaste option value1微辣/option option value2辣/option /select label fortaste/label 例
pspan城市:/spanselect idcityoption value01福州/optionoption value02漳州/optionoption value03厦门/optionoption value04泉州/optionobtion value05宁德/obtionoption value06莆田/option/selectlabel forcity/label/pp textarea nametext rows20 cols30/textarea/p
实现效果 三、布局标签
div标签块级元素标签
特点常用于而划分一块区域一定占整行宽度并且换行搭配CSS使用。
span标签行内元素标签
特点没有任何默认样式宽高随文字撑开不会换行。 四、CSS
1.定义
层叠样式表显示设备在视觉上是二维平面的实际上是多层图层叠加显示的效果从上往下叠加的效果important最优先效果。
2.书写格式
选择器样式属性1值1属性2值2
3.书写位置
①内联样式直接写在标签的style属性中无法重复使用代码。 span stylecolor:red内联样式/span div stylewidth:50px内联样式div input typetext stylewidth:50px; background-color:green/input ②内部样式在html文件的head/head标签域中添加style/style标签将
代码书写其中可以通过选择器重复使用代码。 内联优先级内部 ③外部样式写在新的一个文件通过link连接两个文件 内部优先级外部 important 五、选择器 id选择器idhappy style #happy{ width:100px; } /style class选择器classsad style .sad{ width:50px; } /style 子元素选择器 相邻元素选择器
