基本结构
1.HTML基本结构
这是我的第一个我网页
这是我的第一个网页
我们将代码复制到了txt当中，如果出现乱码现象
然后我们将文件另存为utf-8格式的文件，在打开就没有问题了
head：这是一对头部信息，主要是显示描述信息，但是在网页中不会显示
body: 主体部分，真正在网页中显示的内容
元素包含了所有的头部标签元素。
在 元素中你可以插入
脚本（scripts）
样式文件（CSS）
及各种meta信息。
可以添加在头部区域的元素标签为:
,<style>, <meta>, <link>, <script>, <noscript>, and <base>.</strong></p>
<p><strong>2、HTML <title> 元素</strong></p>
<p><strong><title> 标签定义了不同文档的标题。</strong></p>
<p><strong><title> 在 HTML/XHTML 文档中是必须的。</strong></p>
<p><strong><title> 元素:</strong></p>
<p><strong>定义了浏览器工具栏的标题</strong></p>
<p><strong>当网页添加到收藏夹时，显示在收藏夹中的标题</strong></p>
<p><strong>显示在搜索引擎结果页面的标题</strong></p>
<p><strong>3、HTML <link> 元素</strong></p>
<p><strong><link> 标签定义了文档与外部资源之间的关系。</strong></p>
<p><strong><link> 标签通常用于链接到样式表:</strong></p>
<p><strong>例子：<head></strong></p>
<p><strong><link rel="stylesheet" type="text/css" href="mystyle.css"></strong></p>
<p><strong></head></strong></p>
<p><strong>4.HTML <style> 元素</strong></p>
<p><strong><style> 标签定义了HTML文档的样式文件引用地址.</strong></p>
<p><strong>在<style> 元素中你需要指定样式文件来渲染HTML文档:</strong></p>
<p><strong>例子： <head></strong></p>
<p><strong><style type="text/css"></strong></p>
<p><strong>body { BACKGROUND: white; mso-pagination: widow-orphan" align=left> p {color:blue}</strong></p>
<p><strong></style></strong></p>
<p><strong></head></strong></p>
<p><strong>5.<meta> 标签使用实例</strong></p>
<p><strong>meta 标签描述了一些基本的元数据。</strong></p>
<p><strong><meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。</strong></p>
<p><strong>META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。</strong></p>
<p><strong>元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。</strong></p>
<p><strong><meta>一般放置于 <head>区域</strong></p>
<p><strong>例子：</strong></p>
<p><strong>设置字符集</strong></p>
<p><strong><meta charset="utf-8"></strong></p>
<p><strong>为搜索引擎定义关键词:</strong></p>
<p><strong><meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"></strong></p>
<p><strong>为网页定义描述内容:</strong></p>
<p><strong><meta name="description" content="Free Web tutorials on HTML and CSS"></strong></p>
<p><strong>定义网页作者:</strong></p>
<p><strong><meta name="author" content="Hege Refsnes"></strong></p>
<p><strong>每30秒中刷新当前页面:</strong></p>
<p><strong><meta http-equiv="refresh" content="30"></strong></p>
<p><strong>6.注释</strong></p>
<p><strong>注释：<!--注释内容--></strong></p>
<p><strong>！：表示声明、注意</strong></p></div></div><div class="MuiGrid-root jss8 MuiGrid-item MuiGrid-grid-xs-true MuiGrid-grid-md-3"><div class="MuiTypography-root jss26 MuiTypography-body1"><div class="MuiTypography-root jss27 MuiTypography-body1"><canvas style="height:108px;width:108px" height="108" width="108"></canvas><div class="MuiTypography-root jss28 MuiTypography-body1"><p class="MuiTypography-root jss29 MuiTypography-body1">手机扫一扫</p><p class="MuiTypography-root jss29 MuiTypography-body1">移动阅读更方便</p></div></div></div><div class="MuiTypography-root jss9 MuiTypography-body1"><div class="MuiTypography-root jss30 MuiTypography-body1" style="height:150px"><div class="swiper-container jss32"><div class="swiper-pagination"></div><div class="swiper-wrapper"><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/aliyun"><img alt="阿里云服务器" class="jss31" src="https://article.cdnof.com/promotion/aliyun.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/tencent"><img alt="腾讯云服务器" class="jss31" src="https://article.cdnof.com/promotion/tencent.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/qiniu"><img alt="七牛云服务器" class="jss31" src="https://article.cdnof.com/promotion/qiniu.png"/></a></div></div></div></div></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiTypography-root jss33 MuiTypography-body1"><p class="MuiTypography-root jss34 MuiTypography-body1">你可能感兴趣的文章</p><div class="MuiList-root MuiList-padding" aria-label="main mailbox folders"><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorError" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/f161bc3a-810e-46d5-b22d-6c8871ac6bb5">Hi3798MV200 恩兔N2 NS-1 (二): HiNAS海纳思使用和修改</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/26a88c62-a5ae-4a3f-aef0-ee3f08af4871">每个后端都应该了解的OpenResty入门以及网关安全实战</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorSecondary" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4c1.1 0 2 .89 2 2v1.5z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/23828f61-b13e-4567-9ce0-0b6ea9965a0b">201971010131-张兴盼《面向对象程序设计（java）》第十二周学习总结</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">4</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/0f249a14-9185-4f1c-bbcc-411276579a94">2019-11-22：xss绕过笔记</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">5</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/7c4258c6-9fe1-4560-b3b7-5eacb6a5872d">一键安装lnmp 环境</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">6</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/45239656-5351-4b30-9e1f-b032598cf88d">数据库安装postgresql</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">7</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/fafd6265-f655-4083-958f-8644436eb148">Vue源码学习(二):<templete>渲染第一步,模板解析</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">8</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/374629d2-c133-43b5-a7c5-a79e4fab1b2d">Django项目缓存优化</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">9</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/49fef73d-01ab-4abe-b27d-88e35ca3f26d">应用程序接口（API）安全的入门指南</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">10</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/43285811-656b-47fe-8fa6-0423a499daa1">如何使用API接口获取Lazada商品详情数据</a></div></div></div></div></div></div></div></div><footer style="margin-top:30px"><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter">Copyright © <a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" href="https://v2as.com" title="哇哦，有大量工具等你探索">V2AS | 问路</a> <!-- -->2024<!-- --> <!-- -->.</p><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" rel="nofollow noopener noreferrer" href="https://beian.miit.gov.cn/">浙ICP备15029886号</a></p></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"article_id":"146f7de2-090a-404b-9456-9e455ac81d4b","title":"1.HTML基本结构、头部、注释","link":"","description":"基本结构\n1.HTML基本结构\n\u003chtml\u003e\n \u003chead\u003e\n \u003cmeta charset=\"utf-8\"\u003e\n \u003ctitle\u003e这是我的第一个我网页\u003c/title\u003e\n \u003c/head\u003e \n \u003cbody\u003e\n 这是我的第一个网页\n \u003c/body\u003e\n \u003c/html\u003e\n \n我们将代码复制到了txt当中，如果出现乱码现象 \n然后","image":"","keywords":["注释","头部","HTML","meta","自动","文件","head","1.","添加","标签"],"created_at":"2023-07-10T01:02:04.991Z","html":"\u003cp\u003e\u003cstrong\u003e基本结构\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e1.HTML基本结构\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003chtml\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003chead\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta charset=\"utf-8\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003ctitle\u003e这是我的第一个我网页\u003c/title\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c/head\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbody\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e这是我的第一个网页\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c/body\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c/html\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e我们将代码复制到了txt当中，如果出现乱码现象\u003c/strong\u003e \u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e然后我们将文件另存为utf-8格式的文件，在打开就没有问题了\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003ehead：这是一对头部信息，主要是显示描述信息，但是在网页中不会显示\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003ebody: 主体部分，真正在网页中显示的内容\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003chead\u003e 元素包含了所有的头部标签元素。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e在 \u003chead\u003e元素中你可以插入\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e脚本（scripts）\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e样式文件（CSS）\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e及各种meta信息。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e可以添加在头部区域的元素标签为:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003ctitle\u003e,\u003cstyle\u003e, \u003cmeta\u003e, \u003clink\u003e, \u003cscript\u003e, \u003cnoscript\u003e, and \u003cbase\u003e.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e2、HTML \u003ctitle\u003e 元素\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003ctitle\u003e 标签定义了不同文档的标题。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003ctitle\u003e 在 HTML/XHTML 文档中是必须的。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003ctitle\u003e 元素:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e定义了浏览器工具栏的标题\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e当网页添加到收藏夹时，显示在收藏夹中的标题\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e显示在搜索引擎结果页面的标题\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e3、HTML \u003clink\u003e 元素\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003clink\u003e 标签定义了文档与外部资源之间的关系。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003clink\u003e 标签通常用于链接到样式表:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e例子：\u003chead\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"mystyle.css\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c/head\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e4.HTML \u003cstyle\u003e 元素\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstyle\u003e 标签定义了HTML文档的样式文件引用地址.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e在\u003cstyle\u003e 元素中你需要指定样式文件来渲染HTML文档:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e例子： \u0026nbsp;\u0026nbsp; \u003chead\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstyle type=\"text/css\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003ebody { BACKGROUND: white; mso-pagination: widow-orphan\" align=left\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp;\u0026nbsp; p {color:blue}\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c/style\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c/head\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e5.\u003cmeta\u003e 标签使用实例\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003emeta \u0026nbsp; 标签描述了一些基本的元数据。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta\u003e 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eMETA元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta\u003e一般放置于 \u003chead\u003e区域\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e例子：\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e设置字符集\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta charset=\"utf-8\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e为搜索引擎定义关键词:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta name=\"keywords\" content=\"HTML, CSS, XML, XHTML, JavaScript\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e为网页定义描述内容:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta name=\"description\" content=\"Free Web tutorials on HTML and CSS\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e定义网页作者:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta name=\"author\" content=\"Hege Refsnes\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e每30秒中刷新当前页面:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cmeta http-equiv=\"refresh\" content=\"30\"\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e6.注释\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e注释：\u003c!--注释内容--\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e！：表示声明、注意\u003c/strong\u003e\u003c/p\u003e"},"seo":{"title":"1.HTML基本结构、头部、注释","description":"基本结构\n1.HTML基本结构\n\u003chtml\u003e\n \u003chead\u003e\n \u003cmeta charset=\"utf-8\"\u003e\n \u003ctitle\u003e这是我的第一个我网页\u003c/title\u003e\n \u003c/head\u003e \n \u003cbody\u003e\n 这是我的第一个网页\n \u003c/body\u003e\n \u003c/html\u003e\n \n我们将代码复制到了txt当中，如果出现乱码现象 \n然后","image":"","url":"https://v2as.com/article/146f7de2-090a-404b-9456-9e455ac81d4b","keywords":["注释","头部","HTML","meta","自动","文件","head","1.","添加","标签"]},"viewsCount":1,"promotionList":[{"title":"阿里云服务器","image":"https://article.cdnof.com/promotion/aliyun.jpg","link":"https://qd.rs/aliyun"},{"title":"腾讯云服务器","image":"https://article.cdnof.com/promotion/tencent.jpg","link":"https://qd.rs/tencent"},{"title":"七牛云服务器","image":"https://article.cdnof.com/promotion/qiniu.png","link":"https://qd.rs/qiniu"}],"similarKeywordsList":[{"article_id":"f161bc3a-810e-46d5-b22d-6c8871ac6bb5","title":"Hi3798MV200 恩兔N2 NS-1 (二): HiNAS海纳思使用和修改","link":"","description":"目录\nHi3798MV200 恩兔N2 NS-1 (一): 设备介绍和刷机说明\nHi3798MV200 恩兔N2 NS-1 (二): HiNAS海纳思使用和修改\nHi3798MV200 恩兔N2 NS-1 (三): 制作 Ubuntu rootfs\nHi3798MV200 恩兔N2 NS-1 (四): 制作 Debian rootfs\n关于\n海纳思全称是海思机顶盒NAS系统, 网站 https:/","image":"https://article.cdnof.com/2310/9c6fcd07-3158-4d7f-a97a-20f89cceaf28.png","keywords":["修改","aria2","mnt","sda1","awk","grep","swapfile","swap","N2","NS"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"26a88c62-a5ae-4a3f-aef0-ee3f08af4871","title":"每个后端都应该了解的OpenResty入门以及网关安全实战","link":"","description":"简介\n在官网上对 OpenResty 是这样介绍的（http://openresty.org）：\n“OpenResty 是一个基于 Nginx 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。”\n“OpenResty 通过汇聚各种设计精良的 Nginx 模块","image":"https://article.cdnof.com/2310/87d934b5-cdeb-4932-9920-035e75dc6c2a.png","keywords":["lua","OpenResty","Lua","local","openresty","print","end","https","语句","Nginx"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"23828f61-b13e-4567-9ce0-0b6ea9965a0b","title":"201971010131-张兴盼《面向对象程序设计（java）》第十二周学习总结","link":"","description":"内容\n\n\n\n\n这个作业属于哪个课程\n\n\nhttps://www.cnblogs.com/nwnu-daizh/\n\n\n\n\n这个作业的要求在哪里\n\n\nhttps://www.cnblogs.com/nwnu-daizh/p/11867214.html\n\n\n\n\n作业学习目标\n\n\n(1) 掌握Vetor、Stack、Hashtable三个类的用途及常用API；\n(2) 掌握ArrayList、LinkL","image":"https://article.cdnof.com/2309/1dd827f6-f0f5-42f5-a52e-85e8dbf8d998.gif","keywords":["元素","集合","java","int","List","void","String","方法","接口","static"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"0f249a14-9185-4f1c-bbcc-411276579a94","title":"2019-11-22：xss绕过笔记","link":"","description":"xss变形 大小写混合,sCRipt重复写，scrscriptipt通过某些标签来src属性，构造pyload，src找不到数据源的时候内部会出错，此时使用onerror触发，或iframe标签，\u003ciframe scr=\"javascript:alert(1)\"\u003e,svg标签,\u003csvg/onload=alert(a)\u003e通过一些属性，background,data,code,posters等属性通过","image":"","keywords":["XSS","src","script","66","11","onerror","22","javascript","data","alert"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"7c4258c6-9fe1-4560-b3b7-5eacb6a5872d","title":"一键安装lnmp 环境","link":"","description":"一键安装lnmp 环境\n\n目录\n一键安装lnmp 环境\n操作步骤\n1.添加网站(虚拟主机)\n2.伪静态管理\n3.上传网站程序\n4.已存在虚拟主机添加ssl证书开启https\n5.列出网站(虚拟主机)\n6.删除网站(虚拟主机)\n7.默认网站(虚拟主机)\n8.防跨目录设置\n9.pathinfo设置\n10.数据库管理\n\nyum.repos.d镜像\n[root@cloud back2]# cat Cent","image":"https://article.cdnof.com/2309/9d6ca58a-34a9-4036-880b-8d8bd3391221.jpg","keywords":["php","php74","pecl","PHP","conf","x86","64","lnmp","usr","local"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"45239656-5351-4b30-9e1f-b032598cf88d","title":"数据库安装postgresql","link":"","description":"数据库安装postgresql\n\n目录\n数据库安装postgresql\n1.数据库源替换下载\n2.初始化数据库并启动安装\n3.登录数据库设置密码\n4.常用命令\n一、常用命令\n二、用户\n三、权限\n四、模式 Schema\n五、数据库\n六、表\n七、索引\n八、查询SQL\n九、执行sql脚本\n十、导出数据到SQL文件\n十一、postgresql之pg_dump命令详解\n十二、pg_restore 恢复数据库","image":"","keywords":["数据库","pg","postgresql","schema","PostgreSQL","data","user","restore","dump","table"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"fafd6265-f655-4083-958f-8644436eb148","title":"Vue源码学习(二):\u003ctemplete\u003e渲染第一步,模板解析","link":"","description":"好家伙，\n1.\u003ctemplate\u003e去哪了\n在正式内容之前,我们来思考一个问题,\n当我们使用vue开发页面时,\u003ctamplete\u003e中的内容是如何变成我们网页中的内容的?\n它会经历四步:\n解析模板：Vue会解析\u003ctemplate\u003e中的内容，识别出其中的指令、插值表达式（{{}}），以及其他元素和属性。\n生成AST：解析模板后，Vue会生成一个对应的AST（Abstract Syntax Tree，抽象","image":"https://article.cdnof.com/2309/4891cc55-d487-4dac-9b0f-f4238686611e.png","keywords":["Vue","log","console","html","源码","el","div","标签","options","function"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"374629d2-c133-43b5-a7c5-a79e4fab1b2d","title":"Django项目缓存优化","link":"","description":"大家可以想一下Django的请求响应流程：\n→ 用户浏览器输入URL地址\n→ Web服务器将HTTP请求转发给uWSGI服务器\n→ uWSGI服务器将Request请求转发给Django应用\n→ Django中间件处理Request请求\n→ 视图View处理\n→ 模型类Models获取数据\n→ 模板Template渲染\n→ 再次经过Django中间件返回\n→ uWSGI服务器将Response返回","image":"https://article.cdnof.com/2309/e9adceff-1048-4a48-aa64-b1100a47823d.png","keywords":["缓存","Django","数据库","更新","使用","Redis","django","优化","项目","数据"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"49fef73d-01ab-4abe-b27d-88e35ca3f26d","title":"应用程序接口（API）安全的入门指南","link":"","description":"\n 什么是 API?\n对于初学者来说，API 是指为两个不同的应用之间实现流畅通信，而设计的应用程序编程接口。它通常被称为应用程序的“中间人”。由于我们需要保护用户的持有数据、以及应用本身的完整性，因此 API 的安全性是一种“刚需”。\n而对于开发人员而言，API 是一个非常好的工具。它可以在微服务和容器之间交换信息，并实现快节奏的通信交流。正如集成和互连对于应用开发的重要性那样，API 在某","image":"https://article.cdnof.com/2309/bae72648-89b3-42ee-8449-41e508b303b4.png","keywords":["API","使用","安全","Web","应用","服务器","入门","指南","用户","客户端"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"43285811-656b-47fe-8fa6-0423a499daa1","title":"如何使用API接口获取Lazada商品详情数据","link":"","description":"随着电商市场的不断发展壮大，越来越多的人开始选择在网上购买商品。其中，东南亚地区的Lazada电商平台备受欢迎。如果您是一名电商从业者，或者打算在Lazada上开店，那么获取商品详情信息将是一个非常重要的环节。本文将介绍如何使用API接口获取Lazada商品详情信息。\n首先，Lazada提供了丰富的API接口，供开发者使用。在使用API接口前，您需要先注册账号，获取授权码和密钥。\n接着，我们可以通","image":"","keywords":["30585","30097","price","div","properties","style","width","100.0","span","display"],"created_at":"0001-01-01T00:00:00Z"}]},"__N_SSG":true},"page":"/article/[article_id]","query":{"article_id":"146f7de2-090a-404b-9456-9e455ac81d4b"},"buildId":"7EtL49Y65E8zx1NwcIC_o","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>