PJCH之第一个程序

这篇博客介绍了如何作为初学者创建并运行HTML、CSS、JavaScript和PHP的第一个程序。通过使用Sublime编辑器,详细阐述了每个语言的创建过程,包括保存文件、更改文件类型和在浏览器中运行。此外,还提供了相关教程链接和资源,帮助新手理解这四种语言之间的关系和功能。
摘要由CSDN通过智能技术生成

**前言:**前端三驾马车为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测试代码:

菜鸟教程(runoob.com)

我的第一个标题

我的第一个段落。

测试代码运行结果: ![在这里插入图片描述](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>

Hello World!

其次在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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值