前端-王卓凡-2023012

• 今天所学内容：
  
  • HTML简介
    • 网页：网页就是网站中的一页，通常是HTML格式文件，他要通过浏览器来阅读
      • 网站：就是HTML等内容只做的网页集合
        
        
    • 什么是HTML
      • HTML（Hyper Text Markup Language）超文本标记语言，他是用来2描述网页的一种标记语言。
        
        
    • 什么是超文本
      • 图片、声音、动画等内容（超越了文本的限制）
      • 超链接可以跳转到其他的网页（超级链接文本）
      • 网页的解析过程
        • 从服务器下载HTML文件到浏览器中进行解析并渲染成页面。
          
          
          
        
        
      
      
  • 常用浏览器
    • 六大浏览器
      • IE(微软)、edge（微软）、Firefox（火狐）、chrome（谷歌浏览器）、safari（苹果）、Opera。
        
        
    • 浏览器的内核
      • 指的是浏览器最核心的部分，负责对网页的语法解释，渲染页面。
      • IE（Trident） firefox（Gecko）、sarfai（Webkit）、Chrome/Opera（Blink、其实是Webkit内核的分支）。
      • 国内浏览器一般都是使用Webkit或者Blink内核，所以我们后期考虑兼容性的时候也要主要考虑这两个内核即可
        
        
        
      
      
  • Web标准
    • Web标准是由W3C组织和其他一些标准化的组织指定一系列的网页标准。
    • 为什么我们需要web标准
      • 因为浏览器不同，解析出来的网页排版由差异，所以如果没有标准，开发者需要根据不同的浏览器开发不同的网页，工作量巨大，有了Web标准，那么针对不同的浏览器只需要一套网页即可。
        
        
    • Web标准主要包括
      • 结构（structure）
        • 结构用于对网页元素进行整理和分类，主要使用HTML
          
          
      • 表现（Presentation）
        • 用于设置网页元素的版式、颜色、大小等外观样式。主要用于css
          
          
      • 行为（Behavior）
        • 行为指的是网页中交互内容，现阶段主要学习的是JavaScript
          
          
        
        
      
      
    
    
  • HTML的语法规范
    • 基本的语法
      • 标签组成
        • HTML的标签是由尖括号包围的关键词组成，例如< html >
          
          
      • 成对出现
        • HTML的标签通常成对出现的，比如< html >< /html >,称之为双标签。标签中的第一个标签是开始标签，第二个标签是结束标签
          
          
      • 单标签
        • 有一些特殊的标签必须是单标签（情况较少），例如 < br >标签，就是一个单标签
          
          
      • 标签的关系
      • 并列关系（兄弟标签）
        • 例
          
          
      • 包含关系（父子标签）
        • 例
          
          
          
        
        
      
      
  • HTML的基本结构标签
    • < html >< /html >标签是页面中最大的标签，也叫做根标签
    • < head >< /head >标签是页面的头部标签，其中必须要写的标签是< title >< /title >
    • <  title ></ title >页面的顶部区域标题的内容，让页面能有一个自己的标题
    • < body >< /body >页面中的主体内容都是放在body标签中的
      
      
    
    
  • HTML的文档的后缀
    • HTMl的文档后缀必须是.html或者.htm，浏览器的作用是读取HTML文档
      
      
      
  • 开发工具
    • DReamweaver、Sublime、WebStrom、Hbuilder、VSCode
    • VSCode
      • 下载https://code.visualstudio.com/
      • 选择适合自己的版本，点击下载即可
      • 基本使用
        • 新建文件Ctrl+N
        • 保存Ctrl+s,保存文件的时候文件名要以.html结尾
        • ctrl + 加号 和 ctrl + 减号可以放大或者缩小视图
        • 生出页面的骨架标签：输入英文感叹号“ ！” 按下tab键即可
        • 利用插件在浏览器中预览页面，右键点击鼠标，选择open in default Browser。
        • alt+shift+f 快速格式化代码
        • alt+shift+下键 快速复制上一行代码
          
          
        
        
        
      
      
  • 骨架新增标签
    • < !DOCTYPE html >
      • 是DTD文档类型定义
      • DTD文档声明
        • 应该有什么样的标签
        • 标签之间应该如何进行排列
        • 标签应该有什么属性
        • 校验文档是否复合DTD文档类型定义的规范。
          
          
      • 这个声明就是告诉浏览器使用HTML5的标签来显示网页。
      • 注意点：
        • DTD文档定义代码应该要写在HTML文件的最前面
        • DTD不是HTML的标签，是另一种专门来定义标签语言的语言。
          
          
      • lang语言种类
        • 用来定义当前文档的显示语言
          • en代表是英语
          • zh-CN定义语言为中文
          • 但是目前不管是定义成中文还是英文，浏览器对于这两种语言都能正常显示。
            
            
          
          
      • charsert字符集
        • 字符集是多个字符的集合，方便计算机识别和存储各类文字
        • 常用的字符集有：GB2312、GBK和UTF-8，其中UTF-8也被称为万国码，基本包括了全世界所有国家需要用到的字符。
        • 例
          
          
          
        
        
      
      
  • HTML常用标签
    • 标签的语义
      • 就是指标签的含义，说明这个标签是用来干嘛的。
        
        
    • 标题标签
      • 为了让我们的页面更加具有语义化，我们会给页面添加标题标签，HTML为我们提供了6个网页标题标签，即<h1></h1>~<h6></h6>
      • h是单词head的缩写，意为头部、标题。
      • 标签语义：作为标题来使用。
      • 特点
        • 1、字体会加粗显示
        • 2、重要性依次递减（字体大小会逐渐变小）
        • 3、每个标题标签会单独占一行
          
          
        
        
      
      
  • • ​遇到的问题：无
      
      
    
    
  
  

​