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

ops/2024/10/17 19:47:03/
htmledit_views">

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

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

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


http://www.ppmy.cn/ops/124893.html

相关文章

数据结构-5.7.二叉树的层次遍历

一.演示&#xff1a; 1.初始化队列&#xff1a; 2.根结点入队&#xff1a; 3.判断队列是否为空&#xff0c;此时有根结点&#xff0c;说明不为空&#xff0c;则队头结点即根结点出队并访问&#xff0c;再先进它的左结点&#xff0c;最后进它的右结点&#xff1a; 4.之后对进来…

平凯星辰亮相 2024开放原子开源生态大会,分享开源教育及社区治理经验

9 月 25-27 日&#xff0c;2024 开放原子开源生态大会在北京成功举办&#xff0c;本次大会以“开源赋能产业&#xff0c;生态共筑未来”为主题&#xff0c;由开放原子开源基金会主办&#xff0c;聚焦地方开源实践、企业开源建设思路&#xff0c;围绕开源生态建设&#xff0c;突…

阿里云的Qwen2.5-Coder 和 Qwen2.5-Math专有模型怎么样?

阿里云发布Qwen2.5 系列模型&#xff0c;最新发布的 Qwen2.5 系列中包括普通的大语言模型 (LLM) 以及针对编程和数学的专用模型&#xff1a;Qwen2.5-Coder 和 Qwen2.5-Math。 包括&#xff1a; Qwen2.5: 0.5B、1.5B、3B、7B、14B、32B 和 72BQwen2.5-Coder: 1.5B、7B 和 32B&…

爬虫设计思考之二

“所谓爬虫,其本质是一种计算机程序,它的行为看起来就像是蜘蛛在网上面爬行一样,顺着互联网这个“网”,一条线一条线地“爬行”。 一、认识爬虫 爬虫这个词对于非专业人士比较的陌生&#xff0c;但是实际却和我们的生活息息相关。例如我们国内经常使用的百度浏览器搜索&#x…

分布式储能监控在实际项目中的应用

项目概述 晋亿实业股份有限公司位于浙江省嘉兴市嘉善县惠民街道松海路66号厂区&#xff0c;属于220kV东云变供区&#xff0c;由东云变35kV晋流683线供电。 晋亿实业5MW分布式储能项目&#xff08;以下简称“本项目”&#xff09;是某新能源科技有限公司在晋亿实业厂区内空地新…

Android平台RTSP|RTMP播放器PK:VLC for Android还是SmartPlayer?

好多开发者&#xff0c;希望在Android端低延迟的播放RTMP或RTSP流&#xff0c;本文就目前市面上主流2个直播播放框架&#xff0c;做个简单的对比。 VLC for Android VLC for Android 是一款功能强大的多媒体播放器&#xff0c;具有以下特点和功能&#xff1a; 广泛的格式支持…

OceanBase + DolphinScheduler,搭建分布式大数据调度平台的实践

本文整理自白鲸开源联合创始人&#xff0c;Apache DolphinScheduler PMC Chair&#xff0c;Apache Foundation Member 代立冬的演讲。主要介绍了DolphinScheduler及其架构、DolphinScheduler与OceanBase 的联合大数据方案。 DolphinScheduler是什么&#xff1f; Apache Dolphi…

用java来编写web界面

一、ssm框架整体目录架构 二、编写后端代码 1、编写实体层代码 实体层代码就是你的对象 entity package com.cv.entity;public class Apple {private Integer id;private String name;private Integer quantity;private Integer price;private Integer categoryId;public…