信息技术/网络技术简介
为了使网站以特定方式显示和运行,网页开发者会使用不同的语言。构成万维网的三种核心语言是 HTML、CSS 和 JavaScript。
在 IT 世界中,互联网是一个必不可少的平台,无论是用于开发还是消费者使用。在开发网站时,通常会用到三种主要语言。这些语言是 JavaScript、CSS 和 HTML。HTML 是大多数网页的骨架。从本质上讲,它用于创建特定网站的外观结构,从标题到段落、主体、链接,甚至图像。
标记 语言是编写网页的语言。最常用的标记语言是 HTML,它使用标签来注释文本,以便计算机可以操作文本。大多数标记语言是人类可读的,并使用与注释文本不同的注释。有很多不同的标记和语言,但它们在注释文档的方式上是一致的。
超文本被定义为数据库中信息的排列方式,允许用户接收信息并通过单击主文档中突出显示的文字或图片从一个文档导航到另一个文档。超文本是万维网的基础,因为它允许用户单击其他链接以获取更多信息。超文本是一个用于所有链接的术语,无论是文本还是其他图形部分。
HTML 是用于创建和编辑网页和网络应用程序的常规标记语言。HTML 用于创建网站的基本结构。HTML 由不同的元素组成,这些元素以一个开始标签 <tag> 和一个结束标签 </tag> 为前缀。标签 <html> 和 </html> 之间的内容是网页的内容。标签 <head> 和 </head> 之间的内容是网页的标题。此文本显示在 <title> 和 </title> 标签之间。标签 <body> 和 </body> 之间的内容是网页的主要内容。内容可以包含链接、段落、标题和各种其他元素。
以下是最常用的 HTML 标签
标签 | 描述 |
---|---|
<h1> - <h6> | 为网页提供标题。1 是最大的标题,6 是最小的标题。 |
<p> | 在网页中开始一个段落。 |
<i> | 斜体字体样式。 |
<b> | 粗体字体样式。 |
<a> | 在网页上插入超链接。 |
<ul> & <li> | 开始一个无序或有序列表。 |
<!DOCTYPE> | 定义网页的文档类型。 |
<!-- --> | 允许你在 HTML 代码中插入注释。注释不会在网页上显示,但有助于组织。 |
<img> | 在网页上插入图像。 |
<br> | 在文本主体之间插入换行符。 |
HTML 2.0 出版于 1995 年,完善了 RFC 系统,允许对系统进行详细的机械解释。
HTML 3.2 出版于 1997 年,对 HTML 的结构进行了大规模的清理。它删除了数学公式,协调了代码重叠,并采用了 Netscape 的视觉标记标签。
HTML 4.0 出版于 1997 年底,引入了 3 个不同的版本和浏览器特定的插件。4.0 允许定制针对特定浏览器的体验。
XHTML 于 2000 年发布,将 HTML 和 XML 融合成了一种非常精确的语言,几乎过于精确。XHTML 被广泛认为是一种繁琐且难以掌握的语言。
HTML 5.0 发布于 2014 年,是目前使用的 HTML 版本。HTML 5.0 去掉了 XHTML 的一些繁琐和严格之处,同时保留了其保持精确和详细的能力。
HTTP 是万维网使用的协议,它确定消息的格式和传输方式。它还指示 Web 服务器和浏览器在响应多个命令时应采取的操作。当你打开你的 Web 浏览器并输入一个 URL 时,你就是在使用 HTTP。Web 服务器根据发送的 HTTP 命令指示它获取并传输所请求的网页。
HTTP 是一种用作 Web 上通信基本基础的应用程序。HTTP 是你在输入 Web 地址时键入的第一个字母。HTTP 是一种请求-响应协议。客户端可能会请求某些内容,而 http 允许客户端访问信息。就像当我们更新我们的虚拟机时,我们想要的请求是获取软件更新,http 请求发出并获取更新。如果你在银行网站或维基教科书网站上,它将是 https,其中 ‘s’ 代表安全。这意味着计算机正在安全的网络上进行通信。
CSS 是一种由万维网联盟 (W3C) 制定的样式表语言标准,用于创建和编辑网页的视觉呈现。CSS 允许网页开发者将网页内容和视觉样式隔离到单独的文档中,并提供更好的页面布局控制。外部 CSS 表格通常与 HTML 和 XHTML 链接,也可以链接到 XML、SVG 和 XUL。HTML 和 Javascript 与 CSS 结合在一起,是大多数网站界面所使用的技术的必要组成部分。它也被用于移动设备的界面,使网站更具吸引力。
以下是最常用的 CSS 标签
标签 | 描述 |
---|---|
background | 一个简写属性,用于在一个声明中设置所有背景属性。 |
color | 设置文本的颜色。 |
opacity | 设置元素的透明度级别。 |
border | 在一个声明中设置所有边框属性。 |
border-color | 设置四个边框的颜色。 |
float | 指定一个盒子是否应该浮动 |
padding | 在一个声明中设置所有填充属性。 |
/*...*/ | 允许您在 CSS 代码中插入注释。注释不会在网页上显示,但对组织很有帮助。 |
width | 设置元素的宽度。 |
clear | 指定元素的哪一边不允许其他浮动元素。 |
CSS 可以通过三种不同的方式与 HTML 结合使用:内联、内部和外部。
- 内联样式通过在要设置样式的元素之后放置“style”来为页面上的单个元素添加样式。
- 内部样式为单个文档创建样式,因为 CSS 存储在 HTML 文档的头部。内部样式使用围绕所有样式选择器的<style>标签放置。
- 外部样式表存在于与 HTML 文档不同的文档中,这使得样式和结构的组织更加合理。外部样式表可以链接到构成网站的所有 HTML 文档,允许网页开发者使用一个文档来设置整个网站(所有页面)的样式。
例如:h2 style = "color: blue"
例如:<style>
body {background-color: white;}
/* 这是一个注释!
'Body' 是选择器,
'background-color' 是声明*/
h2 {color: blue;}
</style>
网页设计程序帮助网页创建者管理和创建网站内容。许多网页设计程序内置了许多工具,可以简化创建网站的过程。这些程序包括 Dreamweaver 和 Sublime。还有一些像 Wordpress 和 Ghost 这样的发布程序,允许用户拥有更基于 GUI 的界面来进行博客和管理网站。
Sublime
Sublime 是一款文本编辑器,允许网页开发者、程序员、软件工程师等操作代码。它不仅适用于 HTML 和 CSS,还可以为许多不同的编程语言和新的生产力工具进行设置。Sublime 拥有的一个许多其他工具没有的贡献是“Package Control”工具。该工具允许您完全访问一个完整的库内容,以改善您的编码体验。例如,您可以安装一个名为 Emmet 的软件包,帮助您快速键入大量的 HTML 代码。如果您键入“html:5”并按下“tab”键,则 Emmet 将输出 HTML 5 文档的所有正确语法。
SASS
SASS 有点像 Emmet,但更像是一种语言。它是一种用 Ruby 编写的语言,它为 CSS 提供了更多功能,例如变量和嵌套。与 Emmet 一样,它使 CSS 的编写速度更快、效率更高,为程序员节省了大量时间。
通常是指在网络上由用户的网络浏览器执行的计算机程序,而不是在网络服务器上执行的计算机程序,这使得网页可以被编写脚本。客户端脚本不需要服务器上的额外软件,而是利用用户的网络浏览器来理解它所编写的脚本语言。
服务器端脚本是在网页开发中使用的一种技术,它涉及在网络服务器上使用脚本,这些脚本为每个用户对网站的请求生成唯一的响应。
当客户端脚本和服务器端脚本共同构建一个网页时,它被称为 web 应用程序。这个 web 应用程序可以管理用户交互、安全性和帮助提高客户端和服务器之间的性能。web 应用程序可以包括从在线商店到即时通讯服务的所有内容,只要服务器端和客户端都执行脚本以协同达成一个共同目标即可。
JavaScript 是一种与 HTML 和 CSS 一起用作万维网三个核心组件的脚本语言。JavaScript 具有头等函数,并被用于大多数网站。JavaScript 不具有任何 I/O,这意味着它必须嵌入在宿主环境中。JavaScript 也被用于 PDF 文档、游戏开发以及桌面和移动应用程序。JavaScript 最常用于通过向 HTML 页面添加客户端行为来创建 DHTML。
万维网联盟 (W3C) 是一个国际性的网络成员社区,致力于制定网络标准。它由万维网的发明者蒂姆·伯纳斯-李在 20 世纪创立。W3C 的设计目的是充分发挥网络的潜力,并使其能够被来自世界各地所有用户访问。此外,W3C 的另一个目标是制定标准,以确保网络朝着一个方向发展,而不是分裂成相互竞争的群体。以下是 W3C 制定的一些标准
- 无障碍性
- 网页创作
- 网页性能
- 层叠样式表
- HTML5
- 网页字体
- 部件
- 媒体访问
- 移动网页应用程序
- 网页设计和应用程序的国际化
- 移动网页创作
- XML
- 图形
- RDF
- HTTP
等等