HTML5笔记
//文档类型声明 //表示HTML 文档开始 //包含文档元数据开始< meta charset="utf-8"> //声明字符编码
基本结构 //设置文档标题 //包含文档元数据结束 //表示HTML 文档内容
百度 //一个超链接元素(标签) //表示HTML //表示HTML 文档结束
1.css引用方式:
①内联式
②行内式
③外联式 ④import方式
2.相对路径:
…/返回上一级目录
绝对路径: 3.表格:colspan 列合并 rowspan 行合并 cellspacing 单元格间距
a1
b1
①固定表格布局 table{ table-layout:fixed;}②如何让表格边框为1px 方法1:用边框的上下左右调整 方法2:border-collapse:collapse 表格边框合并为单一边框 默认:separate ③列间隔 行间隔:border-spacing border-spacing:10px 5px;④文字水平对齐 text-align -- left center right table{ text-align:center; }⑤空单元格 empty-cells:hide隐藏空单元格 show显示空单元格 table{ empty-cells:hide; }⑥表格居中 table{ margin: auto; }⑦垂直对齐 vertical-align -- top middle bottom table tr td{ vertical-align:top; } 4.圆角问题:border-bottom-left-radius: ; border-bottom-right-radius: ; border-top-left-radius: ; border-top-right-radius: ; border-radius: 10px 0px 0px 10px; 5.表头
t1 t2 t3 6.表格当中添加表格
7.透明度:.uname:hover{ background-color: red; opacity: 0.2; } 8.焦点: .pwd:focus{ background-color: green; width: 300px; } 9.表单及表单控件: action:提交地址 action=""提交当前页 method:提交方式 get-默认 post-更加安全 (1)
(2)
放在一个帧文档的标签之前,也可以嵌在其他帧文档中 定义一个帧内的行数,可以使用绝对像素值或高度的百分比 定义一个帧内的列数,可以使用绝对像素值或宽度的百分比 定义一个帧内的单一窗或窗区域 定义在不支持帧的浏览器中显示什么提示 规定帧内显示的HTML文档 命名帧或区域以便别的帧可以指向它 定义帧左右边缘的空白大小,必须大于等于1 定义帧上下边缘的空白大小,必须大于等于1 设置帧是否有滚动栏,其值可以是"yes","no" 或"auto" 禁止用户调整一个帧的大小 创建一个内联的帧 scr="..."定义在帧中显示的内容的来源 frameborder="..."定义帧之间的边界(0或1) align="..."被反对。控制对齐方式(left, center, right, justify) height="..."帧的高度 width="..."帧的宽度
![]()
插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框" **文章整体属性** 设置背景颜色。 设置背景图片 设置背景音乐 固定背景图片(IE适用) 设置文本颜色。 设置链接颜色。 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 设置页面的上边距 设置页面的左边距换段:
换行 :
链接文字: 在此输入文字 链接发邮件: 在此输入文字 文字居中:
在此输入文字
文字加粗体效果:
在此输入文字 文字加倾斜效果:
在此输入文字 文字加下划线效果:
在此输入文字 改变文字大小:
在此输入文字 改变字体:
在此输入文字 改变文字颜色:
在此输入文字 文字上標:
在此输入文字 文字下標:
在此输入文字 文字闪烁效果: 在此输入文字 列表方式: