路由器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);
    //reboot
    websDefineAction("ReBoot", WebReBoot);
}

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

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

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

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

2. CSS样式是表现(外观控制)。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. 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（无序列表）的缩写。
与之相对的有

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

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

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