u1jodi1q 发表于 2024-6-29 12:58:06

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> &lt;html&gt;</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> &lt;b&gt; 和 &lt;/b&gt;</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;">&lt;!DOCTYPE html&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;html&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;body&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;h1&gt;Please give me a like&lt;/h1&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;p&gt;Please!!!&lt;/p&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;/body&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;/html&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;html&gt; 与 &lt;/html&gt; 之间的文本描述网页</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;body&gt; 与 &lt;/body&gt; 之间的文本是可见的页面内容</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;h1&gt; 与 &lt;/h1&gt; 之间的文本被<span style="color: black;">表示</span>为标题</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;p&gt; 与 &lt;/p&gt; 之间的文本被<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;">&lt;!DOCTYPE html&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;html&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;head&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;style&gt;</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;">&lt;/style&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;/head&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;body&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;h1&gt;我的<span style="color: black;">第1</span>个 CSS 实例&lt;/h1&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;p&gt;段落内容:求给我点赞!&lt;/p&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;/body&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;/html&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">呈现出来的</p>




1fy07h 发表于 2024-10-12 19:47:42

我完全赞同你的观点,思考很有深度。

j8typz 发表于 2024-10-19 17:27:44

软文发布平台 http://www.fok120.com/

1fy07h 发表于 2024-10-30 05:43:57

你的话语如春风拂面,让我心生暖意。

m5k1umn 发表于 2024-11-13 20:26:18

你的话语如春风拂面,让我心生暖意。
页: [1]
查看完整版本: GIS软件研发学习教程之——HTML、CSS和JavaScript简介