HTML基础

一、HTML简介

html结构png

注意事项：

必须首行定格
</code> 为文档标题</li> <li> <code><meta charset=“utf-8”></code> 文档解码格式</li> <li> <code><meta name="keywords" content="..."></code> 和 <code><meat name="description" ></code> 提供给搜索引擎使用</li> <li> <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code> 移动端浏览器的宽高缩放</li> <li> <code><link></code> 标签可以引入favicon和样式CSS文件</li> </ul> <hr> <h2>二、HTML语法</h2> <p></p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 284px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/1120953ee6f544e5a9da83b358567617.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/1120953ee6f544e5a9da83b358567617.jpg" width="650" height="264" alt="HTML基础_第2张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> html语法.png </div> </div> <br> <strong>书写规范</strong> <br> - 小写标签属性 <br> - 属性值双引号 <br> - 代码因嵌套缩进 <br> <strong>全局属性</strong> <p></p> <ul> <li>id，<code><div id="unique-element"></div></code>，页面中唯一</li> <li>class，<code><div class='btn'>Click Me</div></code>，页面中可重复出现</li> <li>style，尽量避免</li> <li>title，对于元素的描述类似于Tooltip的效果</li> </ul> <hr> <h2>三、HTML标签</h2> <h5>[HTML5 标签集合]</h5> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 395px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/b6c0809c6e81423b9c02232d73b1d167.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/b6c0809c6e81423b9c02232d73b1d167.jpg" width="650" height="367" alt="HTML基础_第3张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> html标签集合.jpg </div> </div> <h4>文档章节</h4> <p><code><body></code> 页面内容 <code><header></code> 文档头部 <code><nav></code> 导航 <code><aside></code> 侧边栏 <code><aritce></code> 定义外部内容（如外部引用的文章）<code><section></code> 一个独立的块 <code><footer></code> 尾部<br> <strong>页面通常结构</strong><br> </p> <div class="image-package"> <div class="image-container" style="max-width: 582px; max-height: 507px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/37643a919c52436ea36d83168b208903.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/37643a919c52436ea36d83168b208903.jpg" width="582" height="507" alt="HTML基础_第4张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 页面结构.gif </div> </div> <p></p> <h5>文本标签</h5> <pre><code><!— 默认超链接 —> <a href=“http://sample-link.com” title=“Sample Link”>Sample</a>  <a href="http://sample-link.com" title="Sample Link" target="_self">Sample</a>  <a href="http://sample-link.com" title="Sample Link" target="_blank">Sample</a>  <a href="http://sample-link.com" title="Sample Link" target="iframe-name">Sample</a> <iframe name="iframe-name" frameborder="0"></iframe>  <a href="#achor">Achor Point</a> <section id="achor">Achor Content</section>  <a href="mailto:sample-address@me.com" title="Email">Contact Us</a>  <a href="mailto:sample-address@me.com, sample-address0@me.com" title="Email">Contact Us</a>  <a href="mailto:sample-address@me.com?cc=admin@me.com&subject=Help&body=sample-body-text" title="Email">Contact Us</a>  <a href="tel:99999999" title="Phone">Ring Us</a> </code></pre> <h4>组合内容标签</h4> <ul> <li><code><div></code></li> <li><code><p></code></li> <li><code><ol></code></li> <li><code><ul></code></li> <li><code><dl></code></li> <li><code><pre></code></li> <li><code><blockquote></code></li> </ul> <h4>文档章节</h4> <p><code><body></code> 页面内容 <code><header></code> 文档头部 <code><nav></code> 导航 <code><aside></code> 侧边栏 <code><aritce></code> 定义外部内容（如外部引用的文章）<code><section></code> 一个独立的块 <code><footer></code> 尾部</p> <h4>引用</h4> <ul> <li> <code><cite></code> 引用作品的名字、作者的名字等</li> <li> <code><q></code> 引用一段文字（大段文字引用用<code><blockquote></code>）</li> <li> <code><blockquote></code> 引用大块文字</li> <li> <code><pre></code>保存格式化的内容（其空格、换行等格式不会丢失）</li> </ul> <pre><code><pre> <code> int main(void) { printf('Hello, world!'); return 0; } </code> </pre> </code></pre> <h4>代码</h4> <p><code><code></code> 引用代码</p> <h4>格式化</h4> <p><code><b></code> 加粗 <code><i></code> 斜体</p> <h4>强调</h4> <p><code><em></code> 斜体。着重于强调内容，会改变语义的强调<code><strong></code>粗体。着重于强调内容的重要性</p> <h4>换行</h4> <p><code><br></code> 换行</p> <h4>列表</h4> <h5>无序列表</h5> <pre><code><ul> <li>标题</li> <li>结论</li> </ul> </code></pre> <h5>有序列表</h5> <pre><code><ol> <li>第一</li> <li>第二</li> </ol> </code></pre> <h5>自定义列表</h5> <pre><code><dl> <dt>作者</dt> <dd>爱因斯坦</dd> <dt>作品</dt> <dd>《相对论》</dd> <dd>《时间与空间》</dd> </dl> </code></pre> <p>一个<code><dt></code>可以对应多个<code><dd></code><br> NOTE：<code><dl></code>为自定义列表，其中包含一个或多个<code><dt></code>及一个或多个<code><dd></code>，并且<code><dt></code>与<code><dl></code>列表会有缩进的效果。<code><pre></code>会保留换行和空格，通常与<code><code></code>一同使用。</p> <pre><code><pre> <code> int main(void) { printf('Hello, world!'); return 0; } </code> </pre> </code></pre> <p><code><blockquote></code>拥有<code>cite</code>属性，它包含引用文本的出处，示例如下所示：</p> <pre><code><blockquote cite="http://example.com/facts"> <p>Sample Quote...</p> </blockquote> </code></pre> <h4>嵌入</h4> <pre><code><iframe src=""></iframe> 页面操作可以不影响到iframe的内容  <object type="application/x-shockwave-player"> <param name="movie" value="book.pdf"> </object>  <video autoplay loop controls="controls" poster="poster.jpg"> <source src="movie.mp4" type="video/mp4"> <source src="movie.webm" type="video/webm"> <source src="movie.ogg" type="video/ogg"> <track kind="subtitles" src="video.vtt" srclang="cn" label="cn"> </video> </code></pre> <h4>资源标签</h4> <h5>图标签</h5> <p><code>canvans</code>基于像素，性能要求比较高，可用于实时数据展示。<code>svg</code>为矢量图形图像。</p> <h5>热点区域标签</h5> <pre><code>`img`中套用`map`以及`area`可以实现点击某部图片触发一个链接，点击另一部分触发另外一个链接。 ![](mama.jpg) <map name="map"> <area shap="rect" coords="0,0,50,50" href="" alt=""> <area shap="circle" coords="75,75,25" href="" alt=""> </map> </code></pre> <h4>表格</h4> <h5>表格代码示例</h5> <pre><code><table> <caption>table title and/or explanatory text</caption> <thead> <tr> <th>header</th> </tr> </thead> <tbody> <tr> <td>data</td> </tr> </tbody> </table> </code></pre> <p>使用<code>colspan=val</code>进行跨列，使用<code>rowspan=val</code>进行跨行。</p> <h4>表单</h4> <pre><code><form action="WebCreation_submit" method="get" accept-charset="utf-8"> <fieldset> <legend>title or explanatory caption</legend>  <label><input type="text/submit/hidden/button/etc" name="" value=""></label>  <label for="input-id">Sample Label</label> <input type="text" id="input-id"> </fieldset> <fieldset> <legend>title or explanatory caption</legend>  <input type="text" readonly>  <input type="text" name="hidden-info" value="hiden-info-value" hidden> </fieldset> <button type="submit">Submit</button> <button type="reset">Reset</button> </form> </code></pre> <p>使用<code>fieldset</code>可用于对表单进行分区<br> 表单中的其他控件类型：</p> <ul> <li> <code>textarea</code> （文本框）</li> <li> <code>select</code>与<code>option</code>（下拉菜单可多选）</li> </ul> <p>input 类型支持值列表</p> <table> <thead> <tr> <th>Value</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>button</td> <td>Defines a clickable button (mostly used with a JavaScript to activate a script)</td> </tr> <tr> <td>checkbox</td> <td>Defines a checkbox</td> </tr> <tr> <td>color</td> <td>Defines a color picker</td> </tr> <tr> <td>date</td> <td>Defines a date control (year, month and day (no time))</td> </tr> <tr> <td>datetime</td> <td>The input type datetime has been removed from the HTML standard. Use datetime-local instead.</td> </tr> <tr> <td>datetime-local</td> <td>Defines a date and time control (year, month, day, hour, minute, second, and fraction of a second (no time zone)</td> </tr> <tr> <td>email</td> <td>Defines a field for an e-mail address</td> </tr> <tr> <td>file</td> <td>Defines a file-select field and a "Browse..." button (for file uploads)</td> </tr> <tr> <td>hidden</td> <td>Defines a hidden input field</td> </tr> <tr> <td>image</td> <td>Defines an image as the submit button</td> </tr> <tr> <td>month</td> <td>Defines a month and year control (no time zone)</td> </tr> <tr> <td>number</td> <td>Defines a field for entering a number</td> </tr> <tr> <td>password</td> <td>Defines a password field (characters are masked)</td> </tr> <tr> <td>radio</td> <td>Defines a radio button</td> </tr> <tr> <td>range</td> <td>Defines a control for entering a number whose exact value is not important (like a slider control)</td> </tr> <tr> <td>reset</td> <td>Defines a reset button (resets all form values to default values)</td> </tr> <tr> <td>search</td> <td>Defines a text field for entering a search string</td> </tr> <tr> <td>submit</td> <td>Defines a submit button</td> </tr> <tr> <td>tel</td> <td>Defines a field for entering a telephone number</td> </tr> <tr> <td>text</td> <td>Default. Defines a single-line text field (default width is 20 characters)</td> </tr> <tr> <td>time</td> <td>Defines a control for entering a time (no time zone)</td> </tr> <tr> <td>url</td> <td>Defines a field for entering a URL</td> </tr> <tr> <td>week</td> <td>Defines a week and year control (no time zone)</td> </tr> </tbody> </table> <h4>语义化</h4> <p>语义化（Semantic Tag）是指用合适的标签标识适当的内容，它可以起到搜索引擎优化（Search Engine Optimization），提高可访问性（例如盲人使用的屏幕阅读器），与此同时还可以提高代码的可读性。简而言之也就是<strong>在正确的地方使用正确的标签</strong></p> <hr> <h2>三、实体字符</h2> <p>实体字符（ASCII Encoding Reference）是用来在代码中以实体代替与HTML语法相同的字符，避免浏览解析错误。它的两种表示方式，第一种为<code>&</code> 外加实体字符名称，例如 <code> </code>，第二种为 & 加实体字符序号，例如<code> </code>。</p> <p>常用HTML字符实体（建议使用实体）</p> <table> <thead> <tr> <th>字符</th> <th>名称</th> <th>实体名</th> <th>实体数</th> </tr> </thead> <tbody> <tr> <td>"</td> <td>双引号</td> <td>"</td> <td>"</td> </tr> <tr> <td>&</td> <td>&符</td> <td>&</td> <td>&</td> </tr> <tr> <td><</td> <td>左尖括号（小于号）</td> <td><</td> <td><</td> </tr> <tr> <td>></td> <td>右尖括号（大于号）</td> <td>></td> <td>></td> </tr> <tr> <td></td> <td>空格</td> <td> </td> <td> </td> </tr> <tr> <td></td> <td>中文全角空格</td> <td>&qmp</td> <td>　</td> </tr> </tbody> </table> <p>常用特殊字符实体（不建议使用实体）：</p> <table> <thead> <tr> <th>字符</th> <th>名称</th> <th>实体名</th> <th>实体数</th> </tr> </thead> <tbody> <tr> <td>¥</td> <td>元</td> <td>¥</td> <td>¥</td> </tr> <tr> <td>¦</td> <td>断竖线</td> <td>¦</td> <td>¦</td> </tr> <tr> <td>©</td> <td>版权</td> <td>©</td> <td>©</td> </tr> <tr> <td>®</td> <td>注册商标R</td> <td>®</td> <td>®</td> </tr> <tr> <td>™</td> <td>商标TM</td> <td>™</td> <td>™</td> </tr> <tr> <td>·</td> <td>间隔符</td> <td>·</td> <td>·</td> </tr> <tr> <td>«</td> <td>左双尖括号</td> <td>«</td> <td>«</td> </tr> <tr> <td>»</td> <td>右双尖括号</td> <td>»</td> <td>»</td> </tr> <tr> <td>°</td> <td>度</td> <td>°</td> <td>°</td> </tr> <tr> <td>×</td> <td>乘</td> <td>×</td> <td>×</td> </tr> <tr> <td>÷</td> <td>除</td> <td>÷</td> <td>÷</td> </tr> <tr> <td>‰</td> <td>千分比</td> <td>‰</td> <td>‰</td> </tr> </tbody> </table> <p>NOTE：具体所需可在使用时查询，无需记忆。</p> <h4>浏览器兼容</h4> <p>主流浏览器都兼容 HTML5 的新标签，对于 IE8 及以下版本不认识 HTML5的新元素，可以使用 JavaScript 创建一个没用的元素来解决，例如：</p> <pre><code><script> document.createElement("header"); </script> </code></pre> <p>也可以使用 shiv 来解决兼容性问题，详情可参考HTML5 Shiv</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1211871271617400832"></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">  <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>  <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>  <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基础)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1833656298739167232.htm" title="HTML5全面知识点" target="_blank">HTML5全面知识点</a> <span class="text-muted">A_cot</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML（HyperTextMarkupLanguage）是构建网页的基础语言。以下是全面的HTML知识点：一、HTML基础概念定义：HTML是一种用于描述网页结构的标记语言，通过各种标签来定义网页的内容和布局。版本历史：从HTML的早期版本发展到现在的HTML5，功能不断增强，支持更多的多媒体和交互特性。二、HTML文档结构声明：用于告诉浏览器文档类型是HTML5。标签：整个HTML文档的根元素</div> </li> <li><a href="/article/1833483835501801472.htm" title="【html+css网站设计】" target="_blank">【html+css网站设计】</a> <span class="text-muted">小翔很开心</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><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>学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使</div> </li> <li><a href="/article/1829738462832586752.htm" title="30分钟从零开始入门拿下 HTML" target="_blank">30分钟从零开始入门拿下 HTML</a> <span class="text-muted">Y_3_7</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</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%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a> <div>⭐HTML⭐主要内容认识HTML的基本结构,学习常⽤的HTML标签.1.HTML基础1.1什么是HTMLHTML(HyperTextMarkupLanguage),超⽂本标记语⾔.超⽂本:⽐⽂本要强⼤.通过链接和交互式⽅式来组织和呈现信息的⽂本形式.不仅仅有⽂本,还可能包含图⽚,⾳频,或者⾃已经审阅过它的学者所加的评注、补充或脚注等等.标记语⾔:由标签构成的语⾔HTML的标签都是提前定义好的,使⽤</div> </li> <li><a href="/article/1827558904540786688.htm" title="HTML1:html基础" target="_blank">HTML1:html基础</a> <span class="text-muted">0cfjg0</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端技术</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML冯诺依曼体系结构运算器控制器存储器输入设备输出设备c/s(client客户端)客户端架构软件需要安装,更新麻烦,不跨平台b/s(browser浏览器)网页架构软件无需安装,无需更新,可跨平台浏览器浏览器内核:处理浏览器得到的各种资源网页:结构HTML(超文本标记语言)表现CSS行为JavaScript冲突的标签属性以先写的为主127.0.0.1:5500服务器地址HTML超文本标记语言ht</div> </li> <li><a href="/article/1770882642342903808.htm" title="Java基础知识总结（下）" target="_blank">Java基础知识总结（下）</a> <span class="text-muted">Yonagi833</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E7%BB%8Fand%E5%85%AB%E8%82%A1/1.htm">面经and八股</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>本文部分内容节选自JavaGuide,地址:https://javaguide.cn/java/basis/java-basic-questions-03.html基础（上）→基础（中）→基础（下）异常Java异常类层次图概览Exception和Error有什么区别？在Java中，所有的异常都有一个共同的祖先java.lang包中的Throwable类.Throwable类有两个重要的子类:Exc</div> </li> <li><a href="/article/1767356812262178816.htm" title="第1天：基础入门-操作系统&名词&文件下载&反弹Shell&防火墙绕过-小迪安全学习" target="_blank">第1天：基础入门-操作系统&名词&文件下载&反弹Shell&防火墙绕过-小迪安全学习</a> <span class="text-muted">慘綠青年627</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>名词概念前后端，POC/EXP，Payload/Shellcode，后门/Webshell，木马/病毒，反弹，回显，跳板，黑白盒测试，暴力破解，社会工程学，撞库，ATT&CK等https://www.cnblogs.com/sunny11/p/13583083.html基础案例1：操作系统-用途&命令&权限&用户&防火墙个人计算机&服务器用机Windows&Linux常见命令https://blo</div> </li> <li><a href="/article/1759904066001006592.htm" title="前端|Day1: HTML基础(黑马笔记)" target="_blank">前端|Day1: HTML基础(黑马笔记)</a> <span class="text-muted">Sunshine.King</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Day1：HTML基础目录Day1：HTML基础一、标签语法标签结构二、HTML骨架三、标签的关系四、注释五、标题标签六、段落标签七、换行和水平线八、文本格式化标签九、图像标签1.图像属性2.属性语法十、路径1.相对路径2.绝对路径十一、超链接标签十二、音频常用属性十三、视频常用属性十四、综合案例1.个人简介2.Vue简介一、标签语法HTML—超文本标记语言（HyperTextMarkupLang</div> </li> <li><a href="/article/1759708719647649792.htm" title="css和html基础" target="_blank">css和html基础</a> <span class="text-muted">一叶柒刺郎</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>⦁1.src属性是img的图片路径，alt属性是当图片丢失时显示的问题，也是img标签的，href则是标签的跳转路径，titil是鼠标放上后的显示对对对⦁html中定义的标签：https://www.w3cschool.cn/htmltags/html-reference.html⦁2.行内元素设置宽高不起作用，其宽度是内容的宽度，块级元素宽度默认是继承父级元素的宽度，高度是本身内容的高度（如文字</div> </li> <li><a href="/article/1759432882331398144.htm" title="个人简历补充" target="_blank">个人简历补充</a> <span class="text-muted">Xiaobaiforgod</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86%E8%A1%A5%E5%85%85/1.htm">个人简历补充</a><a class="tag" taget="_blank" href="/search/%E5%85%A8%E6%A0%88/1.htm">全栈</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91/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/%E8%AE%A1%E7%AE%97%E6%9C%BA/1.htm">计算机</a> <div>个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端（基础知识/开发能力/总结输出能力）：前端技术知识（含八股）总结-持续更新中Vue基础学习总结js基础学习总结CSS基础学习总结HTML基础学习总结后端（基础知识/开发能力/总结输出能力）：2</div> </li> <li><a href="/article/1757210445577469952.htm" title="html基础·input·多行文本·下拉菜单·div·span·css·选择器·伪类·选择器权" target="_blank">html基础·input·多行文本·下拉菜单·div·span·css·选择器·伪类·选择器权</a> <span class="text-muted">KIKIu</span> <div>用户名：密码：男女篮球确定成都重庆贵阳北京三和武侯区成华区金牛区高薪区锦江区海淀区丰台区/*这儿代码就是css代码*/#p1{color:blueviolet;}我是段落1我是段落2隔开作为一个选择器例如：div>p{}-选中div标中的p标签（p必须是div标签的子标签）7.通配符将*作为选择器，选中当前页面中所有的标签-->p{color:yellowgreen;}我是段落1head我是段落2</div> </li> <li><a href="/article/1757079370628874240.htm" title="HTML基础了解" target="_blank">HTML基础了解</a> <span class="text-muted">江湖竖子</span> <div>HTML（HyperTextMarkupLanguage，超文本标记语言）是用来定义网页结构的一种描述语言。——维基百科HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。首先，说明一下，搭建一个网站的过程中，要用到HTML、CSS、Javascript这三大块技术。HTML是构建网站当中缺一不可的一块。所以，很</div> </li> <li><a href="/article/1756835139825975296.htm" title="html基础" target="_blank">html基础</a> <span class="text-muted">m0_59519985</span> <a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>MDN官方文档MDNWebDocsVScode安装插件LiveServerAutoRenameTag自动格式化点击settings，然后输入format，然后勾选上FormatOnSavehtml文件结构文档结构html的所有标签为树形结构，例如： Web应用课第一讲标签HTML元素表示一个HTML文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。标签HTM</div> </li> <li><a href="/article/1756779836770107392.htm" title="2019-03-21" target="_blank">2019-03-21</a> <span class="text-muted">樊小勇</span> <div>web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用</div> </li> <li><a href="/article/1756734894089715712.htm" title="2019web前端学习路线，教你认识HTML" target="_blank">2019web前端学习路线，教你认识HTML</a> <span class="text-muted">强哥科技兴</span> <div>近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，</div> </li> <li><a href="/article/1756181196951273472.htm" title="HTML基础" target="_blank">HTML基础</a> <span class="text-muted">蘑菇plus</span> <div>HTML基础web基础web标准结构标准:HTML--决定网页上有什么东西(能够显示什么内容)表现标准:css--决定网页上内容的布局和显示方式行为标准:JavaScript(js)--决定网页上的动态的效果2.认识HTML超文本标记语言(可以用来标记文本，图片，视频，音频，flash，按钮，输入框等网页内容)HTML不是编程语言，不会编译执行，语法错误也不会报错导致程序不能往后运行。3.HTML</div> </li> <li><a href="/article/1755523790546157568.htm" title="html基础" target="_blank">html基础</a> <span class="text-muted">eftales</span> <div>html文档中的字符集字符引用&==&<=="=="标签em标签定义和用法em标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强调。尽管现在em标签修饰的内容都是用斜体字来显示，但这些内容也</div> </li> <li><a href="/article/1755430459795324928.htm" title="HTML基础" target="_blank">HTML基础</a> <span class="text-muted">(((φ(◎ロ◎;)φ)))牵丝戏安</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</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>HTML---超文本标记语言HTML即超文本标记语言，是一种用于创建网页的标准标记语言。HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签，HTML使用标签来描述网页。HTML文档包含了HTML标签及文本内容。可以使用HTML来建立自己的web站点，HTNL运行在浏览器上，由浏览器来解析。HTML实例注意：对于中文网页需要使用声明编码，否则会出现乱码。有些浏览器（如360浏览器）会</div> </li> <li><a href="/article/1755374893609795584.htm" title="前端html基础（包括dom，事件等）" target="_blank">前端html基础（包括dom，事件等）</a> <span class="text-muted">jack_rofer</span> <div>六。事件操作1.事件参考2.DOM的操作方法3.原生JS获取HTMLDOM元素的8种方法4.Javascript中的事件冒泡与事件捕获5.JS阻止冒泡和取消默认事件(默认行为)</div> </li> <li><a href="/article/1755251085691338752.htm" title="前端开发：（二）HTML基础" target="_blank">前端开发：（二）HTML基础</a> <span class="text-muted">星光闪闪k</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.介绍HTML1.1HTML的定义和作用HTML（HyperTextMarkupLanguage）是一种标记语言，用于创建和设计网页的结构和内容。它通过使用标签来描述文档的结构，使得浏览器能够正确地解释和显示页面。1.2HTML的发展历史HTML的发展可以追溯到1990年代初，随着互联网的发展，HTML逐渐演变为不同的版本。从HTML2.0到HTML5，每个版本都带来了新的特性和改进，以适应不断</div> </li> <li><a href="/article/1754658821759844352.htm" title="web前端从入门到精通" target="_blank">web前端从入门到精通</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/html/1.htm">html</a> <div>web前端从入门到精通HTML+CSS系列一、拨云见日如何创建.html文件--网页1.安装插件2.编辑器基本使用3.Chrome浏览器（市场份额最大）4.深入了解网站开发5.web三大核心技术6.HTML基础结构与属性7.HTML初始代码8.HTML注释9.HTML语义化10.标题(h)与段落(p)11.文本修饰标签12.图片标签和图片属性13.引入文件的地址路径14.跳转链接15.跳转锚点16</div> </li> <li><a href="/article/1754333091448504320.htm" title="HTML基础篇之meta标签" target="_blank">HTML基础篇之meta标签</a> <span class="text-muted">文翊</span> <a class="tag" taget="_blank" href="/search/HTML%E7%AF%87/1.htm">HTML篇</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/w3c/1.htm">w3c</a><a class="tag" taget="_blank" href="/search/meta/1.htm">meta</a> <div>Meta常见参数及其意义Meta的常用的标签有很多，这次把这些标签归类来看Meta基础属性和概念来自W3C的解释如下:Metadataisdata(information)aboutdata.ThetagprovidesmetadataabouttheHTMLdocument.Metadatawillnotbedisplayedonthepage,butwillbemachineparsable.</div> </li> <li><a href="/article/1754292607149686784.htm" title="HTML基础知识" target="_blank">HTML基础知识</a> <span class="text-muted">魔王哪吒</span> <div>HTML基础知识HTML的历史：HTML，XHTMLHTML的全局属性：全局标准属性，全局事件属性HTML的元素：imageimage标记语言，是一种将文本以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。HTML，为超文本标记语言。XHTML是可扩展超文本标记语言，是一种更纯洁，更严格，更规范的html代码。html文件由文件头和文件体两部分组成。标签的分类：双标</div> </li> <li><a href="/article/1754229947498512384.htm" title="HTML基础" target="_blank">HTML基础</a> <span class="text-muted">一只小松许捏</span> <a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>文章目录HTML基础标签结构HTML骨架标签的关系注释标题标签段落标签换行和水平线文本格式化标签图像标签图像属性属性语法路径相对路径绝对路径超链接标签音频视频HTML基础HTML的意思就是超文本标记语言（HyperTextMarkupLanguage），这里的超文本的意思就是多媒体内容，有文本、图片、音视频等内容，这里的标记就是使用代码的形式，使用尖括号的标签进行标记的意思，例如标签结构标签要成对</div> </li> <li><a href="/article/1754149821511385088.htm" title="2018-07-27" target="_blank">2018-07-27</a> <span class="text-muted">团子团子哟</span> <div>牵引力教育web程序员如何提高自身技能web程序员以其薪资待遇，就业选择方向多，大有发展前途，梦想成为web程序员的也越来越多，真正开始付诸行动学web的人也越来越多，但是在低端的程序员如何提升自身能力，争取更好的待遇呢？今天牵引力和大家分析下web程序员如何更好的提升自己。基础阶段：在打基础同时能参与到项目中去。掌握HMTL&XHTML基础知识、CSS基础知识、Java基础知识DOM、JSON、</div> </li> <li><a href="/article/1754136208822255616.htm" title="HTML基础" target="_blank">HTML基础</a> <span class="text-muted">Az_plus</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML基础目录HTML基础基础概念和语法标签注释``标题`h1-h6`段落`p`换行``格式化图片`img`超链接`a`表格`table`列表`ulli`、`olli`表单`form`基础概念和语法HTML结构由注释，根元素，头，主体以及其他部分组成Title你好标签注释注释信息不会作为代码执行helloworld结果：标题h1-h6这是h1这是h2这是h3这是h4这是h5这是h6结果：段落p你</div> </li> <li><a href="/article/1753961423127461888.htm" title="网页前端学习-03" target="_blank">网页前端学习-03</a> <span class="text-muted">Leoma_</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">前端学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这</div> </li> <li><a href="/article/1753373741401784320.htm" title="头歌--Web应用开发实验题" target="_blank">头歌--Web应用开发实验题</a> <span class="text-muted">魔莫摸墨</span> <a class="tag" taget="_blank" href="/search/web%E5%BA%94%E7%94%A8%E4%B8%8E%E5%BC%80%E5%8F%91/1.htm">web应用与开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</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> <div>目录一、实验一HTML基础HTML——表单类的标签第1关：表单元素——文本框第2关：表单元素——密码框第3关：表单元素——单选框第4关：表单元素——多选框第5关：表单元素——checked属性第6关：表单元素——disabled属性第7关：表单元素——label标签第8关：表单元素——下拉列表第9关：表单元素——文本域第10关：表单元素——提交按钮第11关：表单元素的综合案例HTML入门——基础第</div> </li> <li><a href="/article/1753329908160937984.htm" title="前端 table 导出excel表格方法" target="_blank">前端 table 导出excel表格方法</a> <span class="text-muted">其斤r</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E8%AE%B0%E5%BD%95/1.htm">小记录</a><a class="tag" taget="_blank" href="/search/Blob/1.htm">Blob</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>需求：获取后台数据，动态生成table后，导出excel表格，要求格式与table格式一致直接上代码：导出序号单元措施以上是html基础部分，调取后台接口获取数据后渲染tbody中的内容，通过newBlob()，导出excel表格：$("#export").click(()=>{//使用outerHTML属性获取整个table元素的HTML代码（包括标签），然后包装成一个完整的HTML文档，设置c</div> </li> <li><a href="/article/1753021789417521152.htm" title="Python OpenCV 图像的膨胀与腐蚀，图像处理取经之旅第 38 篇" target="_blank">Python OpenCV 图像的膨胀与腐蚀，图像处理取经之旅第 38 篇</a> <span class="text-muted">梦想橡皮擦</span> <div>PythonOpenCV365天学习计划，与橡皮擦一起进入图像领域吧。本篇博客是这个系列的第38篇。该系列文章导航参考：https://blog.csdn.net/hihell/category_10688961.html基础知识铺垫图像的腐蚀与膨胀是图像形态学运算的知识，形态学橡皮擦也是第一次接触到，寻找了一些简单的说明，基本含义是改变图像中物体的形状，一般在二值图中用来连接相邻的元素或分离成独</div> </li> <li><a href="/article/1752995733931311104.htm" title="HTML基础语法（二）" target="_blank">HTML基础语法（二）</a> <span class="text-muted">兔朱迪的万花筒</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>（接上文：HTML基础语法（一）-CSDN博客）3.2.5）表格标签一种布局，当数据需要以行列形式呈现时使用，看起来整齐（CSS为表格设置样式；CSS也有一些其他的常用布局）。：表格：行：单元格：表头单元格（默认加粗、居中）：行合并（竖长条是行合并）：列合并（横长条是列合并）应用举例：学号姓名年龄成绩1001小绿1990.52006303007小明18属性，推荐使用CSS设置背景颜色。-->3.2</div> </li> <li><a href="/article/96.htm" title="怎么样才能成为专业的程序员？" target="_blank">怎么样才能成为专业的程序员？</a> <span class="text-muted">cocos2d-x小菜</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div> 如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为</div> </li> <li><a href="/article/223.htm" title="java web开发高并发处理" target="_blank">java web开发高并发处理</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91/1.htm">开发</a><a class="tag" taget="_blank" href="/search/%E5%A4%84%E7%90%86/1.htm">处理</a><a class="tag" taget="_blank" href="/search/%E9%AB%98/1.htm">高</a> <div>java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据）一：高并发高负载类网站关注点之数据库没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（</div> </li> <li><a href="/article/350.htm" title="mysql批量更新" target="_blank">mysql批量更新</a> <span class="text-muted">ekian</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>mysql更新优化：一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。三千多条的更新，需要3分多钟。查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values</div> </li> <li><a href="/article/477.htm" title="微软BI（3）" target="_blank">微软BI（3）</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E8%BD%AFBI+SSIS/1.htm">微软BI SSIS</a> <div>1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是 </div> </li> <li><a href="/article/604.htm" title="Java中的List" target="_blank">Java中的List</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。与 set 不同，列表通常允许重复</div> </li> <li><a href="/article/731.htm" title="读书笔记" target="_blank">读书笔记</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a> <div> 1. K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策? 传统决策: A:100%订单 B,C,D:0% &nbs</div> </li> <li><a href="/article/858.htm" title="centos 安装 Codeblocks" target="_blank">centos 安装 Codeblocks</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/codeblocks/1.htm">codeblocks</a> <div>1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++ 2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK yum search w</div> </li> <li><a href="/article/985.htm" title="23种设计模式的形象比喻" target="_blank">23种设计模式的形象比喻</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：</div> </li> <li><a href="/article/1112.htm" title="开发管理 CheckLists" target="_blank">开发管理 CheckLists</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E7%AE%A1%E7%90%86+CheckLists/1.htm">开发管理 CheckLists</a> <div>开发管理 CheckLists(23) -使项目组度过完整的生命周期开发管理 CheckLists(22) -组织项目资源开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C</div> </li> <li><a href="/article/1239.htm" title="js实现切换" target="_blank">js实现切换</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/%E6%A0%8F%E7%9B%AE%E5%88%87%E6%8D%A2/1.htm">栏目切换</a> <div>js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示代码实现: html代码: <di</div> </li> <li><a href="/article/1366.htm" title="周鸿祎在360新员工入职培训上的讲话" target="_blank">周鸿祎在360新员工入职培训上的讲话</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%82%9F/1.htm">感悟</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E7%94%9F/1.htm">人生</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA/1.htm">职场</a> <div> 这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。 &</div> </li> <li><a href="/article/1493.htm" title="前端Web开发的页面效果" target="_blank">前端Web开发的页面效果</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Microsoft/1.htm">Microsoft</a> <div>1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标</div> </li> <li><a href="/article/1620.htm" title="【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC)" target="_blank">【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6/1.htm">垃圾回收</a> <div> CMS概述并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。 CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执</div> </li> <li><a href="/article/1747.htm" title="Struts2技术总结" target="_blank">Struts2技术总结</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a> <div> 必备jar文件早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar Apache旗下commons项目的log日志包 freemarker-*.jar </div> </li> <li><a href="/article/1874.htm" title="Jquery easyui layout应用注意事项" target="_blank">Jquery easyui layout应用注意事项</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/layout/1.htm">layout</a> <div>在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出</div> </li> <li><a href="/article/2001.htm" title="java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？" target="_blank">java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。假设原来链表为A1 -> A2 ->... -> An，新拷贝</div> </li> <li><a href="/article/2128.htm" title="color" target="_blank">color</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD>&nbs</div> </li> <li><a href="/article/2255.htm" title="[信息与战争]移动通讯与网络" target="_blank">[信息与战争]移动通讯与网络</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div> 两个坚持:手机的电池必须可以取下来光纤不能够入户,只能够到楼宇建议大家找这本书看看:<&</div> </li> <li><a href="/article/2382.htm" title="oracle flashback query(闪回查询)" target="_blank">oracle flashback query(闪回查询)</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/flashback+query/1.htm">flashback query</a><a class="tag" taget="_blank" href="/search/flashback+table/1.htm">flashback table</a> <div>在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas</div> </li> <li><a href="/article/2509.htm" title="zeus持久层DAO单元测试" target="_blank">zeus持久层DAO单元测试</a> <span class="text-muted">deng520159</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码 package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o</div> </li> <li><a href="/article/2636.htm" title="C语言学习三printf函数和scanf函数学习" target="_blank">C语言学习三printf函数和scanf函数学习</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/printf/1.htm">printf</a><a class="tag" taget="_blank" href="/search/scanf/1.htm">scanf</a><a class="tag" taget="_blank" href="/search/language/1.htm">language</a> <div>printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园功能：目的：测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf</div> </li> <li><a href="/article/2763.htm" title="那你为什么小时候不好好读书?" target="_blank">那你为什么小时候不好好读书?</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/life/1.htm">life</a> <div>dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you 爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿爸爸为什么上个月那个人来跟你讨钱, 你告诉他没</div> </li> <li><a href="/article/2890.htm" title="iptables开放端口" target="_blank">iptables开放端口</a> <span class="text-muted">Fanyucai</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/iptables/1.htm">iptables</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3/1.htm">端口</a> <div>1，找到配置文件 vi /etc/sysconfig/iptables 2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT 3，保存 ESC :wq! 4，重启服务 service iptables </div> </li> <li><a href="/article/3017.htm" title="Ehcache（05）——缓存的查询" target="_blank">Ehcache（05）——缓存的查询</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E8%AE%A1/1.htm">统计</a><a class="tag" taget="_blank" href="/search/query/1.htm">query</a> <div>缓存的查询目录 1. 使Cache可查询 1.1 基于Xml配置 1.2 基于代码的配置 2 指定可搜索的属性 2.1 可查询属性类型 2.2 &</div> </li> <li><a href="/article/3144.htm" title="通过hashset找到数组中重复的元素" target="_blank">通过hashset找到数组中重复的元素</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/hashset/1.htm">hashset</a> <div> 如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0</div> </li> <li><a href="/article/3271.htm" title="使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL" target="_blank">使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL</a> <span class="text-muted">lanrikey</span> <a class="tag" taget="_blank" href="/search/history/1.htm">history</a> <div>后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) { if (window.history && window.history.pushState) {</div> </li> <li><a href="/article/3398.htm" title="应用程序的通信成本" target="_blank">应用程序的通信成本</a> <span class="text-muted">netkiller.github.com</span> <a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E9%99%88%E6%99%AF%E5%B3%B0/1.htm">陈景峰</a><a class="tag" taget="_blank" href="/search/netkiller/1.htm">netkiller</a><a class="tag" taget="_blank" href="/search/neo/1.htm">neo</a> <div>应用程序的通信成本什么是通信一个程序中两个以上功能相互传递信号或数据叫做通信。什么是成本这是是指时间成本与空间成本。时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。都有哪些通信方式全局变量线程间通信共享内存共享文件管道 Socket 硬件（串口，USB）等等全局变量全局变量是成本最低通信方法，通过设置</div> </li> <li><a href="/article/3525.htm" title="一维数组与二维数组的声明与定义" target="_blank">一维数组与二维数组的声明与定义</a> <span class="text-muted">恋洁e生</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">一维数组</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E4%B9%89/1.htm">定义</a><a class="tag" taget="_blank" href="/search/%E5%A3%B0%E6%98%8E/1.htm">声明</a><a class="tag" taget="_blank" href="/search/%E5%88%9D%E5%A7%8B%E5%8C%96/1.htm">初始化</a> <div>/** * */ package test20111005; /** * @author FlyingFire * @date:2011-11-18 上午04:33:36 * @author ：代码整理 * @introduce :一维数组与二维数组的初始化 *summary： */ public c</div> </li> <li><a href="/article/3652.htm" title="Spring Mybatis独立事务配置" target="_blank">Spring Mybatis独立事务配置</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>在项目中有很多地方会使用到独立事务，下面以获取主键为例（1）修改配置文件spring-mybatis.xml  <tx:annotation-driven transaction-manager="transactionManager" /> &n</div> </li> <li><a href="/article/3779.htm" title="更新Anadroid SDK Tooks之后，Eclipse提示No update were found" target="_blank">更新Anadroid SDK Tooks之后，Eclipse提示No update were found</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>使用Android SDK Manager 更新了Anadroid SDK Tooks 之后，打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates 检测一会后提示 No update were found </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.  </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>