一、HTML简介

1.1前端技术简介

一、从“网页制作”到“前端开发”

1. Web1.0时代的“网页制作”

• 网页主要是静态页面，用户仅能浏览，无法交互
• Web1.0时代的网站开发工具——网页三剑客，指的是“Dreamweaver、Fireworks、Flash”这三款软件。

2. Web2.0时代的“前端开发”

• 页面分为静态页面和动态页面
• “网页制作”改称“前端开发”

二、从“前端开发”到“后端开发”

1. 前端开发

• “新三剑客”：HTML、CSS和JavaScript
• HTML，全称Hyper Text Markup Language（超文本标记语言）。HTML是一门描述性语言。
• CSS，即Cascading Style Sheet（层叠样式表），是用来控制网页外观的一种技术。
• JavaScript是什么？JavaScript，就是我们通常所说的JS，是一种嵌入到 HTML页面中的脚本语言，由浏览器一边解释一边执行。
• HTML用于控制网页的结构，CSS用于控制网页的外观，而JavaScript控制着网页的行为。
• 除了上述3种技术之外，我们还得学习一些其他技术，例如jQuery、Vue.js、SEO、性能优化等。

2. 后端开发
   掌握了前端技术后，就可以开发网站了，但这时做出来的是静态网站，只能供用户浏览，不能与服务器交互。

• 常见后端技术：
  （1）PHP，是世界上最通用的开源脚本语言（之一），其语法吸收了C、Java和Perl语言的特点，易于学习，使用广泛，适用于Web开发领域。
  （2）JSP，有点类似ASP技术，它是在传统的网页HTML文件中插入Java程序段（Scriptlet）和JSP标记（tag），从而形成JSP文件。用JSP开发的Web应用是跨平台的，既可以在Windows系统下运行，也能在其他操作系统（如Linux）上运行。
  （3）ASP.NET，其前身就是我们常说的ASP技术。
• 网站是前端与后端的结合

三、学习路线

HTML→CSS→JavaScript→jQuery→HTML5→CSS3→ES6→Vue.js→webpack→Node.js
其他辅助性技能：SCSS、Typescript、UI框架等。

1.2 什么是HTML？

• 一门描述性的标记语言
• 语法：<标签符>内容</标签符>
• 标签符一般都是成对出现的，包含一个“开始符号”和一个“结束符号”。结束符号只是在开始符号前面多加上了一个斜杠“/”。当浏览器收到HTML文本后，就会解析里面的标签符，然后把标签符对应的功能表达出来。举个例子，我们一般用“百度”来定义文字为斜体。当浏览器遇到标签对时，就会把标签中的文字用斜体显示出来。

<em>百度</em>

当浏览器遇到上面这行代码时，就会得到斜体文字效果

• 标签：文字标签，图片标签，表单标签等
• 标签也可称为元素

以上学习参考绿叶学习网