GIS软件开发学习教程之——HTML、CSS和JavaScript简介

如果想学习GIS软件开发,必须先了解web开发,而在这之前,还需要先了解什么是HTML、CSS和JavaScript。


学习GIS软件开发必须要掌握这三种工具,本文将介绍HTML、CSS和JavaScript的基础知识,想学习的赶紧收藏起来吧!




在学习之前,我们先理解几个基本概念。


什么是互联网?


互联网是一个以发送和接收数据(信息)来相互通信的计算机网络。


互联网上的每台计算机都可以通过一个称为IP地址的唯一数字来区分和定位。IP地址一般由一串数字组成,类似于:168.212.226.204



什么是网络?


网络是互联网的一个子集。Web由两个主要组件组成:Web浏览器客户端和Web服务器。


客户端请求数据,服务器共享或提供其数据。为此,双方必须达成协议。该协议称为应用程序编程接口,简称API。


但是,这些数据必须经过整理和格式化,使具有广泛技术经验和能力的最终用户能够理解。


这就是HTML、CSS、JavaScript和整个web开发概念发挥作用的地方。



现在,让我们来学习HTML、CSS和JavaScript吧!



什么是HTML?


HTML代表超文本标记语言。超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:head)、和“主体”部分(英语:body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。


HTML标签是由尖括号包围的关键词,比如 <html>

HTML标签通常是成对出现的,比如 <b> 和 </b>

标签对中的第一个标签是开始标签,第二个标签是结束标签;开始和结束标签也被称为开放标签和闭合标签。


例如:

<!DOCTYPE html>

<html>

<body>

<h1>Please give me a like</h1>

<p>Please!!!</p>

</body>

</html>



<html> 与 </html> 之间的文本描述网页

<body> 与 </body> 之间的文本是可见的页面内容

<h1> 与 </h1> 之间的文本被显示为标题

<p> 与 </p> 之间的文本被显示为段落



呈现的内容:





什么是CSS?


HTML是一种用于设置网页格式/结构的标记语言,而CSS是一种设计语言,您可以使用它来使网页看起来美观、形象。


CSS可以被用来改善网页的外观,通过添加CSS样式,可以使页面对用户的查看和使用更具吸引力和愉悦感。


想象一下,如果人类只是被制造成有骨架和裸露的骨头——那会是什么样子?CSS就像我们的皮肤、头发和一般的外观。


使用CSS,可以设置元素的颜色和背景,以及字体、边距、间距、填充等等。


例如:

<!DOCTYPE html>

<html>

<head>

<style>

body {

background-color: pink;

}

h1 {

color: white;

text-align: center;

}

p {

font-family: Ariel;

font-size: 20px;

}

</style>

</head>

<body>

<h1>我的第一个 CSS 实例</h1>

<p>段落内容:求给我点赞!</p>

</body>

</html>



呈现出来的页面内容是:





什么是JavaScript?


现在,如果HTML是标记语言,CSS是设计语言,那么JavaScript就是编程语言。


如果你不知道编程是什么,想想你在日常生活中的一些行为模式:


当你感觉到危险时,你就跑;当你饿了,会找东西吃;当你累了,你就睡觉;当你过马路时,你会观察和计算车辆离你的距离。


你的大脑已经被设定成在任何事情发生时以某种方式做出反应或做某些事情。通过同样的方式,您可以对web页面或单个元素进行编程,使其以某种方式作出反应,并在发生其他事情(事件)时执行某些操作。


您可以编写操作、条件、计算、网络请求、并发任务和许多其他类型的指令。


例如:


<!DOCTYPE html>

<html>

<body>

<h2>Please give me a like </h2>

<button type="button"

onclick="document.getElementById('demo').innerHTML = Date()">

like

</button>

<p id="demo"></p>

</body>

</html>



呈现出来的内容:






将HTML、CSS和JavaScript组合在一起,我们一起使用这三种语言来格式化、设计和编程网页。


当您使用超链接将某些网页以及服务器计算机上的所有资源(如图像、视频等)链接在一起时,这些内容会呈现到网站中。


这些操作通常发生在前端,用户可以在前端看到正在显示的内容并与之交互。


另一方面,数据,特别是密码等敏感信息,是从网站后端存储和提供的。

这是网站的一部分,仅存在于服务器计算机上,不显示在前端浏览器上。后端一般是网站管理员才有权限访问,用户无法看到或访问该信息。


总结:


在web开发中,我们用于构建网站的三种主要语言是HTML、CSS和JavaScript。我们使用HTML来构建网站,我们使用CSS来设计和布局网页,使用JavaScript来实现交互。


点我了解更多GIS软件开发学习内容

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,427评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,551评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,747评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,939评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,955评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,737评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,448评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,352评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,834评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,992评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,133评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,815评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,477评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,022评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,147评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,398评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,077评论 2 355

推荐阅读更多精彩内容