- 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
- 选择适合自己的版本，点击下载即可
- 基本使用
- 新建文件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、每个标题标签会单独占一行
- 遇到的问题：无