珠峰HTML+CSS视频学习笔记第一天

前端描述：前端对于网站来说，通常是指网站的前台部分，包括网站的结果层和表现层，因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站前台代码实现，包括基本的html，css和JavaScript，高版本的html及css！

关于webstorm的安装和使用说明、webstorm的安装和使用示例，这里的编辑器如何使用会在后面完善，现在书写代码工具，建议用的是HBuilderX，讲解网址https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/35357

---

#网页的基本组成结构

• HTML：超文本标记语言，是使用标记标签来描述网页的一种语言，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分；
• css层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化；
• JS：是一种轻量级的编程语言

 #HTML基本结构-HTML简介

超文本标记语言是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分,正因为有规则,浏览器才知道怎样去解读你的文件但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。兼容问题

 #HTML基本结构-文档声明

• 为了说明文档使用的超文本标记原因标准，所有的超文本标记语言文档应该以“文档类型声明”开头，引用一个文件类型描述或者必要情况下自定义一个文件类型的描述
• 声明必须是HTML文档的第一行，位于标签之前
• 声明不是HTML标签,它是指web浏览器关于页面使用哪个HTML版本进行编写的指令
• 在HTML4.01中，声明引用DTD，因为html4.01基于SGM。DTD标记了语言的规则，这样浏览器才能正确呈现内容
• HTML5不基于SGML，所以不需要DTD

 #HTML基本结构-head

• 标签用于定义文档的头部，它是所有头部元素的容器
• 中的元素可以引用脚本，指示浏览器在哪里找到样式表、提供元信息等等
• 文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其他文档的关系等，绝大多数文档头部包含的数据都不会真正作为内容显示给用户
• 下面这些标题可用在head部分:,,