**前言:**前端三驾马车为HTML+CSS+JS,HTML与CSS相当于人和衣服的关系,而让人活动起来的则是JavaScript,至于PHP则能动态修改输出HTML展示内容。还有HTML+CSS+JS的解析是由浏览器来完成,PHP则于服务器端被解析。
一利用Sublime创建第一个HTML程序并运行:
Sublime创建html项目并在浏览器运行,程序一定要先Ctrl+S保存再右键点击“Open in Brower”运行:
总过程请必参考:
https://blog.csdn.net/xuexue2017/article/details/83217660
补充:
HTML测试代码:
我的第一个标题
我的第一个段落。
测试代码运行结果: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190703230307490.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM1NTc1Mg==,size_16,color_FFFFFF,t_70)二创建第一个JavaScript程序并运行:
同理JavaScript也可以在sublime中运行:
首先依以上HTML程序的创建方法创建一个JavaScript文件,然后复制这段JavaScript代码到sublime上:
<!doctype html>
其次在sublime右下角把文件格式改为JavaScript
在Sublime上点击鼠标右键的“Open in Browser”大功告成。
三创建第一个CSS程序并运行:
创建运行过程与HTML、JavaScript如出一辙,CSS测试用代码:
四创建第一个PHP程序 hello world!并运行:
先点击:https://blog.csdn.net/xxj_jing/article/details/49663747看从安装到实现PHP“hello,world!”的总过程。
其次下载XAMMP并照这篇文章配置XAMMP:https://blog.csdn.net/qq_36595013/article/details/80373597#XAMPP_1
再其次正版phpstorm的安装及激活:
https://blog.csdn.net/u012278016/article/details/81772566
最后还是按第一个链接来实现PHP“hello,world!”,大功告成。
补充:
PHPStorm运行PHP代码(新手教程):
https://blog.csdn.net/a411358606/article/details/80809844
使用HBuilder 工具编写第一个PHP文件:https://ask.csdn.net/questions/689689
总补充:
新手理解HTML、CSS、JavaScript之间的函数:
https://www.cnblogs.com/dreamingbaobei/p/5062901.html
菜鸟教程,如图:https://www.runoob.com/
W3Cshool:https://www.w3cschool.cn/
w3school:http://www.w3school.com.cn/index.html