1.初步了解html (1)标题标签(字体大小逐步递减,默认样式加粗)
标题1
标题2
标题3
标题4
标题5
标题6
(2)格式更改(以下标签均可以放在p中使用)段落
斜体换行
加粗 (3)图片(常见的图片格式) src属性:图片的地址 alt属性:当图片加载失败时展示的文案 相对路径 ./代表的是当前目录下 ../代表上一层目录 绝对路径 可以在浏览器中直接打开访问的一个地址 例:
- 111
- 222
- 333
- aaa
- bbb
- ccc
- ddd
div标签
span标签
块级元素(单个元素占一行):
块级元素可以嵌套块级元素/行级元素/行级块元素(h1~h6 p 除外)
h1~h6 p div ul li ol
行级元素/行内元素(多个元素占一行): 行级元素只可以嵌套行级元素 a span
行级块元素(既有行级元素的特点也有块级元素的特点): img (7)表格 table表格 tr行 td列(单元格) border属性(表格的边框)
| 12345678 | 88888 |
| 12345678 | 88888 |
(form 表单action 提交的地址) (type = password 密码) (input type: text password radio checkbox) (value: 当前输入框的值 ) (input 输入框 type = text 文本)
姓名:密码:
(8)选择框 ( type: radio 单选框 name 的值相同的时候 表示的是同一组单选框) 性别: 男 女
(label for属性的值等于input的id label标签和input有绑定关系 点击label的时候 input可以被选中) 性别: 男 女
( type:checkbox 复选框 checked 表示当前复选框被选中) 水果: 苹果 梨 香蕉 西瓜
(9)下拉列表(option下拉的每一项) 年级: 19 18 17 16~1 (10)文本域(rows行 cols列) 12345678
按钮 配图