html学习

文本

• h1~h6 标题
• p 段落


• strong 重要内容
• em 强调
• mark 突出显示文本


• b 粗体 提醒注意
• i 斜体 样式惯例
• u 非文本注解


• figure 图 figcaption 图的标题


• cite 引用参考


• address 作者联系信息 邮件/链接


• small 细则


• blockquote 单独存在的引述 块级
• q 短的引述 行级


• time 时间


• abbr 缩写词


• dfn 定义术语


• sub 上标
• sup 下标


• ins 新增内容
• del 已删除内容
• s 不再准确或不再相关内容


• code 代码


• pre 预格式化的文本


• br 强制换行
• wbr 可换行


• span 无语义短语内容容器


• ruby rp rt 旁注标记


• bdo bdi 文本方向


• meter 相对值


• progress 进度

图像 img

• src 图像文件URL
• alt 图像无法显示时的替代文本
• width height 图像尺寸

链接 a

• href 目标URL 锚#id
• rel=external 链接指向外部网络
• target 在新窗口或标签页打开链接

列表

• ol li 有序列表
• ul li 无序列表
• dl dt dd 描述列表

视频 video

• src=my-video.ext
• width height
• autoplay 自动播放
• controls 添加默认控件
• muted 静音
• loop 循环播放
• poster 加载时显示的图像
• preload 预加载
  • none 不加载
  • metadata 加载元数据
  • auto



• source 视频来源
  • src
  • type 视频类型
  • media
• 无法播放时备用链接或者备用文本信息

音频 audio

• src=my-audio.ext
• autoplay 自动播放
• controls 添加默认控件
• muted 静音
• loop 循环播放
• poster 加载时显示的图像
• preload 预加载
  • none 不加载
  • metadata 加载元数据
  • auto



• source 视频来源
  • src
  • type 音频类型 audio/mp3 ...
• 无法播放时备用链接或者备用文本信息

表单 form

• action 提交表单时处理数据的脚本的URL
• method get/post

• fieldset 组织表单元素 分组
  • legend 分组标题
  • label 控件标签
    • for=id-label
  • input 输入
    • id=id-label
    • name=data_name 服务器端字段名
    • value=default 预设的值
    • placeholder=xxx-xxx-xxxx 提示文字
    • pattern 输入格式要求
    • maxlength 允许输入的最大字符数
    • size 框的大小
    • required 要求必填
    • autofocus 加载后默认获得焦点
    • disabled 禁用
    • readonly 只读
    • type
      • text 文本框
      • password 密码框
      • email 邮件框
      • search 搜索框
      • url URL框
      • tel 电话框
      • file 文件上传
      • hidden 隐藏字段
      • radio 单选按钮
        同一组单选按钮name相同,value不同
        发送 name=value
        checked 默认选中
      • checkbox 复选框
        同一组单选按钮name相同,value不同
        checked 默认选中
      • submit 提交按钮
        如果不填写name 属性，则名-值对就不会传给脚本
        value值为显示文本
      • image 图像提交按钮
      • src=image.url
      • reset 重置按钮
  • textarea 长文本输入区域
    • id=id-label
    • name=data_name 服务器端字段名
    • cols 文本区域宽度
    • rows 文本区域高度
  • select 选择框
    • id=id-label
    • name=data_name 服务器端字段名
    • size 选择框高度
    • multiple 允许多选
    
    
    • optgroup 选项分组
      • label 子菜单标题
      
      
      • option 选项
        注意 元素内容为选项文字
        • value=option_data
        • selected 默认选中