• 第七篇(1):HTML


    HTML,称为超文本标记语言。

    概要:

    1.1 本地查看

    之前的示例中,如果想要查看浏览器上呈现效果需要依赖socket服务端。为了方便本地开发调试,在学习前端开发的过程,都会在本地浏览器直接打开编写的html文件,例如:

    • 创建 page1.html 文件(前端页面一般都是以 .html 后缀结尾)。

      1. <h1>高清无码</h1>
      2. <divstyle='color:red'>震惊了,Alex居然...</div>
      3. <ahref='http://www.pythonav.com'>臭妹妹</a>
    • 使用浏览器直接打开文件查看内容

    等以后学习后端Web框架之后,才会将编写的前端页面放在服务端

    1.2 基本结构

    从这一部分开始,我们将正式开始学习HTML标签。并在写完效果之后在本地浏览器打开去查看效果。

    1. <!DOCTYPE html>
    2. <htmllang="en"><!-- -->
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>Title</title>
    6. </head>
    7. <body>
    8. </body>
    9. </html>

    每个html都应该包含上述部分,否则就是不规范(之前的示例仅为展示效果,编写方式都是不规范)。

    • <!DOCTYPE html>,指定文档类型为html格式,浏览器会根据html格式去渲染下面的标签.
    • <html lang="en">...</html>,HTML文件内容区域,所有的内容都应该写到它的内部。其中lang=”en”表示页面是英文格式,翻译页面时会读取此值来获取当前页面是什么语言编写。
      • <head>...</head>,放一些描述信息。
      • <body>...</body>,放希望浏览器呈现出的内容。

    规范的编写方式应该如下:

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>我的网页</title>
    6. </head>
    7. <body>
    8. <h1>高清无码</h1>
    9. <divstyle='color:red'>震惊了,Alex居然...</div>
    10. <ahref='http://www.pythonav.com'>武沛齐</a>
    11. </body>
    12. </html>

    1.3 head标签

    head标签相当于人的大脑,内部可以放一些页面的描述信息,该部分内容虽然不会在页面展示,但也起到非常重要的作用。

    1.3.1 title 标题

    title标签用于指定网页的标题,所有网站页面标签部分的文字都是基于title实现。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <title>我的网页</title>
    5. </head>
    6. <body>
    7. ...
    8. </body>
    9. </html>

    1.3.2 meta 文档字符编码

    meta标签可以定义文档的字符编码,即:浏览器会按照charset设置的编码去读取下面的文档内容。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>我的网页</title>
    6. </head>
    7. <body>
    8. <h1>叫爸爸</h1>
    9. </body>
    10. </html>

    注意:1. 定义字符编码的标签必须放在最上方;2. 乱码现象:文件编码和charset字符串编码不一致时,浏览器会根据charset定义去读取内容,所以就会出现乱码。

    1.3.3 meta 页面刷新

    meta标签设置页面定时刷新。不常用,只做了解即可。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>世上最牛逼的页面标题</title>
    6. <metahttp-equiv="Refresh"content="5"/>
    7. </head>
    8. <body>
    9. <h1>这是个栗子,快尼玛给我运行起来。</h1>
    10. </body>
    11. </html>

    特别的:页面跳转可以用 <meta http-equiv="Refresh" content="5;Url=http://www.pythonav.com" />

    1.3.4 meta 关键字

    meta标签可以设置关键字,用于搜索引擎收录和关键字搜索。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>世上最牛逼的页面标题</title>
    6. <metaname="keywords"content="欧美,日韩,国产,网红"/>
    7. </head>
    8. <body>
    9. <h1>这个栗子就别运行老子了,随便去看一个网站的源代码吧。</h1>
    10. </body>
    11. </html>

    1.3.5 meta 网站描述

    meta标签可以设置网站描述信息,用于在搜索引擎搜索时,显示网站基本描述信息。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸭子</title>
    6. <metaname="keywords"content="欧美,日韩,国产,网红"/>
    7. <metaname="description"content="野鸭子是一个面向全球的皮条平台。"/>
    8. </head>
    9. <body>
    10. <h1>这个栗子就别运行老子了,随便去看一个网站的源代码吧。</h1>
    11. </body>
    12. </html>

    1.3.6 meta IE浏览器

    在前端开发领域,IE浏览器因为兼容性一直被鄙视,因为IE遵循自己的标准而其他浏览器遵循另一套标准,所以同样的代码在其他浏览器都可以运行,唯独IE需要特殊设置。

    以下是专门针对IE浏览器设置,在IE浏览器上运行时,按照最新的默认渲染页面,例如:使用 IE10 浏览器访问页面,如果在IE浏览器兼容中切换到IE8,倘若没有设置X-UA-Compatible,那么页面就会按照IE8模式去显示页面,而设置X-UA-Compatible之后,浏览器永远会按照最新的默认来对页面进行渲染。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸭子</title>
    6. <metahttp-equiv="X-UA-Compatible"content="IE=edge">
    7. </head>
    8. <body>
    9. <h1>傻逼IE浏览器</h1>
    10. </body>
    11. </html>

    1.3.7 meta 国产浏览器

    针对国产浏览器(例如:360浏览器、搜狗浏览器、QQ浏览器等),这些浏览器一般都支持 IE内核(兼容模式)和webkit 内核(高速模式)两种模式。

    国产浏览器都是默认使用IE内核(兼容模式),如下设置可以让部分国产浏览器默认按照高速模式渲染页面。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸭子</title>
    6. <metaname="renderer"content="webkit">
    7. </head>
    8. <body>
    9. <h1>我是国产,我骄傲</h1>
    10. </body>
    11. </html>

    目前只有360浏览器支持此 meta 标签。希望更多国内浏览器尽快采取行动、尽快进入高速时代!

    1.3.9 meta 触屏缩放

    meta标签可以设置页面是否支持触屏缩放功能,其中各元素的含义如下:

    • width=device-width ,表示宽度按照设备屏幕的宽度。
    • initial-scale=1.0,初始显示缩放比例。
    • minimum-scale=0.5,最小缩放比例。
    • maximum-scale=1.0,最大缩放比例。
    • user-scalable=yes,是否支持可缩放比例(触屏缩放)
    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>标题标题标题标题</title>
    6. <!--支持触屏缩放-->
    7. <metaname="viewport"content="width=device-width, initial-scale=1, user-scalable=yes">
    8. <!--不支触屏持缩放-->
    9. <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">-->
    10. </head>
    11. <body>
    12. <h1style="width:1500px;background-color: green;">一起为爱鼓掌吧</h1>
    13. </body>
    14. </html>

    link标签可以设置网页标题上的图标。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸭子</title>
    6. <linkrel="shortcut icon"href="图标文件路径">
    7. </head>
    8. <body>
    9. <h1>隔壁王老汉的幸福生活</h1>
    10. </body>
    11. </html>

    总结

    上述就是关于head部分的最常用设置,最后给大家提供一个业内绝大部分网站的页面设置参考代码,当然,以后也可以根据自己公司的需要去定义。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. <metaname="keywords"content="欧美,日韩,国产,网红"/>
    7. <metaname="description"content="野鸡是一个面向全球的皮条平台。"/>
    8. <metahttp-equiv="X-UA-Compatible"content="IE=edge">
    9. <metaname="renderer"content="webkit">
    10. <metaname="viewport"content="width=device-width, initial-scale=1, user-scalable=yes">
    11. <linkrel="shortcut icon"href="/image/chicken.icon">
    12. </head>
    13. <body>
    14. <h1style="width:1500px;background-color: green;">我们一起为爱鼓掌呀!!!</h1>
    15. </body>
    16. </html>

    1.4 body标签

    在使用浏览器查看html页面时候,看得到内容都是body标签中呈现出来。body中所有标签可以划分为两类:

    • 块级,标签自己独占整行。
    • 行内,标签内容有多少就占多少空间。

    image-20191023120130510

    1.4.1 div和span

    这两个标签属于html中最素的,他们本身没有携带太多的样式:

    • div,仅块级标签样式。
    • span,仅行内标签样式。

    也恰恰正是因为他们是最素的,所以之后在对标签进行定制时会很方便,所以应用也会很广,示例如下:

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. </head>
    7. <body>
    8. <divstyle="background-color: green;">我想和你做</div>
    9. <divstyle="background-color: red">爱做的事。</div>
    10. <spanstyle="background-color: green;">我想和你做</span>
    11. <spanstyle="background-color: red;">爱做的事。</span>
    12. </body>
    13. </html>

    1.4.2 br 换行

    br标签用于内容进行换行处理。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. </head>
    7. <body>
    8. <div>挖掘机哪家强?<br/>快来山东找蓝翔。</div>
    9. </body>
    10. </html>

    提示:效果和使用两个div标签类似。

    1.4.3 p 段落

    p标签用于表示段落,段落和段落之间有些间距,一般用于多内容多段落展示,例如:文章、作文、博客等。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. </head>
    7. <body>
    8. <p>先帝创业未半而中道崩殂,今天下三分,益州疲弊,此诚危急存亡之秋也。然侍卫之臣不懈于内,忠志之士忘身于外者,盖追先帝之殊遇,欲报之于陛下也。诚宜开张圣听,以光先帝遗德,恢弘志士之气,不宜妄自菲薄,引喻失义,以塞忠谏之路也。</p>
    9. <p>宫中府中,俱为一体,陟罚臧否,不宜异同。若有作奸犯科及为忠善者,宜付有司论其刑赏,以昭陛下平明之理,不宜偏私,使内外异法也。</p>
    10. <p>侍中、侍郎郭攸之、费祎、董允等,此皆良实,志虑忠纯,是以先帝简拔以遗陛下。愚以为宫中之事,事无大小,悉以咨之,然后施行,必能裨补阙漏,有所广益。</p>
    11. </body>
    12. </html>

    1.4.4 h 标题系列

    h标签用于展示标题数据(加大加粗的样式),h系列标签共有6种,从h1~h6依次变小。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. </head>
    7. <body>
    8. <div>默认文字字体</div>
    9. <h1>再再再再再粗一点</h1>
    10. <h2>再再再再粗一点</h2>
    11. <h3>再再再粗一点</h3>
    12. <h4>再再粗一点</h4>
    13. <h5>再粗一点</h5>
    14. <h6>粗一点</h6>
    15. </body>
    16. </html>

    1.4.5 a 超链接

    a标签主要有两个作用:分别是做超链接,点击之后可以跳转到指定地址;做锚点,点击后跳转到页面指定位置。

    • 做超链接,点击之后可以跳转到指定地址

      1. <!DOCTYPE html>
      2. <htmllang="en">
      3. <head>
      4. <metacharset="UTF-8">
      5. <title>野鸡平台</title>
      6. </head>
      7. <body>
      8. <ahref="http://www.luffycity.com"title="撸撸撸撸撸飞">路飞学城</a>
      9. </body>
      10. </html>
    • 做锚点,点击后跳转到页面指定位置。

      1. <!DOCTYPE html>
      2. <htmllang="en">
      3. <head>
      4. <metacharset="UTF-8">
      5. <title>野鸡平台</title>
      6. </head>
      7. <body>
      8. <h1>章节</h1>
      9. <ahref="#i1"title="第一章">第一章 寂寞的春天</a>
      10. <ahref="#i2"title="第二章">第二章 寂寞的夏天</a>
      11. <ahref="#i3"title="第三章">第三章 寂寞的秋天</a>
      12. <ahref="#i4"title="第四章">第四章 寂寞的冬天</a>
      13. <h1>内容</h1>
      14. <divstyle="height:1000px;"id="i1">
      15. <h3>第一章 寂寞的春天</h3>
      16. <p>春暖花开,万物复苏,又到了交配的季节。</p>
      17. </div>
      18. <divstyle="height:1000px;"id="i2">
      19. <h3>第二章 寂寞的夏天</h3>
      20. <p>夏天夏天悄悄过去留下小咪咪</p>
      21. </div>
      22. <divstyle="height:1000px;"id="i3">
      23. <h3>第三章 寂寞的秋天</h3>
      24. <p>今年的秋天真是寂寞呀!!!</p>
      25. </div>
      26. <divstyle="height:1000px;"id="i4">
      27. <h3>第四章 寂寞的冬天</h3>
      28. <p>下雪</p>
      29. </div>
      30. </body>
      31. </html>

    1.4.6 ul 列表系列

    在html中 ul、ol、dl用于展示列表数据。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. </head>
    7. <body>
    8. <ul>
    9. <li>周杰伦</li>
    10. <li>林俊杰</li>
    11. <li>王力宏</li>
    12. </ul>
    13. <ol>
    14. <li>铁锤</li>
    15. <li>钢弹</li>
    16. <li>狗蛋</li>
    17. </ol>
    18. <dl>
    19. <dt>河北省</dt>
    20. <dd>邯郸</dd>
    21. <dd>石家庄</dd>
    22. <dt>山西省</dt>
    23. <dd>太原</dd>
    24. <dd>平遥</dd>
    25. </dl>
    26. </body>
    27. </html>

    1.4.7 table 表格

    table标签用于在html页面展示表格,一般在网站中看到的表格都是基于table标签实现。

    • 表格基本显示

      1. <!DOCTYPE html>
      2. <htmllang="en">
      3. <head>
      4. <metacharset="UTF-8">
      5. <title>野鸡平台</title>
      6. </head>
      7. <body>
      8. <tableborder="1">
      9. <thead>
      10. <tr>
      11. <th>姓名</th>
      12. <th>年龄</th>
      13. <th>爱好</th>
      14. </tr>
      15. </thead>
      16. <tbody>
      17. <tr>
      18. <td>武沛齐</td>
      19. <td>18</td>
      20. <td>看书</td>
      21. </tr>
      22. <tr>
      23. <td>Alex</td>
      24. <td>18</td>
      25. <td>吃翔</td>
      26. </tr>
      27. </tbody>
      28. </table>
      29. </body>
      30. </html>
    • 合并单元格,表格除了基本的显示以外还支持合并单元格。

      1. <!DOCTYPE html>
      2. <htmllang="en">
      3. <head>
      4. <metacharset="UTF-8">
      5. <title>野鸡平台</title>
      6. </head>
      7. <body>
      8. <tableborder="1">
      9. <thead>
      10. <tr>
      11. <thcolspan="3">人员信息</th>
      12. </tr>
      13. <tr>
      14. <th>姓名</th>
      15. <th>年龄</th>
      16. <th>爱好</th>
      17. </tr>
      18. </thead>
      19. <tbody>
      20. <tr>
      21. <td>武沛齐</td>
      22. <td>18</td>
      23. <td>看书</td>
      24. </tr>
      25. <tr>
      26. <tdrowspan="3">Alex</td>
      27. <td>18</td>
      28. <td>搞女神</td>
      29. </tr>
      30. <tr>
      31. <td>25</td>
      32. <td>搞男人</td>
      33. </tr>
      34. <tr>
      35. <td>30</td>
      36. <td>搞自己</td>
      37. </tr>
      38. <tr>
      39. <td>村长</td>
      40. <td></td>
      41. <td>保健</td>
      42. </tr>
      43. </tbody>
      44. </table>
      45. </body>
      46. </html>

    注意:border="1" 用于设置表格边框,默认比较丑,以后可以通过样式修改让其变好看。

    1.4.8 img 图片

    img标签用于显示图片。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. </head>
    7. <body>
    8. <!--显示本地图片,找不到图片则显示alt中的文字-->
    9. <imgsrc="img/lover.png"alt="美女">
    10. <!--显示网络图片-->
    11. <imgsrc="https://images.cnblogs.com/cnblogs_com/wupeiqi/662608/t_212313579359018.png"alt="大波妹子">
    12. </body>
    13. </html>

    1.4.9 input 系列【用户交互】

    input系列中共有5个至关重要的标签,他为浏览器提供了数据交互的功能,即:用户可以在浏览器上输入数据和选择选项,以后可以把输入和选择的内容提交给后端。

    • text,文本框。
    • password,密码框。
    • radio,单选框(必须设置name属性相同,否则无法实现)。
    • checkbox,复选框。
    • file,文件上传。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>野鸡平台</title>
    6. </head>
    7. <body>
    8. <h3>文本框</h3>
    9. <inputtype="text">
    10. <h3>密码框</h3>
    11. <inputtype="password">
    12. <h3>单选框</h3>
    13. <inputtype="radio"name="gender">
    14. <inputtype="radio"name="gender">
    15. <h3>复选框</h3>
    16. <inputtype="checkbox">篮球
    17. <inputtype="checkbox">足球
    18. <inputtype="checkbox">橄榄球
    19. <h3>上传文件</h3>
    20. <inputtype="file">
    21. </body>
    22. </html>

    1.4.10 select 下拉框【用户交互】

    select标签用于在浏览器上展示下拉框。

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>HTML学习</title>
    6. </head>
    7. <body>
    8. <h3>单选</h3>
    9. <select>
    10. <option>上海</option>
    11. <option>北京</option>
    12. <option>深圳</option>
    13. </select>
    14. <h3>多选</h3>
    15. <selectmultiple>
    16. <option>上海</option>
    17. <option>北京</option>
    18. <option>深圳</option>
    19. </select>
    20. </body>
    21. </html>

    1.4.11 textarea 多行文本框【用户交互】

    textarea用于在浏览器上展示多行文本输入框。

    1. <!DOCTYPE html>
    2. 卧槽,无情呀
    3. <htmllang="en">
    4. <head>
    5. <metacharset="UTF-8"/>
    6. <title>HTML学习</title>
    7. </head>
    8. <body>
    9. <textarea>文本内容写在这里...</textarea>
    10. </body>
    11. </body>
    12. </html>

    1.4.12 form 表单

    在网站开发的过程中,用户可以使用上述【用户交互】相关的标签让用户输入内容,但如果想要再浏览器上把输入的内容提交到后台,则需要 表单提交按钮

    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>HTML学习</title>
    6. </head>
    7. <body>
    8. <formaction="http://www.x.cn"method="get">
    9. <p>用户名:<inputtype="text"name="user"></p>
    10. <p>密 码:<inputtype="password"name="pwd"></p>
    11. <p>性别:
    12. <inputtype="radio"name="gender"value="2">
    13. <inputtype="radio"name="gender"values="3">
    14. <p/>
    15. <p>爱好:
    16. <inputtype="checkbox"name="favor"value="2">篮球
    17. <inputtype="checkbox"name="favor"value="8">足球
    18. <inputtype="checkbox"name="favor"value="10">橄榄球
    19. </p>
    20. <p>城市:
    21. <selectname="city">
    22. <optionvalue="1">上海</option>
    23. <optionvalue="2">北京</option>
    24. </select>
    25. </p>
    26. <p>备注:<textarea> name="memo"></textarea></p>
    27. <inputtype="submit"value="提交">
    28. <inputtype="reset"value="重置">
    29. </form>
    30. </body>
    31. </html>

    在使用form表单进行提交数据时,需要注意以下几点:

    • 提交时,只会提交form标签内部【用户交互】相关的标签。

    • <input type="submit" value="提交">用于提交当前所在的表单。

    • <input type="reset" value="重置">用于重置当前标签中的选项。

    • form标签内置属性

      • action="/xx/" ,表示表单要提交的地址。

      • method="get",表示表单的提交方式(get 或 post,以后框架部分细讲)。

      • enctype="multipart/form-data",如果form内部有文件上传,必须加上此设置。

        1. <formaction="http://www.luffycity.com"method="get"enctype="multipart/form-data">
        2. <inputtype="file"name="xxxxx">
        3. <inputtype="submit"value="提交">
        4. </form>
    • form内部【用户交互】相关标签必须设置name,不然提交数据后后端无法获取。

      1. // 提交表单之后,实际上会将表单中的数据构造成一种特殊的结构,发送给后台,类似于:
      2. {
      3. user:用户输入的姓名,
      4. pwd:用户输入的密码,
      5. ...
      6. }
    • radiocheckboxselect 除了要设置name属性以外,还必须设置value属性,因为这三中标签在form表单提交时,不会把看到的内容提交到后台,而是把选择选项对应的value值提交到后台。

    扩展:基于Python编写网站并接收数据

    为了能让学生只管的感受表单提交的效果,可以自己基于Python写一个简单的网站来接收数据。

    • 第一步:安装flask框架

      1. pip3 install flask
    • 第二步:编写一个简单网站并运行起来,用于接收数据。

      1. #!/usr/bin/env python
      2. # -*- coding:utf-8 -*-
      3. from flask importFlask, request
      4. app =Flask(__name__)
      5. @app.route('/index/')
      6. def index():
      7. print(request.args)
      8. return'接收成功'
      9. if __name__ =='__main__':
      10. app.run()
    • 第三步:编写html页面并提交表单

      1. <!DOCTYPE html>
      2. <htmllang="en">
      3. <head>
      4. <metacharset="UTF-8">
      5. <title>HTML学习</title>
      6. </head>
      7. <body>
      8. <formaction="http://127.0.0.1:5000/index/"method="get">
      9. <p>用户名:<inputtype="text"name="user"></p>
      10. <p>密 码:<inputtype="password"name="pwd"></p>
      11. <p>性别:
      12. <inputtype="radio"name="gender"value="2">
      13. <inputtype="radio"name="gender"values="3">
      14. <p/>
      15. <p>爱好:
      16. <inputtype="checkbox"name="favor"value="2">篮球
      17. <inputtype="checkbox"name="favor"value="8">足球
      18. <inputtype="checkbox"name="favor"value="10">橄榄球
      19. </p>
      20. <p>城市:
      21. <selectname="city">
      22. <optionvalue="1">上海</option>
      23. <optionvalue="2">北京</option>
      24. </select>
      25. </p>
      26. <p>备注:<textarea> name="memo"></textarea></p>
      27. <inputtype="submit"value="提交">
      28. <inputtype="reset"value="重置">
      29. </form>
      30. </body>
      31. </html>
    • 第四步:在网站后端查看接收数据

     

    作者:华王 博客:https://www.cnblogs.com/huahuawang/
  • 相关阅读:
    c语言动态申请内存(malloc与calloc)
    二维数组的指针
    二分查找(用c语言实现)
    Docker一篇从入门到实战
    MyBatisPlus一篇从入门到实战
    MyBatis一篇从入门到实战
    MySQL一篇从入门到实战
    Nginx一篇从入门到实战
    day04_02逻辑运算符
    day4_01循环引用带来的内存泄露问题
  • 原文地址:https://www.cnblogs.com/huahuawang/p/14744837.html
Copyright © 2020-2023  润新知