Web 词汇表学习笔记
HTML
HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。它使用标签和属性来描述网页的结构和内容。例如,下面是一个简单的 HTML 文档:
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页!</h1>
<p>这是我的第一个网页。</p>
</body>
</html>
在这个例子中,<html>
标签表示整个网页,<head>
标签包含网页的元数据,如标题和链接,而 <body>
标签包含网页实际的内容。
CSS
CSS(Cascading Style Sheets)是一种用于控制网页样式的语言。它允许开发人员通过选择器和声明来为网页添加样式。例如,在上面的 HTML 文档中,我们可以添加以下 CSS 样式:
cssCopy Codeh1 {
color: red;
font-size: 36px;
}
p {
color: blue;
}
这将使 <h1>
元素变成红色、36 像素大,而 <p>
元素变成蓝色。
JavaScript
JavaScript 是一种用于创建动态网页的脚本语言。它可以在网页加载后修改网页内容、响应用户操作和与服务器交互。例如,以下代码会弹出一个消息框:
javascriptCopy Codealert('欢迎来到我的网页!');
此外,JavaScript 还可用于创建交互式表单、动画和游戏。
AJAX
AJAX(Asynchronous JavaScript and XML)是一种用于在不重新加载整个网页的情况下更新网页内容的技术。它使用 JavaScript 和 XML(现在通常替换为 JSON)来与服务器进行异步通信。例如,以下代码使用 AJAX 获取与搜索词相关的图片:
javascriptCopy Code$.ajax({
url: 'https://api.unsplash.com/search/photos?query=cat',
headers: {
Authorization: 'Client-ID [Access Key]'
}
}).done(function(data) {
// 处理返回的数据
});
这个例子使用了 jQuery 框架来发起 AJAX 请求,并在成功时处理返回的数据。
RESTful API
REST(Representational State Transfer)是一种架构风格,用于设计 Web 应用程序。RESTful API 是一种符合 REST 原则的 API,它使用 HTTP 协议的各种方法(如 GET、POST、PUT 和 DELETE)来操作资源。例如,以下 URL 表示获取与搜索词相关的图片:
Copy Codehttps://api.unsplash.com/search/photos?query=cat
这个 URL 按照 RESTful API 的原则,使用 GET 方法来获取名为 photos
的资源,并在查询字符串中指定搜索关键字为 cat
。
以上就是 Web 开发中常用的一些词汇和技术,希望对你有所帮助!