1、html格式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
2、标签的使用(1)标签的使用
(1)标签的使用 a: (1)超链接 href 超链接的地址 target: _self 默认 在当前中打开链接地址 _blank 在空白的页面打开连接地址 (2)标签内部跳转 锚点 默认有点击行为。我们可以javascript:void(0);阻止a标签的默认点击行为。 <a href="#peiqi"></a> <a href="javascript:void(0);"></a> img src:连接的图片资源 alt:图片资源加载失败。显示的文本 ul: unordered list 无序列表 ul下的子元素只能是li li: type='circle' 圆心 type='square' 方块 ol: ordered list 只能是li dl:定义列表 dt:定义标题 dd:定义描述 table border='1' style="border-collapse:collapse;" tr 表格行 td 表格描述 form HTTP协议 action:提交的服务器网址 method:get(默认)| post(应用:登录注册、上传文件) 页面中的a img link 默认是get请求 input type: text: 文本输入框 password:密码输入框 file:文件按钮 提交文件的时候一定要用post 一定要给form标签添加 Enctype='multipart/form-data' submit:提交按钮 button:普通按钮 name:提交到服务器端的key value: 显示的文本内容,与服务器端的value placeholder:文本代替 label for:是与下面的某个表单控件的id属性进行关联 (3)css的三种引入方式 - 行内样式 注意:行内样式的优先级是最高的 - 内接样式 - 外接样式 (4)基本选择器 id选择器(用#号) 选中的是特性 唯一的,不能重复 标签选择器 选中的是页面中共性的标签 类选择器(用.号) 选中的也是页面中共性的标签,类名可以有多个 通配符选择器 通常是对页面进行重置样式表