HTML小结（下）

• 01-路径作业
  • 跳出同级相对路径找另一个文件夹的图片

    

• 02-绝对路径
  • 注意事项

    

• 03-超链接标签
  • 超链接
    • 在网页中所有点击之后可以跳转的内容都是超链接。
    • 代码块

      

• 04-网页跳转案例
  • 代码穿越:ctrl+上键或下键
    • 超链接跳转

      

      • 缩放代码:ctrl+滚轮
      • 插入图和背景图的区别:
        • 插入图是img标签,标签在网页中是占位置的
        • 背景图是属性,属性不占位置
        • 我们可认为背景图就是一个丰富多彩的背景颜色
        • 背景图的尺寸与标签的尺寸无关
• 05-网页跳转案例(缩略图版)
  • 案例图

    

• 06-锚点链接
  • 空链接和锚点链接

    

• 07-列表
  • 无序列表

    

    • 是被一组ul管理，li为列表项
    • ul只能包含li，li可以包含其他标签
  • 有序列表

    

    • 是被一组ol管理,li列表项
    • ol只能包含li,li可以包含其他标签
  • 自定义列表

    

    • 是一组dl管理，dt是主题，dd是列表项
      相当于dl包含dt,dd，dt为一级标题，dd为二级标题
    • dl只能包含dt和dd,dt和dd可以包含
• 08-表格标签和属性
  • table标签是表格标签
    • 1.width属性设置表格的宽度。
    • 2.align属性设置表格相对于页面的对齐方式。
    • 3.height属性设置表格的高度。
    • 4.border属性设置表格的边框。
    • 5.cell spacing属性设置单元格间距。
  • th是表头标签
  • tr 是行标签
  • td是单元格标签
    • align设置单元格文本对齐方式
  • b是加粗标签
  • 例图

    

  • 标签
    • table 表格标签
      • tr 行标签
      • td 单元格标签 列默认是以当前列中最宽的为基准
      • th 表头标签 内容水平居中且加粗的
      • caption 表格标题
  • 属性
    • border 边框
      • width 宽度
      • height 高度
      • cellspacing 单元格与单元格之间的间距
      • align left(默认)居左/center 居中/right 居右
      • colspan: 夸列合并单元格
      • rowspan: 跨行合并单元格
  • 跨行跨列
    • 例题

      

  • 练习1

    

• 09-课程表
  • 案例+代码

    

• 10-表单
  • 表单标签:10、表单标签（**重点）** #表单标签
    • label 标题
      • 属性:
      • for 关联表单中的id值
    • input输入框
      • 属性:
        • type类型
          • text 输入框
          • password 密码框

            

          • radio 单选按钮

            

            • 属性:
              • name 是组的概念,将多个单选的name设置相同的名称,实现单选效果
              • checked 默认选中
                • 第一种 checked="checked"
                • 第二种 checked=""
                • 第三种 checked
          • checkbox 复选框

            

            • 属性
              • checked 默认选中
                • 第一种 checked="checked"
                • 第二种 checked=""
                • 第三种 checked
          • button 普通按钮
          • submit 提交按钮
          • reset 重置按钮
    • select 下拉菜单
      • 标签(两种写法)

        

        • option 下拉项
        • optgroup 下拉组
          • 属性
            • label 下拉组标题
        • 属性
          • selected 默认选中 三种写法和checked一样
    • textarea 文本域

      

    • form 提交表单 将所有被提交的标签包含其中
      • 属性
        • action 提交地址
        • method 提交方式 get/post
    • button 按钮
      • 属性
        • type
          • button 普通按钮
          • submit(默认值) 提交按钮
          • reset 重置按钮
• 11-html常用标签2
  • b标签 strong标签 i标签 em标签 u标签 ins标签 s标签 del标签

    

• 12-特殊字符
  • 大于号、小于号等等