HTML骨架,标签-第二天

HTML骨架

• 结构
  • html标签:网页的整体
  • head标签:网页的头部
  • body标签:网页的身体
  • title标签:网页的标题

注释

• 快捷键:ctrl+/

标签

• 双标签

  • 前部分叫开始标签
  • 后部分叫结束标签
  • 两部分之间包裹内容

• 单标签

  • 单个存在

• 标签属性

  • 属性写在开始标签之中
  • 属性名称与属性要以空格隔开
  • 属性可以写多个,属性与属性之前也要以空格隔开
  • 属性之间没有顺序之分

• 标签之间的关系

  • 父子关系(嵌套关系)
  • 兄弟关系(并列关系)

• 标题标签

• 段落标签

• 强制换行标签
  

• 图片标签

  • 属性
    • src:图片路径
    • alt:替换文本
    • title:提示文本
    • width:图片宽度
    • height:图片高度
      • 只设置图片的宽或者高,此时会自动等比例缩放;同事设置两个,若设置不当图片会变形

• 音频标签

  • 属性:
    • src:路径
    • controls:播放的控件
    • autoplay:自动播放
    • loop:循环播放

• 锚点标签

  • 用于页面内部跳转
  • 用a标签包裹需要跳转的文字,hhref属性值#+名字,目标标签添加id属性 id=名字

• 无序列表标签

  • ul标签只允许嵌套li标签
  • li标签中可以嵌套任意内容

• 有序列表标签

  • ol标签只允许嵌套li标签
  • li标签中可以嵌套任意内容

• 表格标签

  • table:表格整体
  • tr:表格的每一行
  • td表格的单元格
  • 属性都是给table标签添加的

• input标签

  • 可以通过不同的type属性值表现不同效果
    • type="text"文本框
    • type="password"密码框
    • type="radio"单选框
    • type="checkbox"多选框
    • type="file"文件选择框

• button标签

  • type="submit"提交按钮
  • type="reset"重置按钮
  • type="button"普通按钮