电子邮箱地址">联系我们
xxxx@">联系我们 错误的写法: mailto: xxx@ mailto: //xxx@ target: _self: 在本页面打开（默认的） _blank: 在新窗口打开 _parent: 在父窗口打开 _top: 在整个框架打开 框架页的name: 在指定的框架页打开 hr水平线 noshade="noshade" 是否有阴影效果 table表格 table表格 tr行 td单元格 th表头 caption表格标题 3行3列的表格
bgcolor="背景颜色" width="宽度" height="高度" bordercolor="边框颜色" border="边框粗细" cellpadding="单元格填充" cellspacing="单元格间距" background="背景图片" align="对齐方式" > align比较特殊是直接将表格布局对齐
| 这是表头 |
|---|
bgcolor="背景颜色" bordercolor="边框颜色" align="对齐方式（文字、图片内容）"> background="背景图片" bgcolor="背景颜色" rowspan="跨行" colspan="跨列" height="高度" width="宽度" valign="垂直对齐方式" align="内容的水平对齐方式"> 注意练习跨行和跨列 表单 接收用户输入的数据并提交到服务器的一种界面 get: 显示提交提交时数据会显示在地址栏上 不安全（有提交大小限制） post: 隐式提交提交时不会显示出数据 安全（没有提交大小限制） 注意Post和Get之间的区别 name属性是由服务器使用的 告知服务器提交的数据是做什么用途的 当服务器得到该数据时则知道数据是userName（用户名） 每个表单控件都有name属性 ----------------------------------- 表单元素 通过设置不同的type值来显示出不同的效果 文本框 相同（因为默认type的值是text）默认文本框 密码框 readonly="readonly"name="userPassword"value="默认值"/> readonly="readonly"只读（只能看不能修改） maxlength="最大长度"只能输入多少个字 单选按钮 在多个选项中只能选择一个 关键点要让多个单选按钮产生互斥必须将它们的name属性设置为一样的（作为一组） checked="checked"默认选中 复选框 可以选择多个 名字不相同（可选） checked="checked"/> checked="checked"默认选中 文件上传 用于上传文件 普通按钮 bottom（下） button（按钮） 下拉菜单 selected="selected"默认选中的项 多行文本框 值是本标签包围在里面的 readonly="readonly"只读（只能看不能修改） 重置按钮 所有按钮的value都是按钮上要显示的文字 提交按钮 提交按钮分两种 1.普通提交按钮 普通提交按钮 2.图片提交按钮（不等于图片按钮） 普通图片按钮是通过css样式修饰出来的 和图片提交按钮是两种不同的事物 重要区别 提交按钮可以提交数据 普通按钮是不能提交数据的 提交按钮必须和form表单一起使用 普通按钮是可以单独使用的 Css css样式定义分三种 1.内嵌样式 .... 这里写样式 2.行内样式 <标签style="样式定义"> 3.外部样式 1.定义*.css样式文件 2.在页面中使用 导入外部样式文件 样式定义区别 内嵌样式和外部样式定义的样式可以反复使用 而行内样式只能使用在标签中无法反复使用 red"> 必须在写一次 red"> ------------------------------- .red{ color: red; } css优先顺序 优先使用行内样式 其次内嵌样式 最后外部样式 ----------------------------------------- 选择器分三种 标签选择器 标签名{ 样式定义 } 所有的div都会使用该样式（比较绝对） div{ color: red; } .类选择器 .red{ color: red; } 应用时需要通过class属性对样式进行调用 类样式可以有选择的使用 #Id选择器 #red{ color: red; } 通过id对样式进行调用 可以自由选择 ----------------------------------------- color: #000000;字体颜色 background: url（: 背景图片路径）或背景颜色; 既可以设置: 背景图片又可以设置背景颜色 background-color: 背景颜色; background-image: 背景图片 background-repeat: 设置背景图片的重复 repeat（默认）水平和垂直都重复 no-repeat不重复 repeat-x水平重复 repeat-y垂直重复 ------------------------------------- border: 1pxsolid颜色; 设置四边边框粗细、边框效果、边框颜色 顺序没有要求 设置各边的边框 border-left: 1pxsolid颜色; border-right: 1pxsolid颜色; border-top: 1pxsolid颜色; border-bottom: 1pxsolid颜色; border-left-width: 边框粗细; border-left-color: 边框颜色; border-left-style: 边框样式; 可以任意组合 border-top-width: 边框粗细; border-top-color: 边框颜色; border-top-style: 边框样式; 设置四边的颜色 border-color: 边框颜色 border-style: 边框样式 border-width: 边框粗细 -------------------------------------- border设置边框 left|right|top|bottom边框方向 color|style|width边框特征 进行任意组合 font-family: 字体类型 font-size: 字体大小 font-style: 正常或倾斜 font-weight: 粗体 间距 margin: 上右下左; margin-top: 100px或20% margin-right: 100px或20% margin-bottom: 100px或20% margin-left: 100px或20% 填充 padding: 上右下左; padding-top: 100px或20% padding-right: 100px或20% padding-bottom: 100px或20% padding-left: 100px或20% 浮动 float: left或right;左右浮动 clear: bothleftright;清除浮动 text-decoration: 文字的下划线上划线等效果 text-align: 水平对齐方式 vertical-align: 垂直对齐方式 list-style: 列表效果针对（ul和ol） 框架集 frameset框架集 frame框架页 要实现框架效果页面数量等于框架页数量+1 总页面数=框架页数+1（主框架） 在使用frameset时不能写到body中 frameset属性 rows按行拆分 cols按列拆分 bordercolor: 边框颜色 framespacing: 框架页的间距 frameborder: 是否有边框yes|no|1|0 frame属性 bordercolor: 边框颜色 frameborder: 是否有边框yes|no|1|0 scrolling: 是否有滚动条yes|no|1|0 noresize="noresize"是否可以拖动大小 src: 默认显示的框架页 name: 框架页的名字 在框架页中打开页面 copyright@ 2008-2022 冰豆网网站版权所有 经营许可证编号:鄂ICP备2022015515号-1
升级会员 