浅学html以及css(关于html篇)

213 阅读2分钟

1.初步了解html (1)标题标签(字体大小逐步递减,默认样式加粗)

标题1

标题2

标题3

标题4

标题5
标题6
(2)格式更改(以下标签均可以放在p中使用)

段落

斜体
换行
加粗 (3)图片(常见的图片格式) src属性:图片的地址 alt属性:当图片加载失败时展示的文案 相对路径 ./代表的是当前目录下 ../代表上一层目录 绝对路径 可以在浏览器中直接打开访问的一个地址 例:天猫logo jpg jpeg非透明图片 png透明背景的图片 gif动图 (4)链接 a标签 超链接 href 跳转链接 target="_blank" 在新标签页打开页面 百度 百度 (5)列表 无序列表
  • 111
  • 222
  • 333
有序列表
  1. aaa
  2. bbb
  3. ccc
  4. ddd
(6)布局
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
按钮 配图