本系列将学习最基础的web前端知识:
HTML---CSS---JavaScripts---jQuery
四大部分学习完以后再进入到JavaWeb的知识。(后端)
然后再学习SpringBoot技术、SSM、Vue等等,
最后再讲讲实际项目开发、就业面试等内容。
第一章:下载一个自己喜欢的轻量化代码编辑器
我推荐初学者在一开始使用较为原始的开发环境,
比如我们在学习Java的时候,我们先使用了记事本+控制台编译的形式,
学到一定程度之后再换上开发工具IDEA。
学习HTML也是一样,我一开始会先使用比较简单的开发工具:Sublime Text,一个Mac平台的文本编辑器。
在Windows平台请使用notepad++!
并且选择对应的语法高亮。
对于Mac上的软件下载,我推荐浏览http://macwk.com,这绝对是一个牛逼的网站。
我不能接受有Mac(绿色)用户不知道这个网站。
第二章:编写第一个HTML文件
这就是一个最基本的HTML文件,文件后缀名是.html(.htm也可以)
最外面用<html> 和</html>包围,里面有一个head和body
<html> <head> <title> 我是标题 </title> </head> <body> Hello World </body> </html>
保存文件,然后双击用浏览器打开,就可以看到我们的成果了!
我们还可以在文本编辑器中,直接右键,在浏览器中打开。
第三章:解决编码问题-无脑版
标题是乱码,本来应该显示“我是标题”。
这是一个编码问题,我们文本编辑器的编码和我们浏览器读取的编码不同导致的。
(如果你使用开发环境来编写HTML文件,可能不会出现这些问题,但是这个问题非常基础,我们必须了解,这就是为什么我们使用这样的编写方式)
解决方法很简单,我们将文本编辑器的编码和浏览器读取编码保持一致即可。
都选用同一个编码之后,网页就可以正常显示了。
后面,我们会学习更多的标签,去自动解决标签问题。
第四章:一些语法规则
1、html语法不区分大小写 2、有开始,就必须有结尾,除了一些单独的标签 3、如hr
<hr/>是那个分割线
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库