HTML,JavaScript,PHP,CSS,XML,SQL的区别和联习

HTML超文本标记语言------HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

HTML定义结构:

<h1>欢迎来到我的网站</h1>

<p>这是一个段落</p>

CSS负责样式:

h1{

color: blue;

font-size:24px;

}

p{

color:gray;

font-family:Arial,sans-serif;

}

Javascript定义功能和行为:

<!DOCTYPE html>
<html>
<head>
<title>JavaScript 示例</title>
<script>
function changeContent() {
document.getElementById('content').innerHTML = 'JavaScript 修改了 HTML 内容!';
}
</script>
</head>
<body>
<h1>这是 HTML 静态内容</h1>
<p id="content">原始内容</p >
<button οnclick="changeContent()">点击修改内容</button>
</body>
</html>

JavaScript不会直接生成整个HTML页面,而是操作已经加载的HTML。JavaScript可以通过脚本动态修改页面中的HTML元素,比如显示或隐藏内容,动态添加新元素等。

PHP(后端语言):

<?php
if($user_is_logged_in){
echo "<h1>欢迎回来,用户</h1>";
} else {
echo "<h1>请登录</h1>";
}
?>

HTML 是网页的基本结构,是开发者直接编写的,用于定义页面的静态内容和布局。

• PHP 是在服务器上运行的脚本语言,它负责处理用户请求、生成动态内容。PHP 生成 HTML 并发送给浏览器,处理复杂的逻辑,比如与数据库交互、用户验证等。

• JavaScript 运行在客户端(浏览器中),它在页面加载后,可以操作或修改现有的 HTML,从而实现动态交互和内容更新。

所以,HTML 是网页的基础,PHP 动态生成 HTML,JavaScript 动态修改已经生成的 HTML。

CSS不会更改HTML的内容,只是对HTML的内容进行排布

XML:

<library>
<book>
<title>War and Peace</title>
<author>Leo Tolstoy</author>
<year>1869</year>
<isbn>978-0199232765</isbn>
</book>
<book>
<title>1984</title>
<author>George Orwell</author>
<year>1949</year>
<isbn>978-0451524935</isbn>
</book>
</library>

XML是用于定义数据结构,组织和内容的标记语言

SQL:

SELECT * FROM users WHERE age > 18;

这个查询会返回 users 表中所有年龄大于18的用户记录。

SQL是一种用于管理和操作关系型数据库的标准编程语言。它用于执行各种数据库操作,包括数据查询、插入、更新和删除等。

数据库中的关键字------字段、属性、列、元组、记录、表、主键、外键

一般来说,是库->表->字段

相关推荐
BingoGo4 分钟前
2026 年 PHP 的三大优势 这门"老将"为何依然重要
后端·php
深圳市恒讯科技7 分钟前
如何用PHP将MySQL/MariaDB数据库连接到Linux云服务器
服务器·数据库·php
JaguarJack8 分钟前
2026 年 PHP 的三大优势 这门"老将"为何依然重要
后端·php·服务端
weixin_5841214312 分钟前
vue3+elementui+js自定义穿梭框布局
javascript·vue.js·elementui
小白勇闯网安圈15 分钟前
[极客大挑战 2019]BabySQL、[极客大挑战 2019]PHP、[极客大挑战 2019]BuyFlag、[RoarCTF 2019]Easy Calc
网络安全·php
郑州光合科技余经理18 分钟前
从国内到海外:同城o2o本地生活服务平台国际化实战
java·开发语言·javascript·mysql·uni-app·php·生活
proud121220 分钟前
使用thymeleaf生成PDF方案
javascript·css·pdf
wifi chicken22 分钟前
Linux Wlan wpa_supplicant 框架梳理
linux·php·wap_supplicant·应用层编程
梵得儿SHI23 分钟前
Pinia 状态管理从入门到精通:基础 / 核心特性 / 多 Store / 持久化全实战(Vue2/Vue3 适配)
javascript·vue.js·ecmascript·pinia·态持久化存储方案·实战避坑指南·ue2/vue3项目开发
啥都不懂的小小白24 分钟前
ES6常用新特性
开发语言·javascript·es6