文章目录

  • 1. HTML入门
  • 2. Head
  • 3. body中的标签
    • 3.1. body中的基本标签
    • 3.2. body中其他一些小标签
  • 4. html中超链接标签
  • 5. 图片标签
  • 6. 表格标签
    • 6.1. table表格
    • 6.2. form表单
    • 6.3. form表单中的标签
  • 7. IFrame标签
  • 8. Frameset标签
  • 9. 层div标签
  • 10. HTML5简介
  • 11. HTML5增强表单(form)标签
  • 12. HTML5中的增强结构标签
  • 13. HTML5中的音频标签
  • 14. HTML5中的其他标签

1. HTML入门

  • 前端网站的学习：http://www.w3school.com.cn/
<html><head><!--head会书写一些和浏览器中的配置信息--><!--告诉浏览器按照UTF-8编码解析该网页--><meta  charset='UTF-8'/> <title>这是我的第一个网页</title></head><body><!--body中放直接展现到用户面前的信息-->This is my first  HTML</body></html>

2. Head

<!DOCTYPE html>
<!--HTML中的文档约束（DTD）HTML5的文档约束  <!DOCTYPE html>HTML  4.01文档约束   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">-->
<html><head><meta charset="utf-8" /><title></title><!--搜索引擎优化--><meta name="author"  content="朱自清，张三" /><meta name="description" content="盼望着盼望着东风来了" /><meta name="keywords" content="东风，盼望" /><!--自动刷新网页（五秒后自动刷新）--><meta http-equiv="refresh" content="5;http://www.bjsxt.com" /><!--禁止网页缓存--三种方式 (了解)--><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Cache-Control" content="no-cache" /><meta http-equiv="expires" content="0" /></head><body></body>
</html>

3. body中的标签

3.1. body中的基本标签

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!--标题标签  h1-h6  自动的加粗加黑  会自动的换行   align:调整标签的位置 （默认是left） -->【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园<!--标题居中--><h1 align="center">【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h1><h2>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h2><h6>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h6><!--分割线标签   width：宽度  500px:像素   color:颜色  align:位置（默认center）  size:垂直方向的大小 --><hr width="500px" color="red" align="left" size="20px"/><!--p段落标签   br:换行    &nbsp;空格--><p>&nbsp;&nbsp;新华网阿里5月11日电（张宸 雪珍）55岁的白玛加布看着在<br/>玛旁雍错边飞舞的海鸥和欢呼的游客，脸上露出了欣慰的笑容。</p><p>&nbsp;&nbsp;新华网阿里5月11日电（张宸 雪珍）55岁的白玛加布看着在<br/>玛旁雍错边飞舞的海鸥和欢呼的游客，脸上露出了欣慰的笑容。</p><!--预文本标签  按照我们指定的格式输出 （灵活性比较大）--><pre>新华网阿里5月11日电（张宸 雪珍）55岁的白玛加布      看着在玛旁雍错边飞舞的海鸥和欢呼的游客，脸上露出了欣慰的笑容</pre></body>
</html>

3.2. body中其他一些小标签

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!--下划线标签--><u>北京</u><!--斜体标签--><i>北京</i><!--加粗加黑标签--><b>北京</b><!--删除线标签--><del>北京</del><!--上标标签-->2<sup>3</sup><!--下标标签-->log<sub>7</sub><!--字体变小标签--><small>北京</small><!--字体放大--><big>北京</big><!--字体标签 font/span; face：指定字体的风格--><!--北京--><font color="red" size="25px" face="宋体">北京尚学堂</font><span>北京</span><hr /><!--列表标签: [1]有序列表，[2]无序列表，[3]自定义列表--><!-- 作用：【1】树形菜单【2】导航栏的布局 --><!--[1]有序列表--><ol type="I"><li>javaSE</li><li>javaEE</li><li>javaME</li></ol><!--[2]无序列表--><ul type="square"><li>javaSE</li><li>javaEE</li><li>javaME</li></ul><!--[3]自定义列表--><dl><dt>java</dt> <!--父亲节点--><dd>javaSE</dd> <!--子节点--><dd>javaEE</dd><dd>javaME</dd></dl><!--跑马灯标签，从右边开始滚动，以40像素每秒滚动--><marquee direction="right" scrollamount="40px">北京</marquee></body>
</html>

4. html中超链接标签

超链接标签的作用（不会自动换行）：

  1. 实现不同页面之间的跳转
    href：指定跳转到目标资源的位置
    target：打开网页的方式；_blank：另起一页打开
  2. 实现锚点功能
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><a href="#bottom" name="top">返回底部</a> <!--锚点功能--><br /><!--超链接标签的作用（不会自动换行）：【1】实现不同页面之间的跳转href:指定跳转到目标资源的位置target：打开网页的方式；_blank：另起一页打开【2】实现锚点功能--><!--跳转到本地的资源位置--><a href="02body中常用小标签.html" target="_blank">02小标签测试</a><!--跳转到网络的位置--><a href="http://www.bjsxt.com">北京尚学堂</a><br /><br /><br /><br /><br /><br /><a href="#top" name="bottom">返回顶部</a></body>
</html>

5. 图片标签

img：(不会自动的换行)

  1. src：引入图片的位置（相对路径、绝对路径、网络路径 ）
  2. title：图片的标题
  3. width/height: 如果只制定一个的话，另外一个等比例变化
  4. border:图片的边框
  5. alt：图片无法正常显示的时候显示的属性
  6. align：图片的位置，必须有参照物的参照，这个属性才会起作用
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- img：(不会自动的换行)src：引入图片的位置{相对路径、绝对路径、网络路径  }title：图片的标题width/height: 如果只制定一个的话，另外一个等比例变化border:图片的边框alt：图片无法正常显示的时候显示的属性align：图片的位置，必须有参照物的参照，这个属性才会起作用 --><!--1. 相对路径--><img src="img/2.jpg" /><!--2. 绝对路径；在HBuilder中容易出错，但是这么写没问题--><img src="C:\\Users\\my\\Documents\\HBuilderProjects\\01HTML\\img\\1.jpg" /><!--3. 网络路径--><img src="https://www.baidu.com/img/bd_logo1.png" /><hr /><p>6666<a href="#"> <!--添加啊标签，就可以点击图片后跳转指定网页，这里#意为跳转至本页--><img src="img/1.jpg" title="图片"  width="200px" height="200px" border="2px" alt="图片显示错误" align="right"/></a>8888</p></body>
</html>

6. 表格标签

6.1. table表格

  1. table表格的自适应能力 (align="center")整个的表格整体居中
  2. width="300px"；height="300px"
    tr：行 :height
    td：普通的列
    th：标题列：自动的居中，加黑效果
    快捷键：table>tr*3>th*3 --> 声明3行3列的表格，写完这句再按tab键就自动生成。
    colspan：列合并
    rowspan：行合并
    bgcolor：背景颜色
    cellpadding：内容和单元格的距离
    cellspacing：单元格和单元格的距离
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border="1px" align="center" cellpadding="20px" cellspacing="30px"><tr height="100px" align="center"><td width="100px" align="center">11</td><td width="100px">2</td><td width="100px">3</td></tr><tr height="100px"><th>4</th><td>5</td><td>6</td></tr><tr height="100px"><td>7</td><td>8</td><td>9</td></tr><tr height="100px"><th>11</th><th>12</th><th>13</th></tr></table><hr /><table border="1px" width="300px" height="300px" bgcolor="bisque"><tr bgcolor="aqua"> <!--设置背景颜色--><th colspan="2" bgcolor="blue">1--2</th> <!--列合并--><!--<th>2</th>--><th>3</th></tr><tr><th>4</th><th>5</th><th rowspan="2">6--9</th> <!--行合并--></tr><tr><th>7</th><th>8</th><!--<th>9</th>--></tr></table><br /><br /><br /><br /><br /><br /><br /></body>
</html>
<!--table>tr*3>th*3  :声明3行3列的表格    table表格的自适应能力 (align="center")整个的表格整体居中width="300px" height="300px"  cellpadding：内容和单元格的距离  cellspacing：单元格和单元格的距离tr：行  :heighttd/th：列  widthtd:普通的列th:标题列:自动的居中，加黑效果colspan:列合并 rowspan：行合并 bgcolor：背景颜色
-->

6.2. form表单

  1. url地址含义：https://www.baidu.com/s?键1=值1&键2=值2：
  2. action：表单提交的位置
  3. method (get/post)：表单提交的方式
    get：
  • (1). 参数会依附于url地址之后
  • (2). 利用get方式提交数据，数据的长度有限制
  • (3). 利用get方式提交数据，是不安全的
    post：
  • (1). 请求不会依附于地址
  • (2). 利用post处理参数不受限制
  • (3). post提交数据比较安全
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form action="https://www.baidu.com/s" method="get"><!--普通文本框--><input type="text"  name="wd"/> <input type="submit" value="百度一下" /></form></body>
</html>
<!--https://www.baidu.com/s？键1=值1&键2=值2action：表单提交的位置method（get/post）：表单提交的方式get:(1)参数会依附于url地址之后，(2)利用get方式提交数据，数据的长度有限制(3)利用get方式提交数据，是不安全的post(1)请求不会依附于地址，(2)利用post处理参数不受限制（3）post提交数据比较安全
-->

6.3. form表单中的标签

  1. 普通文本框：checked="checked"默认选择这一项
  2. 单选框：要想实现单选效果必须制定一样的name属性；value是返回给数据库的值
  3. 多选框
  4. 多行文本框：<textarea rows="15" cols="20" value="">你好</textarea><br />
  5. 文件选择框：
  6. 隐藏框：
  7. 下拉框：value是返回给数据库的值；selected="selected"默认选择
  8. 按钮：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form><!--1. 普通文本框  value：文本框中值-->账号： <input type="text"  name="zh" value="123" /> <br />密码：<input type="password" name="pwd" value="123" /><br /><!--2. 单选框：实现单选的效果必须指定同一个name属性   checked：默认的选择-->男：<input type="radio"  name="sex"  value="1" checked="checked"/>女：<input type="radio"  name="sex" value="0"/>  <br /><!--3. 多选框-->抽烟:<input type="checkbox"  value="1" checked="checked">喝酒:<input type="checkbox" />烫头:<input type="checkbox" /><br /><!--4. 多行文本框-->个人介绍： <textarea rows="15" cols="20" value="">你好</textarea><br /><!--5. 文件选择框--><input type="file" name="file" /><br /><!--6. 隐藏框--><input type="hidden" name="sno" value="20180607" /><br /><!--7. 下拉框  selected：默认的选择--><select name="ch"><option value="1">中国</option><option value="2" selected="selected">美国</option><option value="3">日本</option><option value="4">新加坡</option></select> <br /><!--按钮--><!--1. 提交按钮--><input type="submit" value="提交" /> <br /><!--2. 清除按钮,清空写好的内容--><input type="reset" value="清除" /><!--3. 普通的按钮  没有提交数据的功能--><input type="button" value="提交" /></form>        </body>
</html>

7. IFrame标签

HTML5中一般用Iframe，不用Framset。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><ul><!--target：超链接打开的方式，在这里超链接在框架中打开，因为框架的name属性和target属性同名--><li><a href="http://www.baidu.com" target="ifm">百度</a></li><li><a href="http://www.taobao.com" target="ifm">淘宝</a></li><li><a href="http://www.jd.com" target="ifm">京东</a></li></ul><!--框架学习：width：宽度；height：高度；name：在框架中可以打开的网页；src:默认路径 --><iframe width="1000px" height="550px" name="ifm" src="http://www.baidu.com"></iframe></body>
</html>

8. Frameset标签

在HTML5中用的不多，一般用IFrame！
对整个网页进行划分布局；<frameset>不在<body>标签中

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><!--横向划分：顶部大小150，底部100，其余是中间--><frameset rows="150px,*,100px"><!--顶部部分--><!--src：把已经写好的网页引入进来--><!--norsize：不允许改变框架大小--><frame  src="admin/top.html" noresize="noresize"/><!--中间的部分；纵向划分，第一部分占10%，其余是第二部分--><frameset cols="10%,*"><!--左侧部分--><frame  src="admin/left.html"/><!--右侧部分--><frame  src="admin/right.html" name="rig"/></frameset><!--底部部分--><frame  src="admin/bottom.html"/></frameset><!--<body></body>-->
</html>

9. 层div标签

网页布局的第三个标签。
div标签本身是没有任何的含义；div的作用就是把网页进行模块化的划分。

  • 使用div做一个类似于京东首页结构的网页
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>/*.top和class="top"相对应*/.top{height:100px;width: 100%;/*背景颜色*/background-color: red;}.tips{width: 100%;height: 40px;background-color: pink;}.center{width: 100%;height: 475px;background-color: palegreen;}.bottom{width: 100%;height: 150px;background-color: paleturquoise;}.login{width: 350px;height: 400px;background-color: #ffffff;/*相对定位：距离框架左边950，距离框架上边10*/position: relative;left: 950px;top: 10px; }</style></head><body><!--1. 头部模块--><div class="top"></div><!--2. 中间提示--><div class="tips"></div><!--3. 中间的展现--><div class="center"><!--login的框架--><div class="login"></div></div><!--4. 底部模块--><div class="bottom"></div></body>
</html>
<!--div本身是没有任何的含义div：作用就是把网页进行模块化的划分
-->

10. HTML5简介

  1. W3C组织指定的HTML规定。
  2. HTML5是由W3C，谷歌，火狐，IE，苹果一起指定的规则。在移动端的兼容很好，但是PC端不同浏览器有时候兼容性不好。
  • 去除了HTML4中的不常用标签
  • HTML5增加了一些语义标签
  • HTML5功能强大

11. HTML5增强表单(form)标签

H5中表单增强的属性：

  • placeholder：里面是显示的内容
  • autofocus：自动的获得焦点；这两种写法一样：autofocus="autofocus"和autofocus；- HTML5中只写autofocus就可以
  • max：最大值；min：最小值
  • minlength：最小长度； maxlength：最大长度
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form><p><!--1. 邮箱-->邮箱: <input type="email" /></p><p><!--2. 数字-->年龄: <input type="number" /></p><p><!--滑动器-->滑动器: <input type="range" /></p><p><!--3. 搜索框-->搜索: <input type="search" /></p><p><!--4. 日期的框-->日期: <input type="date" /></p><p><!--日期的框2：今年的第几周-->日期: <input type="week" /></p><p><!--日期的框3：今年的第几个月-->日期: <input type="month" /></p><p><!--5. 颜色-->日期: <input type="color" /></p><p><!--6. 网址-->网址: <input type="url" /></p><p><input type="submit" value="提交" /><input type="reset" value="清空" /></p></form><hr /><!--H5中表单增强的属性placeholderautofocus:自动的获得焦点max：最大值min：最小值minlength:最小长度maxlength:最大长度--><!--一个密码登录的小实例--><form><p>账号:<input type="text"  placeholder="手机号/邮箱/账号" autofocus/></p><p>年龄:<input type="number" max="130" min="0" /></p><p>密码:<input type="password"  minlength="2" maxlength="4" /></p><p><input type="submit" value="提交" /><input type="reset" value="清空" /></p></form></body>
</html>

12. HTML5中的增强结构标签

  1. 参考博客：(https://www.cnblogs.com/fly_dragon/archive/2012/05/25/2516142.html)
  2. 增强结构标签的意义：只用div标签的话，如果有写注释，很难直接看出页面整体布局，那里是头部，那里是导航，那里是正文，那里是底部… …所以这才有了增强结构标签，增强结构标签可以一目了然的看出来网页结构。不过还是使用传统div标签来布局的网页比较多！
  • 之前的京东登录页面来使用增强结构标签重写：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>header{height:100px;width: 100%;/*背景颜色*/background-color: red;}nav{width: 100%;height: 40px;background-color: pink;}.center{width: 100%;height: 475px;background-color: palegreen;}footer{width: 100%;height: 150px;background-color: paleturquoise;}.login{width: 350px;height: 400px;background-color: #ffffff;/*相对定位*/position: relative;left: 950px;top: 10px; }</style></head><body><!--1. 头部模块--><header></header><!--2. 中间提示--><nav></nav><!--3. 中间的展现--><div class="center"><div class="login"></div></div><!--4. 底部模块--><footer></footer></body>
</html>

13. HTML5中的音频标签

  1. 引入音频的标签：
    src
    control="control"
    source：把所有的格式都添加进入source标签；加上这个标签，使得网页更加健壮，如果第一个格式该浏览器不支持的话，就会尝试加载第二个格式，依次往下尝试加载，这也是最保险的方法，把所有的格式都写上来，让浏览器一个个来试。
  2. 引入视频的标签video
  3. 引入多媒体标签embed：既可以引入音频，也可以引用视频
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!--1. 引入音频的标签--><audio src="img/1.mp3" controls="controls"><!--audio只支持HTML5，之前的版本不支持这种格式，所以加下面这句话，如果该浏览器不支持，则显示下面这句话-->改网页不支持媒体标签，请更新浏览器版本！</audio><!--下面这种写法更加健壮，从上到下来找，如果第一个mp3格式不支持，就往下找ogg--><audio><source src="img/1.mp3"></source><source src="img/1.ogg"></source>改网页不支持媒体标签</audio><!--2. 引入视频的标签--><video src="img/movie.mp4" controls="controls" width="300px" height="300px"></video><video><source src="img/movie.mp4"></source><source src="img/movie.ogg"></source><source src="img/movie.webm"></source>改网页不支持媒体标签</video><hr /><!--3. 多媒体标签，既可以引入音频，也可以引用视频 --><embed src="img/1.mp3"></embed><embed src="img/movie.mp4" width="500px" height="500px"></embed></body>
</html>

14. HTML5中的其他标签

  1. figure：有点像列表标签；figcaption–给图片的一个描述
  2. details：有点像下拉框
  3. meter：刻度标签
  4. progress：进度条
  5. canvas：画布，画一些多边形
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><figure><img src="img/1.jpg" /><figcaption>IT程序员</figcaption></figure><!--也可以用列表标签来实现上边功能--><!--<dl><dd><img src="img/1.jpg" /></dd><dd>IT程序员</dd></dl>--><!--展示文章的细节mark：着重突出的内容--><details><summary>请选择</summary><p>中国1</p><p><mark>中国2</mark></p><p>中国3</p><p>中国4</p></details><!--刻度标签max:规定的最大值min:规定最小值value：当前的值（会根据这个值变颜色）low：自己定义的最小值high：自己定义的最大值--><meter max="100" min="0" value="10" low="20" high="80"></meter><!--进度条--><progress max="100" value="40"></progress><br /><input type="text" list="city" /><datalist id="city"><option value="IBM">IBM</option><option value="IBM1">IBM1</option><option value="IBM2">IBM2</option><option value="IBM3">IBM3</option></datalist><!--画布标签--><canvas id="mycat"></canvas><script>var  ca = document.getElementById("mycat");var  te = ca.getContext("2d");//背景颜色te.fillStyle="#FF0000";//绘制图形的大小te.fillRect(0,0,80,100);</script></body>
</html>

第七阶段 -- 网页编程基础：【HTML】相关推荐

  1. html是不是网络编程语言或技术,网页编程基础HTML语言.ppt

    这是精心收集的精品经典资料,值得下载保存阅读! 2.1 HTML概述2.2 文字风格设置2.3 段落控制标记2.4 超链接标记; 通过Internet浏览世界各地的网络资源,或者要把信息通过Inter ...

  2. py系统学习笔记：第七阶段：网页编程基础：第二章：CSS3：23.文本、表格属性

    目录 文本属性 设置文本对齐方式 代码:左.右.中 效果: 设置文本的修饰方式 代码:下划线.上划线.删除线 效果: 设置文本大小写 代码:每个单词开头大写,全部大写,全部小写 效果: 设置文本的首行 ...

  3. JavaScript 网页编程（一）——JavaScript 基础语法

    目录 一.计算机编程基础 二.初识 JavaScript 三.JavaScript 变量 四.JavaScript 数据类型 五.标识符.关键字.保留字 六.JavaScript 运算符(操作符) 七 ...

  4. 关于介绍编程前景的html文档,HTML编程基础稿件（32页）-原创力文档

    * * 第2章 HTML编程基础 优选文档 * 内容提要 本章首先介绍HTML的发展历史,然后介绍HTML的基本框架 详细介绍了HTML的各种常用标记:文字标记.图片标记和超级链接标记,等等. 介绍C ...

  5. 16第一章 ASP.Net编程基础知识

    第一章        ASP.Net编程基础知识 第一章        ASP.Net编程基础知识 本章首先介绍用ASP.Net技术编制服务器端动态网页所需的网络和HTML标记语言方面的有关知识.然后 ...

  6. 《爬虫与网络编程基础》学习

    <爬虫与网络编程基础>学习 任务1:计算机网络基础 Step1-2 Step 3:关于XML格式的学习 XML文件格式 XML文件的常见操作 1.构建xml格式文件 2. 保存XML文件 ...

  7. 第一章：客户端网页编程简介

    1.企业应用计算的演变过程:主机/哑终端的集中计算模式.客户机/服务器计算模式.浏览器/服务器计算模式. 2.网页的基本组成:web应用程序.web服务器.客户端浏览器.HTTP网络协议. 3.发送到 ...

  8. Linux网络编程基础知识

    Linux网络编程基础知识 1. 协议的概念 1.1 什么是协议 1.2 典型协议 2 网络应用程序设计模式 2.1 C/S模式 2.2 B/S模式 2.3 优缺点 3 分层模型 3.1 OSI七层模 ...

  9. 【R语言编程基础】【课后习题答案】【全】

    文章目录 第1章 R语言概述 1.选择题 2.操作题 第2章 数据对象与数据读写 1.选择题 2.操作题 第3章 数据集基本处理 1.选择题 2.操作题 第4章 函数与控制流 1.选择题 2.操作题 ...

最新文章

  1. UIViewController生命周期
  2. c++期末大作业_西城的家长注意了，北京小学校内期末考试越来越重要
  3. 基于八叉树快速分类的Shear-Warp交互式体绘制算法
  4. 2016年程序员如何提高自己的方法有哪些？
  5. [Web Chart系列之五] 2. 实战draw2d 之Label 放大，缩小的问题(raphael的text类似问题)
  6. 如何通过 Shell 监控异常等待事件和活跃会话
  7. mysql服务设置远程连接 解决1251 client does not support ..问题
  8. 【开发随笔】以强化学习环境 gym 库为例：为什么日常中我应该试图标准化接口？
  9. AST解析基础: 如何写一个简单的html语法分析库
  10. Ubuntu18安装AWVS，然后在破姐次数限制，就问你能不能忍住不赞？
  11. 内外盘分仓跟单系统源码CTP程序化交易系统源码
  12. ElementUI Collapse 折叠面板
  13. Elasticsearch：Script fields 及其调试
  14. 管理Java类路径（Windows）
  15. 关于腾讯云服务器使用FTP详细配置教程
  16. centos8显示网络连接激活失败
  17. 【JAVA】奥林匹克五环(Olympic rings)
  18. 【造轮子】实现 atoi、itoa 函数
  19. 国内外的免费AI作图工具
  20. 声纹识别技术助力远程身份认证

热门文章

  1. 如何从型号判断NVR支持的接入路数和硬盘数？
  2. 真是「狗」了，知乎「吃相」太难看了
  3. 《你可以不平凡》-- 周杰伦在北京大学百年讲堂的演讲
  4. MySQL语法添加多个外码约束
  5. 源支付3.1版本全开源版+店员监控软件+手机监控APP源码
  6. 高德地图js API实现多点标记marker，多点marker移除和鼠标滑入标点显示提示框
  7. C++求最大公约数 两种方法
  8. C PRIMER PLUS（第六版编程练习）7.12编程练习_7题
  9. C++之struct构造函数
  10. 如何开通企业付款到零钱||小程序红包功能