HTML入门零基础教程（二）
嗨，大家好，我是异星球的小怪同志
一个想法有点乱七八糟的小怪
如果觉得对你有帮助，请支持一波。
希望未来可以一起学习交流。
目录
一、HTML标签
1.HTML语法规范
2.标签的关系
二、HTML的基本结构标签
1.第一个HTML网页
2.HTML基本结构总结
三、网页开发工具
1.Visual Studio Code的下载及安装
2.Visual Studio Code的使用
3.使用VS Code的快捷键
4.VS Code插件安装
一、HTML标签
1.HTML语法规范
HTML标签都要包含在尖括号里,尖括号里可以写上想要的标签，标签一般都是成对出现的。
比如：和,我们称为双标签。标签中对应的第一个标签是开始标签，第二个标签是结束标签。
当然也有特殊的标签必须是单个标签（极少情况），比如：
，我们称为单标签。
2.标签的关系
双标签关系可以分为两类：包含关系和并列关系。
包含关系:简单可以理解为父子关系，head为父亲，title为儿子
并列关系：简单可以理解为兄弟关系，head为哥哥，body为弟弟
我们可以再尝试着理解:下面所属的代码，html是head和body的父亲，而html和body属于儿子为包含关系，并且head和body是兄弟关系也就是并列关系。
二、HTML的基本结构标签
1.第一个HTML网页
每一个网页都会有一个基本的结构标签（也称之为骨架标签），页面内容也是在这些基本标签上书写，HTML页面也称为HTML文档。
1024程序员节快乐<title>
</head>
<body>
代码敲烂，工资过万
</body>
</html>
</code></pre>
<p><strong>由上述代码可知：</strong></p>
<table border="1">
<tbody>
<tr>
<td style="width:142px;"><strong>标签名</strong></td>
<td style="width:117px;"><strong>定义</strong></td>
<td style="width:554px;"><strong>说明</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"><strong><html></html></strong></td>
<td style="width:117px;"><strong>HTML 标签</strong></td>
<td style="width:554px;"><strong>页面中最大的标签，我们称为根标签</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"> <p><strong><head></head></strong></p> </td>
<td style="width:117px;"><strong>文档的头部</strong></td>
<td style="width:554px;"><strong>注意在head标签中我们必须要设置的标签的title</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"><strong><title></tltle></strong></td>
<td style="width:117px;"><strong>文档的标题</strong></td>
<td style="width:554px;"><strong>让页面拥有一个属于自己的网页标题</strong></td>
<td></td>
</tr>
<tr>
<td style="width:142px;"><strong><body></body></strong></td>
<td style="width:117px;"><strong>文档的主体</strong></td>
<td style="width:554px;"><strong>元素包含文档的所有内容，页面内容基本都是放到body里面的</strong></td>
<td></td>
</tr>
</tbody>
</table>
<p><strong> 那么我们可以来演示一遍</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/b8501e40bd91415f9c33b4443c27ba5a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第2张图片" src="http://img.e-com-net.com/image/info8/b8501e40bd91415f9c33b4443c27ba5a.jpg" width="650" height="367" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/679b6c3c923f4278a1c29cb22775c71a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第3张图片" src="http://img.e-com-net.com/image/info8/679b6c3c923f4278a1c29cb22775c71a.jpg" width="650" height="329" style="border:1px solid black;"></a></p>
<h2 id="2.HTML%E5%9F%BA%E6%9C%AC%E7%BB%93%E6%9E%84%E6%80%BB%E7%BB%93">2.HTML基本结构总结</h2>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/5bfc27e014164f3fbf8bd8711fb8ba2f.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第4张图片" src="http://img.e-com-net.com/image/info8/5bfc27e014164f3fbf8bd8711fb8ba2f.jpg" width="650" height="189" style="border:1px solid black;"></a></p>
<blockquote>
<h1 id="%E4%B8%89%E3%80%81%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7">三、网页开发工具</h1>
</blockquote>
<p><strong>常见的网站建设工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等，其实都大差不差，只要你会运用都是可以的。可以用Dreamweaver我前面发的文章有讲http://t.csdn.cn/MwxEj ,也可以用现在大家经常用的Visual Studio Code。</strong></p>
<h2 id="1.Visual%20Studio%20Code%E7%9A%84%E4%B8%8B%E8%BD%BD%E5%8F%8A%E5%AE%89%E8%A3%85"><strong>1.Visual Studio Code的下载及安装</strong></h2>
<p><strong>（1）下载去这里https://code.visualstudio.com/Download，根据你电脑的系统，选择版本进行下载。</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/521cff25582847b8990ef68e18b6fb72.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第5张图片" src="http://img.e-com-net.com/image/info8/521cff25582847b8990ef68e18b6fb72.jpg" width="650" height="330" style="border:1px solid black;"></a></p>
<p><strong> （2）下载好之后，进行一系列的安装，如下图所示：</strong><br><br><strong>（a）首先选择我同意此协议</strong><a href="http://img.e-com-net.com/image/info8/edf18b0f79d7461ea6ad400154c7abea.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第6张图片" src="http://img.e-com-net.com/image/info8/edf18b0f79d7461ea6ad400154c7abea.jpg" width="650" height="514" style="border:1px solid black;"></a></p>
<p><strong>（b）接着安装到自己想要的盘里，最好<span style="color:#fe2c24;">不要安装到C盘</span> </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4a8d6181f4af437d95e1b871af0b0cea.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第7张图片" src="http://img.e-com-net.com/image/info8/4a8d6181f4af437d95e1b871af0b0cea.jpg" width="650" height="513" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/338cafee5fa04e88804585fbd643a06d.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第8张图片" src="http://img.e-com-net.com/image/info8/338cafee5fa04e88804585fbd643a06d.jpg" width="650" height="521" style="border:1px solid black;"></a><strong>（c）红色的建议我们勾选，橙色的不建议勾选，想勾选也可以 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/d5ebab3b179840658e10c8495c8dfeea.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第9张图片" src="http://img.e-com-net.com/image/info8/d5ebab3b179840658e10c8495c8dfeea.jpg" width="650" height="546" style="border:1px solid black;"></a> </p>
<p><strong>（d）选择好之后点击下一步 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/1ae7cb083c4c4f469c0cf2cbc310cb95.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第10张图片" src="http://img.e-com-net.com/image/info8/1ae7cb083c4c4f469c0cf2cbc310cb95.jpg" width="650" height="523" style="border:1px solid black;"></a></p>
<p><strong>（e）点击安装 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4c9b858f5cae42a2a30a40d0d46d61bf.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第11张图片" src="http://img.e-com-net.com/image/info8/4c9b858f5cae42a2a30a40d0d46d61bf.jpg" width="650" height="521" style="border:1px solid black;"></a></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/269ea12f8e9c438493ce47e8353f9cc5.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第12张图片" src="http://img.e-com-net.com/image/info8/269ea12f8e9c438493ce47e8353f9cc5.jpg" width="650" height="527" style="border:1px solid black;"></a></p>
<p><strong>（f）安装成功 </strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/c254734ada4449ed83f17979ff696196.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第13张图片" src="http://img.e-com-net.com/image/info8/c254734ada4449ed83f17979ff696196.jpg" width="650" height="527" style="border:1px solid black;"></a></p>
<p><strong>（g）我们双击桌面打开软件，选择中文安装包</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/46923636beb04b188c5f57c7933d2e9a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第14张图片" src="http://img.e-com-net.com/image/info8/46923636beb04b188c5f57c7933d2e9a.jpg" width="650" height="488" style="border:1px solid black;"></a></p>
<p><strong>（h）再次重启，就可以了</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/df815387506e4491a04c86b5bec445f3.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第15张图片" src="http://img.e-com-net.com/image/info8/df815387506e4491a04c86b5bec445f3.jpg" width="650" height="488" style="border:1px solid black;"></a></p>
<h2 id="%EF%BC%882%EF%BC%89%C2%A0Visual%20Studio%20Code%E7%9A%84%E4%BD%BF%E7%94%A8"><strong>2.Visual Studio Code的使用</strong></h2>
<p><strong>（1）首先我们可以点击<span style="color:#fe2c24;">文件窗口</span>然后<span style="color:#fe2c24;">新建文件</span>，也可以直接在<span style="color:#fe2c24;">界面上</span>点击新建文件，接着文件建好之后要<span style="color:#fe2c24;">先保存</span>，保存也可以在文件窗口中找到。文件一点要保存为<span style="color:#fe2c24;">.html网页格式</span></strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4d6672502b934d24932ac8bc9e36dc3b.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第16张图片" src="http://img.e-com-net.com/image/info8/4d6672502b934d24932ac8bc9e36dc3b.jpg" width="650" height="348" style="border:1px solid black;"></a></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4853de78a39647dc95c140a6d9bef539.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第17张图片" src="http://img.e-com-net.com/image/info8/4853de78a39647dc95c140a6d9bef539.jpg" width="650" height="176" style="border:1px solid black;"></a></p>
<p><span style="color:#0d0016;"><strong>（2）那么我们就开始敲代码之路了，首先我们看到的是没有任何单词，一个一个写很费事，那么有了开发工具，我们就可以</strong></span><span style="color:#fe2c24;"><strong>输入一个感叹号</strong></span><span style="color:#0d0016;"><strong>，注意是</strong></span><span style="color:#fe2c24;"><strong>英文状态下输入</strong></span><span style="color:#0d0016;"><strong>，然后</strong></span><span style="color:#fe2c24;"><strong>选择第一个感叹号</strong></span><span style="color:#0d0016;"><strong>。</strong></span></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/1595503e8f1845b6b89cf9f127ab4204.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第18张图片" src="http://img.e-com-net.com/image/info8/1595503e8f1845b6b89cf9f127ab4204.jpg" width="650" height="232" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/4ab8206a451a439685eeabfa05554f71.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第19张图片" src="http://img.e-com-net.com/image/info8/4ab8206a451a439685eeabfa05554f71.jpg" width="650" height="281" style="border:1px solid black;"></a></p>
<p><strong>（3）这样我们的<span style="color:#fe2c24;">HTML基本骨架</span>就已经形成了，就可以写想要的内容了</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/713ee4d323714e0aa1069f1bcfbdcd4f.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第20张图片" src="http://img.e-com-net.com/image/info8/713ee4d323714e0aa1069f1bcfbdcd4f.jpg" width="650" height="217" style="border:1px solid black;"></a></p>
<p><strong>（4）我们可以尝试尝试 建立网页</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/dc02629c8ea64774b70cc7a3d8722201.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第21张图片" src="http://img.e-com-net.com/image/info8/dc02629c8ea64774b70cc7a3d8722201.jpg" width="650" height="273" style="border:1px solid black;"></a></p>
<p><strong>（5）建立好之后，可以点击<span style="color:#fe2c24;">右键</span>，然后用<span style="color:#fe2c24;">浏览器预览</span>，也可以使用<span style="color:#fe2c24;">快捷键</span>。浏览器的<span style="color:#fe2c24;">插件</span>要在<span style="color:#fe2c24;">扩展</span>中下载。当然后续如果需要什么插件，都可以这样下载，下载之后要记得<span style="color:#fe2c24;">重启一下</span>。</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/b0111dbbfcff4fb2a544a35333b0887a.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第22张图片" src="http://img.e-com-net.com/image/info8/b0111dbbfcff4fb2a544a35333b0887a.jpg" width="450" height="611" style="border:1px solid black;"></a></p>
<p></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/bfe84d7afbc845e1add20141e9088878.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第23张图片" src="http://img.e-com-net.com/image/info8/bfe84d7afbc845e1add20141e9088878.jpg" width="650" height="386" style="border:1px solid black;"></a></p>
<p><strong>（6）我们就可以看到我们所创建的网页了啦</strong></p>
<p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/7d58221b935d40d8b10cc7e1d23bdea2.jpg" target="_blank"><img alt="HTML入门零基础教程（二）_第24张图片" src="http://img.e-com-net.com/image/info8/7d58221b935d40d8b10cc7e1d23bdea2.jpg" width="650" height="267" style="border:1px solid black;"></a> </p>
<h2 id="3.%E4%BD%BF%E7%94%A8VS%C2%A0Code%E7%9A%84%E5%BF%AB%E6%8D%B7%E9%94%AE">3.使用VS Code的快捷键</h2>
<p><strong><span style="color:#0d0016;">（1）</span><span style="color:#fe2c24;">双击</span><span style="color:#0d0016;">可以打开软件。</span></strong></p>
<p><strong><span style="color:#0d0016;">（2）新建文件夹（</span><span style="color:#fe2c24;">ctrl＋n</span><span style="color:#0d0016;">） 。</span></strong></p>
<p><strong><span style="color:#0d0016;">（3）保存（</span><span style="color:#fe2c24;">ctrl+s</span><span style="color:#0d0016;">），注意移动要保存为</span><span style="color:#fe2c24;">.html</span><span style="color:#0d0016;">文件。</span></strong></p>
<p><strong><span style="color:#0d0016;">（4）</span><span style="color:#fe2c24;">ctrl+加号键</span><span style="color:#0d0016;">，</span><span style="color:#fe2c24;">ctrl+减号键</span><span style="color:#0d0016;">，</span><span style="color:#fe2c24;">放大</span><span style="color:#0d0016;">或</span><span style="color:#fe2c24;">缩小</span><span style="color:#0d0016;">视图界面。</span></strong></p>
<p><strong><span style="color:#0d0016;">（5）生成页面的骨架结构，用</span><span style="color:#fe2c24;">英文状态</span><span style="color:#0d0016;">下输入</span><span style="color:#fe2c24;">感叹号</span><span style="color:#0d0016;">。</span></strong></p>
<p><strong><span style="color:#0d0016;">（6）利用</span><span style="color:#fe2c24;">鼠标右键</span><span style="color:#0d0016;">可以很快点击浏览器预览。</span></strong></p>
<h2 id="4.VS%20Code%E6%8F%92%E4%BB%B6%E5%AE%89%E8%A3%85">4.VS Code插件安装</h2>
<p><strong>推荐安装的插件，仅供参考，安装好之后记得重启一下。</strong></p>
<table border="1" style="width:500px;">
<tbody>
<tr>
<td style="width:249px;"><strong>插件</strong></td>
<td style="width:249px;"><strong>作用</strong></td>
</tr>
<tr>
<td style="width:249px;"> <p><strong>Chinese（Simplifed）Language</strong></p> <p><strong>Pack for VS Code</strong></p> </td>
<td style="width:249px;"><strong>中文（简体）语言包</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>Open in Browser</strong></td>
<td style="width:249px;"><strong>鼠标右击选择浏览器打开html文件</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>JS-CSS-HTML Formatter</strong></td>
<td style="width:249px;"><strong>每次保存，都会自动格式化js css 和html代码</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>Auto Rename Tag</strong></td>
<td style="width:249px;"><strong>自动重命名配对的HTML/XML标签</strong></td>
</tr>
<tr>
<td style="width:249px;"><strong>CSS Peek</strong></td>
<td style="width:249px;"><strong>追踪至样式</strong></td>
</tr>
</tbody>
</table>
<p><strong>好啦，今天就到这里，下次再更~ </strong></p>
<p>我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=wg8t2mvqa8az</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1605714578409291776"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html,css,javascript,前端,vscode)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1899405119406010368.htm"
title="JavaScript面试宝典" target="_blank">JavaScript面试宝典</a>
<span class="text-muted">傻小胖</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1.JS由哪三部分组成？JavaScript由以下三部分组成：ECMAScript（ES）：JavaScript的核心语法，如变量、作用域、数据类型、函数、对象等。DOM（文档对象模型）：用于操作HTML和XML文档的API，可以动态修改网页内容、结构和样式。BOM（浏览器对象模型）：用于操作浏览器窗口和页面，例如window、navigator、location、history、screen等对</div>
</li>
<li><a href="/article/1899404110487154688.htm"
title="【算法】BFS(最短路径问题、拓扑排序)" target="_blank">【算法】BFS(最短路径问题、拓扑排序)</a>
<span class="text-muted">秦jh_</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a>
<div>个人主页：秦jh_-CSDN博客系列专栏：https://blog.csdn.net/qinjh_/category_12862161.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12862161&sharerefer=PC&sharesource=qinjh_&sharefrom=from_link目录边权为1的最短路径问题多源</div>
</li>
<li><a href="/article/1899400197226688512.htm"
title="我与DeepSeek读《大型网站技术架构》（3）" target="_blank">我与DeepSeek读《大型网站技术架构》（3）</a>
<span class="text-muted">诺亚凹凸曼</span>
<a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>大型网站架构的核心要素《大型网站技术架构：核心原理与案例分析》第三章聚焦于大型网站架构的核心要素，从技术维度剖析了构建高可用、高性能、可扩展系统的关键设计方向。1.五大核心架构要素(1)性能（Performance）目标：快速响应用户请求，优化用户体验。关键策略：前端优化：CDN加速静态资源、合并压缩JS/CSS、浏览器缓存。服务端优化：缓存（Redis/Memcached）、异步处理（消息队列）</div>
</li>
<li><a href="/article/1899399566386589696.htm"
title="WordPress建站给外贸人带来的负担" target="_blank">WordPress建站给外贸人带来的负担</a>
<span class="text-muted">小机出海</span>
<a class="tag" taget="_blank" href="/search/%E5%BB%BA%E7%AB%99%E5%B8%B8%E8%B0%88/1.htm">建站常谈</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/ssl/1.htm">ssl</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a>
<div>WordPress是全球最大的开源建站平台，有着丰富的主题与插件，尽管功能非常强大，但也给想要建站的外贸人带来了一些负担。一、技术门槛与学习成本1、由于WordPress发展了几十年，里面的功能应有尽有，但往往这些复杂的功能导致建站新手对它的学习成本变得很高，需要理解各个模块与功能点，增加了上手的复杂度。2、WordPress的建站服务商他不会告诉你，你可能需要知道一些代码知识（HTML、CSS、</div>
</li>
<li><a href="/article/1899397170772111360.htm"
title="JavaScript模块化开发的演进历程" target="_blank">JavaScript模块化开发的演进历程</a>
<span class="text-muted">IronKee</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>写在前面的话js模块化历程记录了js模块化思想的诞生与变迁历史不是过去，历史正在上演，一切终究都会成为历史拥抱变化，面向未来延伸阅读-JavaScript诞生（这也解释了JS为何一开始没有模块化）JavaScript因为互联网而生，紧随着浏览器的出现而问世1990年底，欧洲核能研究组织（CERN）科学家Tim，发明了万维网（WorldWideWeb），最早的网页只能在操作系统的终端里浏览，非常不方</div>
</li>
<li><a href="/article/1899386201182367744.htm"
title="固定表头、首列 —— uniapp、vue 项目" target="_blank">固定表头、首列 —— uniapp、vue 项目</a>
<span class="text-muted">菲力蒲LY</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>项目实地：也可以在【微信小程序】搜索体验：xny.handbook另一个体验项目：官网一、效果展示二、代码展示（1）html部分股票代码建议投金额实际投金额建议股数实际股数◎原单价涨出-单价↑跌出+单价↓+○预赚+●实赚-○预赔-●实赔操作{{item.stockCode}}{{item.calculAdvsIvsMoney}}{{item.calculRealIvsMoney}}{{item.t</div>
</li>
<li><a href="/article/1899384937878974464.htm"
title="Dash 简介" target="_blank">Dash 简介</a>
<span class="text-muted">tankusa</span>
<a class="tag" taget="_blank" href="/search/dash/1.htm">dash</a>
<div>Dash是一个基于Python的开源框架，专门用于构建数据分析和数据可视化的Web应用程序。Dash由Plotly团队开发，旨在帮助数据分析师、数据科学家和开发人员快速创建交互式的、基于数据的Web应用，而无需深入掌握前端技术（如HTML、CSS和JavaScript）。Dash的核心优势在于其简单易用性和强大的功能。通过Dash，用户可以使用纯Python代码来构建复杂的Web应用，而无需编写繁</div>
</li>
<li><a href="/article/1899381533098176512.htm"
title="使用css画三角形" target="_blank">使用css画三角形</a>
<span class="text-muted">伊小小小凡</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>使用css画三角形在CSS中，可以通过利用border属性来创建三角形。其原理是通过设置一个元素的宽高为0，然后给其设置不同方向的边框，并将不需要的边框颜色设置为透明，从而形成三角形的形状。以下是使用CSS创建三角形的示例代码：基本三角形.triangle{width:0;height:0;border-left:50pxsolidtransparent;/*左边框*/border-right:5</div>
</li>
<li><a href="/article/1899378250661031936.htm"
title="Python __init__.py" target="_blank">Python __init__.py</a>
<span class="text-muted">愚昧之山绝望之谷开悟之坡</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/init/1.htm">init</a>
<div>Python__init__.py作用详解尼古拉苏关注12018.06.1012:57:34字数745阅读45,278转载于：https://www.cnblogs.com/tp1226/p/8453854.html__init__.py该文件的作用就是相当于把自身整个文件夹当作一个包来管理，每当有外部import的时候，就会自动执行里面的函数。1.标识该目录是一个python的模块包（modul</div>
</li>
<li><a href="/article/1899375098146648064.htm"
title="Zookeeper【概念（集中式到分布式、什么是分布式 、CAP定理 、什么是Zookeeper、应用场景、为什么选择Zookeeper 、基本概念） 】(一)-全面详解（学习总结---从入门到深化）" target="_blank">Zookeeper【概念（集中式到分布式、什么是分布式 、CAP定理 、什么是Zookeeper、应用场景、为什么选择Zookeeper 、基本概念） 】(一)-全面详解（学习总结---从入门到深化）</a>
<span class="text-muted">童小纯</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6%E5%A4%A7%E5%85%A8---%E5%85%A8%E9%9D%A2%E8%AF%A6%E8%A7%A3/1.htm">中间件大全---全面详解</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a>
<div>作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主，Java领域新星创作者系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步如果感觉博主的文章还不错的话，请三连支持一下博主哦博主正在努力完成2023计划中：以梦为马，扬帆起航，2023追梦人目录Zookeeper概念_集中式到分布</div>
</li>
<li><a href="/article/1899366676525281280.htm"
title="Yarn：包管理优化与工作空间的最佳实践" target="_blank">Yarn：包管理优化与工作空间的最佳实践</a>
<span class="text-muted"></span>
<div>在现代前端开发中，包管理工具是不可或缺的工具之一。Yarn作为一个快速、可靠且安全的包管理工具，相对于npm，提供了一些独特的功能和优化，尤其是在工作空间管理和性能优化方面尤为突出。本文将深入探讨Yarn的专业使用，包括其工作空间的强大功能、性能优化技术以及在大型项目中的最佳实践。Yarn简介Yarn是由Facebook开发的一个JavaScript包管理工具，它旨在解决npm的一些关键问题，如安</div>
</li>
<li><a href="/article/1899361855600652288.htm"
title="vscode 好用插件" target="_blank">vscode 好用插件</a>
<span class="text-muted">yqcoder</span>
<a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a>
<div>一、通用效率类1.AutoRenameTag在编写HTML或XML代码时，当你修改一个标签的名称，它会自动同步修改对应的结束标签，节省了手动修改的时间，提高了代码的准确性和编写效率。2.BracketPairColorizer为代码中的括号对（如()、{}、[]）添加不同的颜色，让你可以更清晰地分辨嵌套的括号层次，尤其在处理复杂代码时，能有效减少因括号匹配错误导致的问题。3.CodeRunner支</div>
</li>
<li><a href="/article/1899361476049694720.htm"
title="数字IC前端设计究竟怎样？薪资前景如何？" target="_blank">数字IC前端设计究竟怎样？薪资前景如何？</a>
<span class="text-muted">IC观察者</span>
<a class="tag" taget="_blank" href="/search/fpga%E5%BC%80%E5%8F%91/1.htm">fpga开发</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E6%88%90%E7%94%B5%E8%B7%AF/1.htm">集成电路</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%8B%9FIC/1.htm">模拟IC</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%8B%9F%E7%89%88%E5%9B%BE/1.htm">模拟版图</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%8B%9F%E7%89%88%E5%9B%BE%E5%85%A5%E9%97%A8/1.htm">模拟版图入门</a>
<div>数字ic前端岗位介绍：数字ic前端设计处于数字IC设计流程的前端，属于数字IC设计类岗位的一种。数字ic前端设计主要分成几种层次的设计：IPlevel，unitlevel，fullchip/SoClevel，gatelevel等。作为数字IC前端工程师，为了让写的RTL代码没有bug，会经常与验证工程师要求debugcase；为了了解芯片整体架构和功能属性，还要与架构工程师打交道；还要与后端工程师</div>
</li>
<li><a href="/article/1899360845343813632.htm"
title="ES6 解构赋值详解" target="_blank">ES6 解构赋值详解</a>
<span class="text-muted">修己xj</span>
<a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a>
<div>ES6是JavaScript语言的一次重大更新，引入了许多新特性和语法改进，其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值，并赋给对应的变量，让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。数组解构赋值数组解构赋值允许我们通过类似模式匹配的方式，从数组中提取值并赋给变量，即只要等会两边的变量模式相同，左边的变量就会被赋予对应的</div>
</li>
<li><a href="/article/1899360717161689088.htm"
title="tauri + vue3 如何实现在一个页面上局部加载外部网页？" target="_blank">tauri + vue3 如何实现在一个页面上局部加载外部网页？</a>
<span class="text-muted">bug菌¹</span>
<a class="tag" taget="_blank" href="/search/%E5%85%A8%E6%A0%88Bug%E8%B0%83%E4%BC%98%28%E5%AE%9E%E6%88%98%E7%89%88%29/1.htm">全栈Bug调优(实战版)</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/CSDN%E9%97%AE%E7%AD%94%E8%A7%A3%E6%83%91%28%E5%85%A8%E6%A0%88%E7%89%88%29/1.htm">CSDN问答解惑(全栈版)</a><a class="tag" taget="_blank" href="/search/tauri/1.htm">tauri</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a>
<div>本文收录于「Bug调优」专栏，主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！问题描述 tauriv1（1.6左右）+vue3我想在vue3前端页面上在一个页面而不是window.open打开一个新的窗口去加载外部网页我想在一个页面中局部中间加载一个外部网页（试过</div>
</li>
<li><a href="/article/1899359456119025664.htm"
title="java vscode跳转类定义_快速使用 vscode 进行 Java 编程" target="_blank">java vscode跳转类定义_快速使用 vscode 进行 Java 编程</a>
<span class="text-muted">weixin_39894932</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/vscode%E8%B7%B3%E8%BD%AC%E7%B1%BB%E5%AE%9A%E4%B9%89/1.htm">vscode跳转类定义</a>
<div>任何一个程序员都有自己喜爱的编辑器、工具、开发利器，有这样一群人，对于vim这种上古神器难以驾驭、IDE又太笨重，这时候多了一个选择vscode！！！vscode重新定义了编辑器，它开源、免费、Runseverywhere，是一款介于IDE和编辑器之间的产物，我们不能用IDE的所有特性都往它身上压，如果都可以的话不就是IDE吗？不就是吗？所以用起来的感觉你懂的，美滋滋(๑•̀ㅂ•́)✧那么这家伙都</div>
</li>
<li><a href="/article/1899358951691055104.htm"
title="Python字符串操作" target="_blank">Python字符串操作</a>
<span class="text-muted">weixin_30871905</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>转自http://blog.chinaunix.net/u/19742/showart_382176.html#Python字符串操作'''1.复制字符串'''#strcpy(sStr1,sStr2)sStr1='strcpy'sStr2=sStr1sStr1='strcpy2'printsStr2'''2.连接字符串'''#strcat(sStr1,sStr2)sStr1='strcat'sSt</div>
</li>
<li><a href="/article/1899356684506165248.htm"
title="ES6之解构" target="_blank">ES6之解构</a>
<span class="text-muted">Hopebearer_</span>
<a class="tag" taget="_blank" href="/search/ES6/1.htm">ES6</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>文章目录ES6之解构一、数组解构1.基本解构2.部分解构3.默认值4.剩余参数5.嵌套解构6.交换变量二、对象解构1.基本解构2.重命名3.默认值4.剩余参数三、函数参数结构1.数组参数解构2.对象参数解构3.默认值四、注意事项1.解构顺序2.undefined情况3.剩余元素4.对象的方法解构ES6之解构解构是JavaScript（ES6及以后版本）中一种非常强大的语法特性，它允许我们按照一定模</div>
</li>
<li><a href="/article/1899350382295969792.htm"
title="Monorepo与pnpm：前端项目管理的完美搭档" target="_blank">Monorepo与pnpm：前端项目管理的完美搭档</a>
<span class="text-muted">秋の本名</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/pnpm/1.htm">pnpm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/mojo/1.htm">mojo</a>
<div>一、什么是pnpmpnpm又称performantnpm，翻译过来就是高性能的npm。1.节省磁盘空间提高安装效率pnpm通过使用硬链接和符号链接（又称软链接）的方式来避免重复安装以及提高安装效率。硬链接：和原文件共用一个磁盘地址，相当于别名的作用，如果更改其中一个内容，另一个也会跟着改变符号链接（软链接）：是一个新的文件，指向原文件路径地址，类似于快捷方式官网原话：当使用npm时，如果你有100</div>
</li>
<li><a href="/article/1899346470969077760.htm"
title="ES6解构赋值详解" target="_blank">ES6解构赋值详解</a>
<span class="text-muted">漫天转悠</span>
<a class="tag" taget="_blank" href="/search/ES6/1.htm">ES6</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>ES6解构赋值详解ES6解构赋值是JavaScript语言的一项强大特性，它允许从数组或对象中提取数据，并将其赋值给变量。这一特性不仅简化了代码，提高了可读性，还增强了代码的灵活性。本文将详细介绍ES6解构赋值的基本概念、语法、应用场景以及一些高级用法。1.基本概念解构赋值是对赋值运算符的扩展。它允许按照一定的模式，从数组或对象中提取值，并赋值给变量。这种语法使得从复杂数据结构中提取数据变得更加简</div>
</li>
<li><a href="/article/1899343573246078976.htm"
title="web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript" target="_blank">web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript</a>
<span class="text-muted">IT-司马青衫</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1</div>
</li>
<li><a href="/article/1899339285023223808.htm"
title="Webpack打包构建流程" target="_blank">Webpack打包构建流程</a>
<span class="text-muted">码上跑步</span>
<a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>webpack的打包构建流程为什么需要打包？在前端有非常多的资源，如css、js、vue、vue、图片、字体等。有些资源需要加工处理1.ts->jsts-loader2.css->css-loader+style-loader3.图片->file-loader+url-loader4.html->html-webpack-plugin需要对产物进行优化optimization（webpack优化配</div>
</li>
<li><a href="/article/1899338906130771968.htm"
title="webpack" target="_blank">webpack</a>
<span class="text-muted">码上跑步</span>
<a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>webpack介绍webpack是一个构建工具,实现了模块化管理项目.他的工作方式是用各种loader将各种资源转化为js文件或者对js文件进行压缩编译亦或对静态资源进行处理.官网:webpack由来模块化存在一些问题1.ESM的兼容性问题2.模块文件过多,网络请求频繁3.前端的所有资源包括html和css都需要模块化构建工具应运而生,需要一个集编译,模块打包,支持不同的资源的模块打包工具.Web</div>
</li>
<li><a href="/article/1899338906554396672.htm"
title="Vue初体验" target="_blank">Vue初体验</a>
<span class="text-muted">码上跑步</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Vue基础Vue是什么？Vue是javascript的渐进式框架。Vue初识Vue工作时必须要创建一个Vue的实例，并且传入一个配置对象。root容器里的代码是符合html的语法但是新添加了一些Vue语法，在这些地方Vue会自动进行解析。root容器里的代码称为Vue模版。Vue实例和容器是一一对应的。在实际开发中只有一个Vue，配合组件使用。在vue里的插值{{}}内部只要写js表达式就能正常解</div>
</li>
<li><a href="/article/1899336512005271552.htm"
title="MAC电脑配置VSCode写JAVA" target="_blank">MAC电脑配置VSCode写JAVA</a>
<span class="text-muted">davidson1471</span>
<a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/homebrew/1.htm">homebrew</a>
<div>一、安装JDK（Homebrew安装openJDK）使用清华源安装Homebrew清华源安装Home-brew教程Homebrew安装JDK8brewtapadoptopenjdk/openjdkbrewinstall--caskadoptopenjdk8查看JDK路径/usr/libexec/java_home二、配置VSCodeMAC配置VSCode教程</div>
</li>
<li><a href="/article/1899333108369518592.htm"
title="前端实现版本更新自动检测✅" target="_blank">前端实现版本更新自动检测✅</a>
<span class="text-muted">水煮白菜王</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>作者简介：水煮白菜王，一位资深前端劝退师文章专栏：前端专栏，记录一下平时在博客写作中，总结出的一些开发技巧和知识归纳总结✍。感谢支持目录一、背景二、实现原理2.1逻辑2.2一些好处三、具体实现3.1工程化封装3.2关键方法解析脚本哈希获取：对比逻辑：四、全部代码4.1vue34.2vue2五、注意事项与常见问题5.1可能出现的问题5.2浏览器兼容方案一、背景在现代Web应用中，部署前端版本更新后及</div>
</li>
<li><a href="/article/1899333110311481344.htm"
title="什么是XSS" target="_blank">什么是XSS</a>
<span class="text-muted">藤原千花的败北</span>
<a class="tag" taget="_blank" href="/search/web%E6%BC%8F%E6%B4%9E/1.htm">web漏洞</a><a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a>
<div>文章目录前言1.前端知识2.什么是XSS3.漏洞挖掘4.参考前言之前对XSS的理解就是停留在弹窗，认为XSS这种漏洞真的是漏洞吗？安全学习了蛮久了，也应该对XSS有更进一步的认识了。1.前端知识现代浏览器是一个高度复杂的软件系统，由多个核心组件协同工作，旨在高效、安全地呈现网页内容并执行交互逻辑。对一般用户来讲，其主要功能就是向服务器发出请求，在窗口中展示用户所选择的网络资源。这里所说的资源一般是</div>
</li>
<li><a href="/article/1899329200700059648.htm"
title="springMVC RestFul接口设计模式详解，包括前后端设计详解。@GetMapping、@PostMapping、@PutMapping@DeleteMapping@PathVariable" target="_blank">springMVC RestFul接口设计模式详解，包括前后端设计详解。@GetMapping、@PostMapping、@PutMapping@DeleteMapping@PathVariable</a>
<span class="text-muted">漫慢丶</span>
<a class="tag" taget="_blank" href="/search/springmvc/1.htm">springmvc</a><a class="tag" taget="_blank" href="/search/restful/1.htm">restful</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>目录1、什么是RestFul接口设计模式2、使用该接口设计模式后端还需要配置什么3、使用该接口设计模式前端需要注意什么4、Controller具体实现方式1、什么是RestFul接口设计模式RestFul这是一种springmvc接口的设计模式，用来区别不同类型的请求，来匹配控制器处理映射。例如请求URL为/test/那么中根据Get、put、post等请求方式，就可以具体映射到对应的控制器方法。</div>
</li>
<li><a href="/article/1899328948634972160.htm"
title="CSS入门指南：从零开始学习网页开发——（一）简介" target="_blank">CSS入门指南：从零开始学习网页开发——（一）简介</a>
<span class="text-muted">GIS小白吃</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、什么是CSS？CSS（CascadingStyleSheets，层叠样式表）是一种用于描述网页的外观和布局的样式表语言。它通过定义网页元素的样式（如颜色、字体、边距等）来与HTML内容分离，提升了网页的可维护性和设计的灵活性。CSS的核心目的是增强网页的表现力。早期的网页仅使用HTML来进行内容的展示，但由于HTML只能描述内容的结构，页面设计和内容变得难以管理。于是，CSS作为一种辅助技术应</div>
</li>
<li><a href="/article/1899324534067097600.htm"
title="关于Jquery基本内容一" target="_blank">关于Jquery基本内容一</a>
<span class="text-muted">gloria123_</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>jQuery(jQ)html+css+js1jQ是一个js库,封装了大量的特定的集合(函数和方法)如animate()、css()、show()等2使用jQ大大提高开发效率,简化dom操作常见的js库jQueryYUIDojoExtJszeptojQuery选择器$(selector)筛选方法parent()$(“li”).parent()children(selector)$(“ul”).chi</div>
</li>
<li><a href="/article/117.htm"
title="Algorithm" target="_blank">Algorithm</a>
<span class="text-muted">香水浓</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
<div>冒泡排序
public static void sort(Integer[] param) {
for (int i = param.length - 1; i > 0; i--) {
for (int j = 0; j < i; j++) {
int current = param[j];
int next = param[j + 1];</div>
</li>
<li><a href="/article/244.htm"
title="mongoDB 复杂查询表达式" target="_blank">mongoDB 复杂查询表达式</a>
<span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div>1:count
Pg: db.user.find().count();
统计多少条数据
2:不等于$ne
Pg: db.user.find({_id:{$ne:3}},{name:1,sex:1,_id:0});
查询id不等于3的数据。
3：大于$gt $gte(大于等于)
&n</div>
</li>
<li><a href="/article/371.htm"
title="Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space" target="_blank">Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a>
<div>转自
http://blog.csdn.net/zou274/article/details/5552630
解决办法：
window->preferences->java->installed jres->edit jre
把default vm arguments 的参数设为-Xms64m -Xmx512m
----------------</div>
</li>
<li><a href="/article/498.htm"
title="文件上传 下载 解析 相对路径" target="_blank">文件上传 下载 解析 相对路径</a>
<span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a>
<div>有点坑吧，弄这么一个简单的东西弄了一天多，身边还有大神指导着，网上各种百度着。
下面总结一下遇到的问题：
文件上传，在页面上传的时候，不要想着去操作绝对路径，浏览器会对客户端的信息进行保护，避免用户信息收到攻击。
在上传图片，或者文件时，使用form表单来操作。
前台通过form表单传输一个流到后台，而不是ajax传递参数到后台，代码如下:
<form action=&</div>
</li>
<li><a href="/article/625.htm"
title="怎么实现qq空间批量点赞" target="_blank">怎么实现qq空间批量点赞</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div>纯粹为了好玩！！
逻辑很简单
1 打开浏览器console；输入以下代码。
先上添加赞的代码
var tools={};
//添加所有赞
function init(){
document.body.scrollTop=10000;
setTimeout(function(){document.body.scrollTop=0;},2000);//加</div>
</li>
<li><a href="/article/752.htm"
title="判断是否为中文" target="_blank">判断是否为中文</a>
<span class="text-muted">灵静志远</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87/1.htm">中文</a>
<div>方法一：
public class Zhidao {
public static void main(String args[]) {
String s = "sdf灭礌 kjl d{';\fdsjlk是";
int n=0;
for(int i=0; i<s.length(); i++) {
n = (int)s.charAt(i);
if((</div>
</li>
<li><a href="/article/879.htm"
title="一个电话面试后总结" target="_blank">一个电话面试后总结</a>
<span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>今天，接了一个电话面试，对于还是初学者的我来说，紧张了半天。
面试的问题分了层次，对于一类问题，由简到难。自己觉得回答不好的地方作了一下总结：
在谈到集合类的时候，举几个常用的集合类，想都没想，直接说了list,map。
然后对list和map分别举几个类型：
list方面：ArrayList,LinkedList。在谈到他们的区别时，愣住了</div>
</li>
<li><a href="/article/1006.htm"
title="MSSQL中Escape转义的使用" target="_blank">MSSQL中Escape转义的使用</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/MSSQL/1.htm">MSSQL</a>
<div>IF OBJECT_ID('tempdb..#ABC') is not null
drop table tempdb..#ABC
create table #ABC
(
PATHNAME NVARCHAR(50)
)
insert into #ABC
SELECT N'/ABCDEFGHI'
UNION ALL SELECT N'/ABCDGAFGASASSDFA'
UNION ALL</div>
</li>
<li><a href="/article/1133.htm"
title="一个简单的存储过程" target="_blank">一个简单的存储过程</a>
<span class="text-muted">asialee</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B/1.htm">存储过程</a><a class="tag" taget="_blank" href="/search/%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE/1.htm">构造数据</a><a class="tag" taget="_blank" href="/search/%E6%89%B9%E9%87%8F%E6%8F%92%E5%85%A5/1.htm">批量插入</a>
<div> 今天要批量的生成一批测试数据，其中中间有部分数据是变化的，本来想写个程序来生成的，后来想到存储过程就可以搞定，所以随手写了一个，记录在此：
DELIMITER $$
DROP PROCEDURE IF EXISTS inse</div>
</li>
<li><a href="/article/1260.htm"
title="annot convert from HomeFragment_1 to Fragment" target="_blank">annot convert from HomeFragment_1 to Fragment</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E5%8C%85%E9%94%99%E8%AF%AF/1.htm">导包错误</a>
<div>创建了几个类继承Fragment, 需要将创建的类存储在ArrayList<Fragment>中; 出现不能将new 出来的对象放到队列中,原因很简单;
创建类时引入包是:import android.app.Fragment;
创建队列和对象时使用的包是:import android.support.v4.ap</div>
</li>
<li><a href="/article/1387.htm"
title="Weblogic10两种修改端口的方法" target="_blank">Weblogic10两种修改端口的方法</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8F%B7/1.htm">端口号</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a><a class="tag" taget="_blank" href="/search/config.xml/1.htm">config.xml</a>
<div>一.进入控制台进行修改 1.进入控制台: http://127.0.0.1:7001/console 2.展开左边树菜单 域结构->环境->服务器-->点击AdminServer(管理) &</div>
</li>
<li><a href="/article/1514.htm"
title="mysql 操作指令" target="_blank">mysql 操作指令</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>一、连接mysql
进入 mysql 的安装目录；
$ bin/mysql -p [host IP 如果是登录本地的mysql 可以不写 -p 直接 -u] -u [userName] -p
输入密码，回车，接连；
二、权限操作［如果你很了解mysql数据库后，你可以直接去修改系统表，然后用 mysql> flush privileges; 指令让权限生效］
1、赋权
mys</div>
</li>
<li><a href="/article/1641.htm"
title="【Hive一】Hive入门" target="_blank">【Hive一】Hive入门</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>Hive安装与配置
Hive的运行需要依赖于Hadoop，因此需要首先安装Hadoop2.5.2，并且Hive的启动前需要首先启动Hadoop。
Hive安装和配置的步骤
1. 从如下地址下载Hive0.14.0
http://mirror.bit.edu.cn/apache/hive/
2.解压hive，在系统变</div>
</li>
<li><a href="/article/1768.htm"
title="ajax 三种提交请求的方法" target="_blank">ajax 三种提交请求的方法</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/jqery/1.htm">jqery</a>
<div>1、ajax 提交请求
$.ajax({
type:"post",
url : "${ctx}/front/Hotel/getAllHotelByAjax.do",
dataType : "json",
success : function(result) {
try {
for(v</div>
</li>
<li><a href="/article/1895.htm"
title="mongodb开发环境下的搭建入门" target="_blank">mongodb开发环境下的搭建入门</a>
<span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>
linux下安装mongodb
1）官网下载mongodb-linux-x86_64-rhel62-3.0.4.gz
2）linux 解压
gzip -d mongodb-linux-x86_64-rhel62-3.0.4.gz;
mv mongodb-linux-x86_64-rhel62-3.0.4 mongodb-linux-x86_64-rhel62-</div>
</li>
<li><a href="/article/2022.htm"
title="编程之美-最短摘要的生成" target="_blank">编程之美-最短摘要的生成</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
<div>
import java.util.HashMap;
import java.util.Map;
import java.util.Map.Entry;
public class ShortestAbstract {
/**
* 编程之美 最短摘要的生成
* 扫描过程始终保持一个[pBegin,pEnd]的range,初始化确保[pBegin,pEnd]的ran</div>
</li>
<li><a href="/article/2149.htm"
title="json数据解析及typeof" target="_blank">json数据解析及typeof</a>
<span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/typeof/1.htm">typeof</a><a class="tag" taget="_blank" href="/search/json%E8%A7%A3%E6%9E%90/1.htm">json解析</a>
<div>
// json格式
var people='{"authors": [{"firstName": "AAA","lastName": "BBB"},'
+' {"firstName": "CCC&</div>
</li>
<li><a href="/article/2276.htm"
title="流程系统设计的层次和目标" target="_blank">流程系统设计的层次和目标</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div>
流程系统设计的层次和目标
</div>
</li>
<li><a href="/article/2403.htm"
title="RMAN List和report 命令" target="_blank">RMAN List和report 命令</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/report/1.htm">report</a><a class="tag" taget="_blank" href="/search/rman/1.htm">rman</a>
<div>LIST 命令
使用RMAN LIST 命令显示有关资料档案库中记录的备份集、代理副本和映像副本的
信息。使用此命令可列出：
• RMAN 资料档案库中状态不是AVAILABLE 的备份和副本
• 可用的且可以用于还原操作的数据文件备份和副本
• 备份集和副本，其中包含指定数据文件列表或指定表空间的备份
• 包含指定名称或范围的所有归档日志备份的备份集和副本
• 由标记、完成时间、可</div>
</li>
<li><a href="/article/2530.htm"
title="二叉树:红黑树" target="_blank">二叉树:红黑树</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a>
<div> 红黑树是一种自平衡的二叉树,它的查找,插入,删除操作时间复杂度皆为O(logN),不会出现普通二叉搜索树在最差情况时时间复杂度会变为O(N)的问题.
红黑树必须遵循红黑规则,规则如下
1、每个节点不是红就是黑。 2、根总是黑的 &</div>
</li>
<li><a href="/article/2657.htm"
title="C语言homework3，7个小题目的代码" target="_blank">C语言homework3，7个小题目的代码</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div>1、打印100以内的所有奇数。
# include <stdio.h>
int main(void)
{
int i;
for (i=1; i<=100; i++)
{
if (i%2 != 0)
printf("%d ", i);
}
return 0;
}
2、从键盘上输入10个整数，</div>
</li>
<li><a href="/article/2784.htm"
title="自定义按钮, 图片在上, 文字在下, 居中显示" target="_blank">自定义按钮, 图片在上, 文字在下, 居中显示</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89/1.htm">自定义</a>
<div>#import <UIKit/UIKit.h>
@interface MyButton : UIButton
-(void)setFrame:(CGRect)frame ImageName:(NSString*)imageName Target:(id)target Action:(SEL)action Title:(NSString*)title Font:(CGFloa</div>
</li>
<li><a href="/article/2911.htm"
title="MySQL查询语句练习题，测试足够用了" target="_blank">MySQL查询语句练习题，测试足够用了</a>
<span class="text-muted">flyvszhb</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>http://blog.sina.com.cn/s/blog_767d65530101861c.html
1.创建student和score表
CREATE TABLE student (
id INT(10) NOT NULL UNIQUE PRIMARY KEY ,
name VARCHAR</div>
</li>
<li><a href="/article/3038.htm"
title="转：MyBatis Generator 详解" target="_blank">转：MyBatis Generator 详解</a>
<span class="text-muted">happyqing</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
<div>
MyBatis Generator 详解
http://blog.csdn.net/isea533/article/details/42102297
MyBatis Generator详解
http://git.oschina.net/free/Mybatis_Utils/blob/master/MybatisGeneator/MybatisGeneator.</div>
</li>
<li><a href="/article/3165.htm"
title="让程序员少走弯路的14个忠告" target="_blank">让程序员少走弯路的14个忠告</a>
<span class="text-muted">jingjing0907</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E5%88%92/1.htm">计划</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>
无论是谁，在刚进入某个领域之时，有再大的雄心壮志也敌不过眼前的迷茫：不知道应该怎么做，不知道应该做什么。下面是一名软件开发人员所学到的经验，希望能对大家有所帮助
1.不要害怕在工作中学习。
只要有电脑，就可以通过电子阅读器阅读报纸和大多数书籍。如果你只是做好自己的本职工作以及分配的任务，那是学不到很多东西的。如果你盲目地要求更多的工作，也是不可能提升自己的。放</div>
</li>
<li><a href="/article/3292.htm"
title="nginx和NetScaler区别" target="_blank">nginx和NetScaler区别</a>
<span class="text-muted">流浪鱼</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
<div>NetScaler是一个完整的包含操作系统和应用交付功能的产品，Nginx并不包含操作系统，在处理连接方面，需要依赖于操作系统，所以在并发连接数方面和防DoS攻击方面，Nginx不具备优势。
2.易用性方面差别也比较大。Nginx对管理员的水平要求比较高，参数比较多，不确定性给运营带来隐患。在NetScaler常见的配置如健康检查，HA等，在Nginx上的配置的实现相对复杂。
3.策略灵活度方</div>
</li>
<li><a href="/article/3419.htm"
title="第11章 动画效果（下）" target="_blank">第11章 动画效果（下）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3546.htm"
title="FAQ - SAP BW BO roadmap" target="_blank">FAQ - SAP BW BO roadmap</a>
<span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a><a class="tag" taget="_blank" href="/search/BW/1.htm">BW</a>
<div>http://www.sdn.sap.com/irj/boc/business-objects-for-sap-faq
Besides, I care that how to integrate tightly.
By the way, for BW consultants, please just focus on Query Designer which i</div>
</li>
<li><a href="/article/3673.htm"
title="关于java堆内存溢出的几种情况" target="_blank">关于java堆内存溢出的几种情况</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a>
<div>【情况一】：
java.lang.OutOfMemoryError: Java heap space：这种是java堆内存不够，一个原因是真不够，另一个原因是程序中有死循环； 如果是java堆内存不够的话，可以通过调整JVM下面的配置来解决： <jvm-arg>-Xms3062m</jvm-arg> <jvm-arg>-Xmx</div>
</li>
<li><a href="/article/3800.htm"
title="Manifest.permission_group权限组" target="_blank">Manifest.permission_group权限组</a>
<span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/Permission/1.htm">Permission</a>
<div>结构
继承关系
public static final class Manifest.permission_group extends Object
java.lang.Object
android. Manifest.permission_group 常量
ACCOUNTS 直接通过统计管理器访问管理的统计
COST_MONEY可以用来让用户花钱但不需要通过与他们直接牵涉的权限
D</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>