路由器web网页管理界面goahead和Lighttpd、jQuery（JavaScript(js)众多框架中的比较老的一个）、超文本标记语言html

一、路由器web网页管理界面goahead

1、开源的轻量级WEB Server很多，比如GoAhead、Shttpd、Thttpd、Lighttpd、BOA、mathopd、minihttpd、appweb，但适合于移植到嵌入式平台的并不多。

2、GoAhead是基于C语言的嵌入式WEB Serve。开发linux平台下的web监控，你可以利用windows下的vs先调试好JS+CSS前端，再去linux平台下解决数据交互层面的问题。

可以把goahead理解为一个连接html 网页和c语言程序代码的一个桥梁，web静态页面和后台server的数据交互就是通过goahead中的一个宏定义websDefineAction实现的，把c语言函数转换为html可以调用的动作。

void webHomeCgiInit(void)
{websDefineAction("GetHomeConfig", WebGetHomeConfig);//rebootwebsDefineAction("ReBoot", WebReBoot);
}

3、Html、CSS和JavaScript三者之间的关系

JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：

HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 控制了网页的行为

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
CSS样式是表现(外观控制)。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

4、Lighttpd
Lighttpd是一个轻量级的Web 服务器，支持FastCGI, CGI, Auth, 输出压缩(output compress), URL重写, Alias等重要功能。它具有非常低的内存开销，cpu占用率低，效能好，以及丰富的模块等特点。其静态文件（如图片、文件）的响应能力远高于Apache，可谓Web服务器的后期之秀

二、jQuery

1、介绍

jQuery 是JavaScript 众多框架中的一个，比较老。

jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。

学习链接：jQuery 教程

因为jQuery只是Javascript的一个框架，所以首先还得学 Javascript 教程

JavaScript 和平常所说的JAVA开发是完全不同的两种语言，JavaScript 可以理解为一种脚本语言，就是前端开发中所说的js，JAVA是用来做安卓开发的。

**2、jQuery 语法 **

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

美元符号定义 jQuery
选择符（selector）“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作

实例:

$(this).hide() - 隐藏当前元素
$(“p”).hide() - 隐藏所有 < p> 元素
$(“p.test”).hide() - 隐藏所有 class=“test” 的 < p> 元素
$(“#test”).hide() - 隐藏 id=“test” 的元素

3、jQuery 的核心是选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头：$()。

元素选择器
#id 选择器
.class 选择器
参考：jQuery 选择器

三、html相关概念

1、超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

2、HTML 是用来描述网页的一种语言：

HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容，HTML文档也叫做 web 页面

3、HTML 标签

HTML 标签是由尖括号包围的关键词，比如 < html >
HTML 标签通常是成对出现的，比如 < b > 和 < /b >
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

详细语法请参考菜鸟教程：https://www.runoob.com/html/html-basic.html

二、语法规则

1、标题、段落、链接、图像、换行

HTML 标题（Heading）是通过< h1> - < h6> 标签来定义的。
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
< hr> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

<h1>这是一个标题</h1> <!-- 这是一个注释 -->
<hr>
<h2>这是一个标题</h2>
<hr>
<h3>这是一个标题</h3>

HTML 段落是通过标签 < p> 来定义的。

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

HTML 链接是通过标签 < a> 来定义的。

<a href="https://www.runoob.com">这是一个链接</a>

HTML 图像是通过标签 < img> 来定义的.

<img src="/images/logo.png" width="258" height="39" />

换行

<br>
*开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。

2、script、link、div、ul
< script>标签用于加载脚本文件，如： JavaScript。

< link> 标签定义了文档与外部资源之间的关系，最常见的用途是链接样式表。

< div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分，< div>标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。

< style> 标签用于为 HTML 文档定义样式信息。比如规定字体粗细大小。

HTML中的< body>标记用于定义HTML页面中存在的主要内容。它始终包含在< html>标记内。 < body>标记是< html>标记的最后一个子代。

ul 是 Unordered List（无序列表）的缩写。
与之相对的有

有序列表标签。
列表里的项目用
标签记述。

span标签是使用来组合文档中的行内元素，以便使用样式来对它们进行格式化

< label>标签用于绑定一个表单元素, 当点击标签内的文本时, 浏览器就会自动将焦点转到或者选择对应的表单元素上.