初步了解 HTML, Markdown, CSS, LaTeX, 和 JavaScript

提起创建网页,我们常会想到HTML。随着我的了解逐渐深入, CSS、Markdown这样的词汇对我来说变得熟悉起来。尽管我还未用HTML、JavaScript 或CSS直接写过什么,我认为收集一些有关他们的信息是有极大作用的。


简介

文本标记语言

在我们了解一些著名的文本标记语言之前,让我们先看看几个问题:

  • “文本标记语言”是什么意思?

试想一位翻看剧本的演员。剧本上的有些语句是那位演员在待会的表演中应该说的话,我们称之为“台词”;还有一部分语句是告诉演员他应该以怎样的方式、用怎样的感情说出那些台词,让我们把这叫做“说明性文字”。

在计算机的世界里,在写一个文档时,有些“对白”会决定文档展示的内容,有些“说明性文字”会决定文档展示这些内容的方式,比如一个词的字体大小或一幅图片应当放置在文档中的哪一段落。在计算机的文本处理中,我们把“说明性文字”叫做“标记”。

根据Wikipedia:

在计算机文本处理中, 文本标记语言是一套给文档以一种语句构成上与文本易于区分的方式进行注释的系统。

“给文档进行注释”就是给你的内容加上标记。标记的系统有很多种,我们把这些不同的标记系统称为文本标记语言。

  • “超文本”是什么意思?

    根据Wikipedia,

    超文本是一种在计算机屏幕或其他的电子设备上,含有指向其他读者可以快速访问的文本的引用(超链接)的文本。

    简单来说,当你看见将你带向其他文本的文本,你或许可以将它视为超文本。

一些著名的文本标记语言有:

1. HTML

HTML 是"Hypertext Markup Language"(超文本标记语言)的缩写.

how-to-meet-ladies

不,不是"怎么遇见女士(How to Meet Ladies)"! ?

根据Wikipedia,

HTML是创建网页和网页应用的标准文本标记语言。

于是我们回到了“HTML”的话题。HTML一般长什么样子?让我们看看下面这个用HTML写的“hello, world”:

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>

<body>
</body>
</html>

由”标准“这个词你可以看出大多数的网页是用HTML写成的,或HTML在创建网页的过程中发挥了重要的作用。通过HTML,你可以你想要的方式向网页或文档中添加图片、文字以及各种东西。HTML最初发布于1993年,这恐怕就是它变得这么通用的原因。

然而,一个“纯粹”的HTML网页通常是静态的,而你在网上看到的大多数的网页似乎是动态的。这是因为

HTML可以内嵌用像JavaScript这样的脚本语言写成的程序,后者决定了网页的行为和内容。CSS的运用定义了内容的外观和排版。HTML和CSS标准的维护者——万维网联盟(W3C)从1997年起一直在鼓励用CSS取代复杂的用于表现的HTML元素。

2. Markdown

Markdown是一种运用纯文本格式的轻量级文本标记语言。

不难看出,尽管用Markdown也能创建出一些相对而言有一定基本排版的文档,Markdown比HTML要简单得多。我不会在此处给出Markdown的示例。Markdown常被用来书写README文件或做笔记等等。它最初于2004年发布。

然而,Markdown的一个不足之处是它太简单,以至于它不能处理复杂的情况。如果你想将一幅图片插入到一个指定的位置或者做任何“高科技”的事情,使用纯粹的Markdown的你可能会失望。

幸运的是,这里有一个解决方案。你可以将HTML和CSS代码加入到一个“.md”文件里。

3. LaTeX

LaTeX (/ˈlɑːtɛx/ LAH-tekh 或 /ˈleɪtɛx/ LAY-tekh; Lamport TeX的缩写)是一种文档排版系统。 在编写文档时,作者应运用一种同用“WYSIWYG”(“所见即所得”)文本格式的文字处理软件如Microsoft Word、LibreOffice Writer和Apple Pages相反的纯文本。作者用预先设置好的文本标记来定义整个文档(比如文章、书籍、信件)的总体结构、规定整个文档的文本风格(比如加粗、斜体)和添加引用、参考。TeX的发行版如TeX Live或MiTeX等被用作制作适合用来打印或电子分发的输出文件(比如PDF或DVI)。

关于它的名字的趣事是:

在自己的排版系统内,它的名字的格式是 LaTeX

但你也可以写作LaTeX。

最初发布于1983年

4. Scribe, GML, SGML, XML等

样式表语言

  • “样式表语言”是什么意思?

    样式表语言(或样式语言)是用来表示结构化文档的展现方式的语言。

简单来说,样式表语言描述你的文档里的内容怎么展示。

1. CSS

CSS(层叠样式表)是一种用于描述用像HTML这样的语言写成的文档的展示方式的样式表语言

从“层叠”不难看出CSS被用于处理复杂的涉及排版、字体、颜色等等的情况。

它看起来像这样:

h1 { color: white;
background: orange;
border: 1px solid black;
padding: 0 0 0 0;
font-weight: bold;
}
/* begin: seaside-theme */
body {
background-color:white;
color:black;
font-family:Arial,sans-serif;
margin: 0 4px 0 0;
border: 12px solid;
}

CSS最初发布于1996年

CSS同HTML和JavaScript一起是万维网(World Wide Web)的基数奠基石。

除了HTML,其它的支持CSS的文本标记语言还有XHTML、plain XML、SVG、XUL等。

编程语言

1. JavaScript

JavaScript通常被缩写为JS,它是一种遵从ECMAScript标准的高级的解释型语言。它是一种有动态化、弱类型、基于原型和跨平台等特点的语言。

不! JavaScript ≠ Java。

Java 和 Javascript的关系,就和雷锋和雷峰塔一样

传言说,JavaScript得到这样一个包含“Java”这个词的名字,是因为当时Java非常流行,给JavaScript起这样一个名字让这门语言也变得流行了起来。

这门语言常在网页中运用。它最初发布于1995年


语言表

语言类型发布年份
HTML文本标记语言1993
Markdown文本标记语言2004
LaTeX文本标记语言1983
CSS样式表语言1996
JavaScript编程语言1995

引用

  1. HTML, from Wikipedia. Retrieved in January, 10, 2019.

  2. How to Meet Ladies, from http://devhumor.com/media/html-how-to-meet-ladies, submitted by: admin. Retrieved in January, 14, 2019.

  3. Markup language, from Wikipedia. Retrieved in January, 10, 2019.

  4. “hello world” in HTML, from 【Html】第一个网页helloworld. Retrieved in January, 11, 2019.

  5. Hypertext, from Wikipedia. Retrieved in January, 11, 2019.

  6. Markdown, from Wikipedia. Retrieved in January, 10, 2019.

  7. LaTex, from Wikipedia. Retrieved in January, 15, 2019.

  8. Style sheet language, from Wikipedia. Retrieved in January, 15, 2019.

  9. CSS, from Wikipedia. Retrieved in January, 15, 2019.

  10. JavaScript, from Wikipedia. Retrieved in January, 15, 2019.

  11. Photo Java 和 Javascript的关系,就和雷锋和雷峰塔一样, from 菜鸟教程. Retrieved in 1/15/2019.

  12. Java 和 Javascript的关系, from 菜鸟教程. Retrieved in 1/15/2019.

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值