一、HTML 基本开发方式
1、如何编写 HTML 代码
- 本身的语法比较简单，语法风格和 Java 之类的差别很大，(并不能表达一些逻辑，而只是能表达 “有哪些东西" 一种信息)，
- 使用记事本创建一个文件，后缀名改成
.html即可，运行 html 也不需要额外的编译器，直接有浏览器就行
hello world!
虽然这个代码能运行，但是其实并不算是一个合法的 HTML 语法，那为什么浏览器还能正常运行呢
鲁棒性：“容错能力” 强
<html>
<head>
<title>tile</title>
</head>
<boby>
hello world!
</body>
</html>
这是一个更加规范的 HTML 代码，通过标签结构来构成的，每个标签，都分成了开始标签，和 结束标签 成对出现的，标签之间可以嵌套，整体这些标签就构成了一个树形结构，称为 DOM 树：Document Objective Model 文档对象模型
编写前端代码，可以使用：
-
直接使用 IDEA
IDEA 社区版：只支持 HTML，不支持 CSS 和 JS，很多代码没有高亮和提示
专业版：支持 HTML，CSS 和 JS，完全可以胜任的 -
可以使用 VSCode 来作为这里的开发工具，VSCode 对于前端是天然支持的，不需要安装任何额外的插件，就可以很好的胜任基础的前端开发。vSCode 的定位，其实是作为 “新语言的第一个开发工具"，尤其是针对一些小众语言
-
VS 叫做 “集成开发环境"，诞生于199x年~~ (不光能编辑代码，也带有编译器，也带有调试器)，最大的特点就是非常重
VSCode 叫做 “编辑器"，更强大的记事本 (只是能编辑，不带有编译器，也不带调试器) VSCode 就非常轻量
使用 VSCode 来编写，使用浏览器直接运行本地文件
如果你是用 IDEA，IDEA 写好的 html，右侧上角有一个浏览器的小图标，你点击图标就可以直接打开浏览器，运行网页，这个运行方式和直接双击文件的方式其实本质不同，学到后面这个两个操作会存在一定的差别，-当前我们都是使用直接双击运行的方式来进行的)
如何更快速的编写 HTML：
-
输入
// 这一行,声明了文档的类型.描述了当前文件是html文件!，并且按 tab，就可以生成出一组默认的页面模板 (主流的开发工具都有，emmet 风格的快捷键)Document
VSCode 中，修改了代码，要记得及时保存 (VSCode 也可以配置成自动保存)
2、开发者工具
在浏览器中，有一个非常非常重要的组件，开发者工具!! 通过这个开发者工具，就可以观察到页面的基本结构!!!
- 右键–> 检查。或者直接 F12
这些标签页，对应了不同的功能
点击这个小箭头，就可以选择页面中的元素
3、发展历程
关于网站搭建：网站 = 前端＋后端
早期的开发方式：前端: HTML，CSS，Js；后端：Servlet，
现在在公司里也很少用到了，Spring 是公司里的主流开发方式
课堂上学习的是原生的开发方式，但是在实际的开发中，现在前端开发也衍生出了一些相关的框架：
前端的三大框架：
-
Angulat —— 谷歌
-
React —— FaceBook
-
Vue —— 尤雨溪
Angulal 在国内用的很少，国内主要就是 React 和 Vue，当前 React 份额更高，但是 Vue 也在迎头赶上
一个网站分成两个部分：前端(客户端)＋后端(服务器)
通常这里的客户端指的是浏览器
前端当前主流的实现方案其实就是平时所说的前端开发三剑客 (HTM，,CSS，JS)
实际上，咱们的 Java 诞生之初，就是用来写前端的
web 开发发展之初，前端和后端，之间的界限并不是特别明显
当时有个大佬，要做一个项目，开发 “智能面包机”，为了能够照顾到团队中的一些菜鸡队友，就发明了一个新的语言，Java 就诞生 (嵌入式设备的开发)，Java 就流传下来了，被一个 叫 Sun 的公司发现了
网页开发也刚刚兴起，最开始的网站一般都是这种纯静态的页面 (网站相当于一种 “线上的报纸")，随着时间的推移，人们已经不满足于使用网页当报纸，希望有一些更加复杂的交互操作
这个时候，就需要在页面中嵌入一些编程语言，来表示这样的逻辑：Java 中的 applet (最火的)，JS，VBScript
微软，推出了一个浏览器，叫做 IE，和当时最牛的浏览器，叫做网景，分庭抗礼
随着 windows 的大行其道，IE 逐渐称为了浏览器市场的霸主 (称霸称了接近 30 年，直到前两年，微软才正式宣布放弃 IE)
当 IE 成为主流之后，就针对 Java 展开封杀!! IE 宣布不支持 Java !!!
因为 Java 不是微软的，VB 这是微软的，微软为了扶植自己的技术体系，直接使用这种封杀手段针对 Java 展开了围剿
Java 在全新的赛道出发，重新找自己的定位
兵分两路：
-
向服务器开发进军J2EE => JavaEE
- JSP (Servlet)，虽然当时也有一席之地，但是当年 (2000 - 2010) 这个圈子里最牛的大佬，叫做 PHP —— 当然微软也在跟进，搞了个 ASP(最不受待见的)，web 开发四剑客 LAMP => L Linux， A Apache， (HTTP服务器, httpd)，M MySQL， P PHP
-
向嵌入式设备进军 J2ME => 也没了
- 当年手机端 (功能机)，上面的应用基本都是基于 J2ME 来实现的，以前的功能机，安装的软件，开启 logo 就是 java 的 logo，随着时间的推移，进入了智能手机时代，J2ME 这套技术栈，也就随之灰飞烟灭
Java仍然是两个角度重新发力
-
服务器开发
- 随着时间的推移，PHP 这套机制，也体现出了颓势 (针对一些大型复杂项目的开发，有些难以胜任)
前后端分离这种开发思想逐渐推广起来了。Java 开始发力了，尤其是 Java 重装推出了 Spring 这一套全家桶，这套全家桶可以认为是涵盖了后端开发的方方面面，就把同一时期的竞争对手都甩在后面了 .No1 - 在服务器领域这边，Java 最大的挑战者，就是 Go
Java 有一个最大的问题，比较繁琐 (模式套模式，框架摞框架，美其名曰，为了处理高并发大数据高可用…) Java 通常会把一个简单的问题，给搞麻烦了，Go 里面就是用简单的方法来解决简单的问题，Go 相当于是一个更现代的 C 语言，Go 的作者，正是 C语言之父肯汤姆逊，Go 现在也非常收到业界的好评，尤其是在国内，Go 的发展可以说是如日中天，尤其是写一些短小精悍的服务器的时候，开发者更倾向于使用 Go 代替 Java。Java 确实是在解决复杂问题上，更有优势，但是，现在业界更流行的一种后端架构，称为"微服务架构"，从业务逻辑的角度，天然把一个大的复杂的服务器，拆分成多个小的更精简的服务器
- 随着时间的推移，PHP 这套机制，也体现出了颓势 (针对一些大型复杂项目的开发，有些难以胜任)
-
虽然 J2ME 倒了，安卓兴起了，安卓应用的默认开发语言，就选择了 Java (为了吸引曾经哪些失业了的 J2ME 的程序猿，来快速的构建安卓的生态)
- 安卓生态的兴起，推动了安卓的发展，现在安卓已经成为了当下移动端最主流的操作系统. No1
- 移动端的挑战者，主要是两方面：
安卓是 google 搞的，google 使用了 Java 作为开发的默认语言，Java 后来被 Oracle 收购了，Oracle 一看安卓这么火，非常眼红，就把谷歌给告了!! “要求谷歌给自己支付高额的授权费”，谷歌败诉，只能掏钱，谷歌非常恼火!!! 谷歌在布局下一代移动端系统 (自研的系统)，下一代移动端系统上搭载的编程语言，是谷歌自己原创的 Dart，搭载的开发框架 Flutter (现在 Flutter 已经发布了，能够支持全平台兼容!!!)，基于 Flutter 写一份代码，这个代码就可以同时支持：安卓，IOS，windows，Linux，Mac，网页端!!! 并且还非常高效
在双重 No1 的加持下，Java 重回巅峰
二、HTML 标签
已经了解了 HTML 基本开发方式，也了解了浏览器如何查看页面结构，
接下来具体学习 HTML 中的语法细节，实际上学习的是 HTML 中的各种标签，一个网页上可能有链接，文本，按钮，输入框，图片… 这些页面上的不同的元素，就对应到 HTML 的标签
HTML 描述了页面上有什么东西，不表达 “逻辑” (没有条件，循环，方法，类等等……)
1、注释：
<!-- -->- 注释只是为了提醒程序猿，这个代码是干啥的，并不参与执行，不要随便乱写注释，注释能够被外面的有心人看到!!! 当前是直接运行的HTML 能够看到，实际开发中，往往一个完整的前端项目，要通过一些打包构建工具来进行构建，这个构建的过程中就会把 HTML 中的注释给去掉，包括对 JS 代码也会进行一些处理(混淆和压缩…)
- 注释可以直接通过
ctrl + /来切换注释 ( 与 IDEA 一样)- 注释不能嵌套
2、标题：
输入标签名 tab 就可以快速生成一对标签
- h1 - h6
- 数字越小，里面的内容，就越粗越大。数字越大，里面的内容,就越细越小
- HTML 初心，是为了表示报纸 / 杂志，这种几级标题，就属于报纸中的重要的内容
最低0.47元/天 解锁文章
3078
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
