什么是HTML

点击打开视频讲解更加详细

• Hyper Text Markup Language（超文本标记语言）
• 标签控制排版
• 体积小，方便传输

  编写HTLML

  推荐使用：VS Code

  
  
      
      
      
      末晨曦吖
  
  
      
  
          
  我的第一个标题
   
          
  我的第一个段落。
      
  
  
      body{
          padding: 0;
          margin: 0;
      }
  
  
  

  HTML文件结构

  
  
      末晨曦吖
  
  
  
  

  • 起始行 告诉浏览器这是一个HTML文档
  • 开始标签
  • 结束标签

    html根标签，标签都是成对出现的，标签中可以嵌套文本或其他标签

    • 中定义文档的描述信息
    • 定义title，它会显示在浏览器上

      HTML常用标签

      标题标签

      这是标题 1
      这是标题 2
      这是标题 3
      这是标题 4
      这是标题 5
      这是标题 6
      

      效果：

      

      段落标签

      这是一个段落。
      （图片来源网络，侵删）
      这是一个段落。
      这是一个段落。
      

      效果：

      

      文本样式标签

      加粗文本
      
      
      斜体文本
      
      
      电脑自动输出
      
      
      这是  下标 和  上标
      
      
      我是带删除线的文本
      

      效果：

      

      
      （图片来源网络，侵删）

      列表标签

      无序列表

      • 列表项
      • 列表项
      • 列表项

      效果：

      

      有序列表

      列表项
        
      列表项
        
      列表项
      列表项
        
      列表项
        
      列表项
      

      效果：

      

      超链接标签

      跳转到 B 站
      

      效果：

      

      多媒体标签

      图片标签

      视频标签

      音频标签

      div标签

      块级元素，并没具体的实际意义，主要作用是调整布局样式；

      
         
      我的第一个标题
         
      我的第一个段落。
      
      

      布局标签

      	头部信息
      	导航栏
      	侧边栏
      	内容区域
      	底部信息
      	文章详情
      	页面分区

      更多资料参考

      菜鸟教程

      w3cschool

      若对您有帮助，请点击跳转到B站一键三连哦！感谢支持！