GIS软件研发学习教程之——HTML、CSS和JavaScript简介
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>想学习GIS软件<span style="color: black;">研发</span>,<span style="color: black;">必要</span>先<span style="color: black;">认识</span>web<span style="color: black;">研发</span>,而在这之前,还<span style="color: black;">必须</span>先<span style="color: black;">认识</span>什么是HTML、CSS和JavaScript。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">学习GIS软件<span style="color: black;">研发</span><span style="color: black;">必要</span>要<span style="color: black;">把握</span>这三种<span style="color: black;">工具</span>,本文将介绍HTML、CSS和JavaScript的<span style="color: black;">基本</span>知识,想学习的赶紧<span style="color: black;">保藏</span>起来吧!</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在学习之前,<span style="color: black;">咱们</span>先理解几个基本概念。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">什么是互联网?</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">互联网是一个以发送和接收数据(信息)来相互通信的计算机网络。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">互联网上的每台计算机都<span style="color: black;">能够</span><span style="color: black;">经过</span>一个<span style="color: black;">叫作</span>为IP<span style="color: black;">位置</span>的<span style="color: black;">独一</span>数字来区分和定位。IP<span style="color: black;">位置</span><span style="color: black;">通常</span>由一串数字<span style="color: black;">构成</span>,<span style="color: black;">例如</span>知乎的IP<span style="color: black;">位置</span>为:113.96.156.245</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">什么是网络?</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网络是互联网的一个子集。Web由两个<span style="color: black;">重点</span>组件<span style="color: black;">构成</span>:Web浏览器客户端(Browser)和Web服务器(Server)。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">客户端请求数据,服务器共享或<span style="color: black;">供给</span>其数据。为此,双方<span style="color: black;">必要</span>达成协议。该协议<span style="color: black;">叫作</span>为应用程序编程接口,简<span style="color: black;">叫作</span>API。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">然则</span>,这些数据<span style="color: black;">必要</span>经过整理和格式化,使<span style="color: black;">拥有</span>广泛技术经验和能力的<span style="color: black;">最后</span>用户能够理解。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这<span style="color: black;">便是</span>HTML、CSS、JavaScript和<span style="color: black;">全部</span>web<span style="color: black;">研发</span>概念发挥<span style="color: black;">功效</span>的<span style="color: black;">地区</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span>,让<span style="color: black;">咱们</span>来学习HTML、CSS和JavaScript吧!</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">什么是HTML?</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML<span style="color: black;">表率</span>超文本标记语言。超文本标记语言,标准通用标记语言下的一个应用。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">“超文本”<span style="color: black;">便是</span>指页面内<span style="color: black;">能够</span><span style="color: black;">包括</span><span style="color: black;">照片</span>、链接,<span style="color: black;">乃至</span>音乐、程序等非文字元素。 超文本标记语言的结构<span style="color: black;">包含</span>“头”部分(英语:head)、和“主体”部分(英语:body),其中“头”部<span style="color: black;">供给</span>关于网页的信息,“主体”部分<span style="color: black;">供给</span>网页的<span style="color: black;">详细</span>内容。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签<span style="color: black;">是由于</span>尖括号<span style="color: black;">包裹</span>的<span style="color: black;">重要</span>词,<span style="color: black;">例如</span> <html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签<span style="color: black;">一般</span>是成对<span style="color: black;">显现</span>的,<span style="color: black;">例如</span> <b> 和 </b></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标签对中的<span style="color: black;">第1</span>个标签是<span style="color: black;">起始</span>标签,第二个标签是结束标签;<span style="color: black;">起始</span>和结束标签<span style="color: black;">亦</span>被<span style="color: black;">叫作</span>为开放标签和闭合标签。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><!DOCTYPE html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><body></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><h1>Please give me a like</h1></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><p>Please!!!</p></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></body></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><html> 与 </html> 之间的文本描述网页</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><body> 与 </body> 之间的文本是可见的页面内容</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><h1> 与 </h1> 之间的文本被<span style="color: black;">表示</span>为标题</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><p> 与 </p> 之间的文本被<span style="color: black;">表示</span>为段落</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">呈现的内容:</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-1d356b4056768084e141e46693be0fb1_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">什么是CSS?</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML是一种用于设置网页格式/结构的标记语言,而CSS是一种设计语言,您<span style="color: black;">能够</span><span style="color: black;">运用</span>它来使网页看起来美观、形象。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS<span style="color: black;">能够</span>被用来改善网页的外观,<span style="color: black;">经过</span>添加CSS样式,<span style="color: black;">能够</span>使页面对用户的查看和<span style="color: black;">运用</span>更具吸引力和愉悦感。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">想象一下,<span style="color: black;">倘若</span>人类只是被制<span style="color: black;">导致</span>有骨架和<span style="color: black;">露出</span>的骨头——那会是什么样子?CSS就像<span style="color: black;">咱们</span>的皮肤、头发和<span style="color: black;">通常</span>的外观。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>CSS,<span style="color: black;">能够</span>设置元素的颜色和背景,以及字体、边距、间距、填充等等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><!DOCTYPE html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><head></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><style></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">body {</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">bac<span style="color: black;">公斤</span>round-color: pink;</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">}</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">h1 {</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> color: white;</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> text-align: center;</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">}</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">p {</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> font-family: Ariel;</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> font-size: 20px;</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">}</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></style></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></head></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><body></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><h1>我的<span style="color: black;">第1</span>个 CSS 实例</h1></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><p>段落内容:求给我点赞!</p></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></body></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></html></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">呈现出来的</p>
我完全赞同你的观点,思考很有深度。 软文发布平台 http://www.fok120.com/ 你的话语如春风拂面,让我心生暖意。 你的话语如春风拂面,让我心生暖意。
页:
[1]