一、简介:
WebGIS是基于HTTP协议的B/S模式的分布式GIS。它采用HTTP协议实现浏览器与Web服务器之间的通信,用户通过Web浏览器向Web服务器发出请求,服务器通常向用户返回可交互的、包含地图信息的HTML或XML格式的文档、文档片段或其他格式的地理数据。
二、超文本模型与HTML:
超文本标记语言是建立在超文本和标记语言的概念之上的一种与平台和设备无关的语言,它使用标记描述文档和超文本间的链接,从而达到使Internet上不同主机上的文档和应用相互链接的目的。
HTML结构标记:定义了HTML
<html>...</html> 告知文件的格式
<head>...</head> 文件的整体信息
<title>…</title> 标题,放在<head>中
<body>...</body> 正文内容
<!DOCTYPE>
<html>
<head>
<title>WebGIS</title>
</head>
<body>
<p>Hello WebGIS</P>
</body>
</html>
常用的标签对:
<h1>一级标题</h1>
<h6>六级标题</h6>
<marquee>跑马灯标记</marquee>
<img src="图片url">
<embed src="url" width="1920" height="1200" autostart="true">
播放器的大小以及是否自动播放
<a href=https://www.baidu.com/>百度</a>
<select name="">
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
三、在这里附上一个具体的实例,样式需自己编辑。
<body background="http://pic3.16pic.com/00/16/16/16pic_1616414_b.jpg">
<div>
<marquee bgcolor="669663">山水古风</marquee>
<div style="text-align:center">
<h6>请选择你最喜欢的歌手</h6>
<select name="carlist" onchange="gradeChange()" font-size="25px">
<option value="刘珂矣">刘珂矣</option>
<option value="小曲儿">小曲儿</option>
<option value="霍尊">霍尊</option>
<option value="HITA">HITA</option>
<option value="音频怪物">音频怪物</option>
</select>
<input type="submit" value= "提交" />
</form>
</div>
<div>
<img class="tp" src="https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=6f28178bccef7609280691cd4fb4c8a9/cf1b9d16fdfaaf51900292a98b5494eef11f7ac6.jpg">
<a href="https://baike.baidu.com/item/%E5%88%98%E7%8F%82%E7%9F%A3/4473594?fr=aladdin">刘珂矣</a>
禅意歌者,音乐唱作人,自推出《半壶纱》《一袖云》等优质唱作 作品以来,广受好评,其创立的“禅意中国风”也成为了近年来最为别致的音乐标签。
</div>
<div>
<img class="tp" src="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=539fc0777f1ed21b6dc426b7cc07b6a1/42166d224f4a20a492286d4292529822720ed005.jpg">
<a href="https://baike.baidu.com/item/%E5%B0%8F%E6%9B%B2%E5%84%BF/5777069?fr=aladdin">小曲儿</a>
知名古风音乐唱作人。中国原创音乐基地热门歌手,平纱落雁原创音乐团队成员, 在“古风圈”颇负盛名,2012年发行的个人首张原创古风专辑《曲倾天下》倍受好评。 2014年发行的个人第二张原创古风专辑《曲终人未散》更赢得了广大粉丝的追捧。另外
还有《上邪》、《三生一梦》等歌曲,深受听众喜爱。
</div>
<div>
<img class="tp" class="tp" src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=a8e98250563d26973ade000f3492d99e/3b292df5e0fe9925b434d6ca33a85edf8db1716b.jpg">
<a href="https://baike.baidu.com/item/%E9%9C%8D%E5%B0%8A/8787306?fr=aladdin">霍尊</a>
1990年9月18日出生于上海,中国流行男歌手,毕业于上海大学悉尼工商学院。 2012年,参加东方卫视真人秀节目《声动亚洲》出道,获得亚洲赛区三强,获封“荣耀之星”。 2014年,霍尊获得央视原创音乐真人秀《中国好歌曲》第一季冠军,其原创歌曲《卷珠帘》
获封“年度中国好歌曲”,并携《卷珠帘》登上央视马年春晚
</div>
<div>
<img class="tp" src="https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=8335eb3b0c2442a7ba03f5f7b02ac62e/1f178a82b9014a90eb679705aa773912b31bee29.jpg">
<a href="https://baike.baidu.com/item/HITA/108592?fr=aladdin">HITA</a>
音乐人,网络原创音乐团队“墨明棋妙”成员、“百度偶像”官方认证音乐人、 中国原创音乐基地推荐音乐人、 音乐翻唱网推荐歌手,在古风圈颇负盛名。 被誉为“古风御姐” , 曲风百变,会伪音。
</div>
<div>
<img class="tp" src="https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike116%2C5%2C5%2C116%2C38/sign=a4d8ee5b9c2bd40756cadbaf1ae0f534/0b55b319ebc4b745ee55c765c4fc1e178b8215fb.jpg">
<a href="https://baike.baidu.com/item/%E9%9F%B3%E9%A2%91%E6%80%AA%E7%89%A9/1362717?fr=aladdin">音频怪物</a>
原名李楠,昵称老妖、妖君、老怪,古风圈著名歌手。主要为配音演员、 广播剧演员,并发售三张原创专辑。早期歌曲以填词翻唱为主,现有大量原创作品。 声线多变,变声力强,为广播剧、视频配音时不仅音色百变,而且人格分裂也是轻而易举。 传唱度较高作品(包含翻唱):《典狱司》《浮生未歇》
</div>
</div>
<embed src="D:\CloudMusic\霍尊,林源 - 之子于归(对唱).mp3" width="0" height="0" autostart="true" loop="false" id="MediaPlayer"
name="MediaPlayer" />
</div>
</body>
四、总结
在WebGIS的开发中具有一定的HTML基础是不够的,我们还需要学习CSS和JS,在这里我们只是简单的介绍了一下HTML的使用,想深入学习的请参考:http://www.w3school.com.cn/html/index.asp