HTML知识了解

  • web时代

HTML知识了解_第1张图片
web时代.png
  • 网页的组成:

    • HTML:网页的内容和结构
    • CSS:网页的样式(美化网页最重要的一块)
    • JavaScript:网页的交互效果。比如:对用户鼠标事件做出响应
  • HTML的基本样式:



     
    
         
        明哥的HTML标题
        
        
    
    
    
        
MG的空间
  • 常见标签

标题标签 1~6

线条 输入框 选择日期 选择文件 选择颜色 单选 复选框 --------------------------------------------------------------------------------- 新闻详情页

我是段落

--------------------------------------------------------------------------------- 图片 给用户一个提示 --------------------------------------------------------------------------------- 换行
--------------------------------------------------------------------------------- 容器
--------------------------------------------------------------------------------- 表格
--------------------------------------------------------------------------------- 列表 ** ul、** uo、** li **
  • 有序列表
  • 有序列表
  1. 有序列表
  2. 有序列表
--------------------------------------------------------------------------------- #跳转到当前界面 我是超链接 百度一下,你就知道 ---------------------------------------------------------------------------------

HTML5新增标签

- HTML5新增了27个标签,废弃了16个标签元素,主要包括**结构性标签、级块性标签。行内语义标签、交互标签**
  • 结构性标签

    • 负责Web上下文结构的定义,确保HTML文档,包括:
      • article:文章主题内容(一盘博客、一篇论坛帖子、一段用户评论、插件)
      • header:标记头部区域内容
      • footer:标记尾部区域内容
      • section:区域章节描述
      • nav:菜单导航,链接导航
HTML知识了解_第2张图片
进度条.png
  • 行内语义性标签

    • 完成Web页面具体内容的引用和表达,丰富展示内容,包括:
      • meter:特定范围内的数值,如工资,数量,百分比
      • time:时间值
      • progress:进度条,可用max,min,step进行控制,完成对进度的表示和监听
      • video:视频元素,用于视频播放,支持缓冲预载和多种视频媒体格式
      • audio:音频元素,用于音频播放,支持缓冲预载和多种音频媒体格式

HTML知识了解_第3张图片
音视频的使用.png

你可能感兴趣的:(HTML知识了解)