HTML tag (Not supported in HTML5)</h1> <p>HTML <noframes> tag is used to contain an alternative text to display if the browser does not support the <frame> content. It will only work, if the browser does not support the frame else, it will be ignored by the browser. </p> <p>The <noframes> tag should be used within <frameset> element. </p> <h4 class="n">Note: Do not use <noframes> as it is deprecated and currently not supported by HTML5.</h4> <h3 class="h3">Syntax</h3> <div class="codeblock"> <textarea name="code" class="html"> <noframes>........

Following are some specifications about the HTML tag</strong></p> <table class="alt table table-bordered"> <tbody> <tr> <td><strong>Display</strong></td> <td><strong>Block</strong></td> </tr> <tr> <td><strong>Start tag/End tag</strong></td> <td>Both Start and End tag</td> </tr> <tr> <td><strong>Usage</strong></td> <td>With Frames</td> </tr> </tbody> </table> <h3 class="h3">Example</h3> <div class="codeblock"> <textarea name="code" class="html"> <!DOCTYPE html> <html> <head> <title>Noframe tag</title> </head> <frameset cols="50%,50%"> <frame src="https://www.w3cschoool.com/html-table"> <frame src="https://www.w3cschoool.com/css-table"> <noframes>Sorry! Your browser does not support frames. Test it Now

Attribute:

Tag-specific attributes:

The tag does not contain any specific attribute in HTML. </p> <h3 class="h3">Global attribute:</h3> <p>The <noframes> tag only supports the global attributes in HTML.</p> <h3 class="h3">Event attribute:</h3> <p></p> <h2 class="h3">Supporting Browsers</h2> <table class="alt table table-bordered"> <tbody> <tr> <td><strong>Element</strong></td> <td><img src="/public/file/HTML/chrome_browser.png" alt="chrome browser"> Chrome</td> <td><img src="/public/file/HTML/ie_browser.png" alt="ie browser"> IE</td> <td><img src="/public/file/HTML/firefox_browser.png" alt="firefox browser"> Firefox</td> <td><img src="/public/file/HTML/opera_browser.png" alt="opera browser"> Opera</td> <td><img src="/public/file/HTML/safari_browser.png" alt="safari browser"> Safari</td> </tr> <tr> <td><strong><noframes></strong></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> </tbody> </table> <div class="nexttopicdiv"> <span class="nexttopictext">Next Topic</span><span class="nexttopiclink"><a href="html-noscript-tag">HTML noscript Tag</a></span> </div> <!-- link --> <br><br> <div id="bottomnext"> <a style="float:left" class="next" href="html-nav-tag">← prev</a> <a style="float:right" class="next" href="html-noscript-tag">next →</a> </div> <br><br> </td> </tr> </tbody> </table> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="ads-fiexd-right"> <div class="ads-right-336-280" align="center" style="margin: 0 auto;margin-bottom: 30px;"> <!-- W3C-336-280 --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-6403051492345147" data-ad-slot="3004449312"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="ads-right-336-280" align="center" style="margin: 0 auto;margin-bottom: 30px;"> <!-- W3C-336-280 --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-6403051492345147" data-ad-slot="3004449312"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="ads-right-336-280" align="center" style="margin: 0 auto;margin-bottom: 30px;"> <!-- W3C-336-280 --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-6403051492345147" data-ad-slot="3004449312"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="detail-right"> <div class="box first"> <h4>Hot Tutorials</h4> <!-- <ul> <li><a href="/vue.js-tutorial">Vue Tutorial</a></li> <li><a href="/what-is-java">Java Tutorial</a></li> <li><a href="/javascript-introduction">Javascript Tutorial</a></li> <li><a href="/vue.js-tutorial">Vue.JS</a></li> <li><a href="/introduction-to-css">CSS Tutorial</a></li> <li><a href="/introduction-to-html">Html5 Tutorial</a></li> <li><a href="/python-tutorial">Python Tutorial</a></li> <li><a href="/mysql-tutorial">Mysql Tutorial</a></li> <li><a href="/reactjs-tutorial">ReactJS Tutorial</a></li> <div class="clear"></div> </ul> --> <div class="tabs-panel"> <div class="tutorial-project" id="popular"> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/python-tutorial" title="Python Tutorial"> <div class="fl cover"><img src="/public/img/cover_python3.png" alt="Python Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Python tutorial</h4> <p class="double-ellipsis info-des">Python tutorial provides basic and advanced concepts of Python.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/vue.js-tutorial" title="Vue.js Tutorial"> <div class="fl cover"><img src="/public/img/vue-js-home.png" alt="Vue.js Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Vue.js Tutorial</h4> <p class="double-ellipsis info-des">Vue.js is an open-source progressive JavaScript framework</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/introduction-to-html" title="HTML Tutorial"> <div class="fl cover"><img src="/public/img/cover_html.png" alt="HTML Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">HTML Tutorial</h4> <p class="double-ellipsis info-des">HTML refers to Hypertext Markup Language. HTML is the gateway ...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-java" title="Java Tutorial"> <div class="fl cover"><img src="/public/img/cover_java.png" alt="Java Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Java Tutorial</h4> <p class="double-ellipsis info-des">Java is an object-oriented, class-based computer-programming language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/php-tutorial" title="PHP Tutorial"> <div class="fl cover"><img src="/public/img/cover_php.png" alt="PHP Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">PHP Tutorial</h4> <p class="double-ellipsis info-des">PHP is an open-source,interpreted scripting language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-spring" title="Spring Tutorial"> <div class="fl cover"><img src="/public/img/springhome.png" alt="Spring Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spring Tutorial</h4> <p class="double-ellipsis info-des">Spring is a lightweight framework.Spring framework makes ...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/javascript-introduction" title="JavaScript Tutorial"> <div class="fl cover"><img src="/public/img/cover_javascript.png" alt="JavaScript Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">JavaScript Tutorial</h4> <p class="double-ellipsis info-des">JavaScript is an scripting language which is lightweight and cross-platform.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/introduction-to-css" title="CSS Tutorial"> <div class="fl cover"><img src="/public/img/cover_css.png" alt="CSS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">CSS Tutorial</h4> <p class="double-ellipsis info-des">CSS refers to Cascading Style Sheets...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/jquery-introduction" title="jQuery Tutorial"> <div class="fl cover"><img src="/public/img/cover_jquery.png" alt="jQuery Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">jQuery Tutorial</h4> <p class="double-ellipsis info-des">jQuery is a small and lightweight JavaScript library. jQuery ...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-sql" title="SQL Tutorial"> <div class="fl cover"><img src="/public/img/cover_sql.png" alt="SQL Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">SQL Tutorial</h4> <p class="double-ellipsis info-des">SQL is used to perform operations on the records stored in the database.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-c-language" title="C Tutorial"> <div class="fl cover"><img src="/public/img/cover_c.png" alt="C Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">C Tutorial</h4> <p class="double-ellipsis info-des">C programming is considered as the base for other programming languages.</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="html"> <h3 class="project-name">HTML/CSS</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/introduction-to-html" title="HTML Tutorial"> <div class="fl cover"><img src="/public/img/cover_html.png" alt="HTML Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">HTML Tutorial</h4> <p class="double-ellipsis info-des">HTML refers to Hypertext Markup Language. HTML is the gateway ...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/html5-tutorial" title="HTML5 Tutorial"> <div class="fl cover"><img src="/public/img/cover_html5.png" alt="HTML5 Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">HTML5 Tutorial</h4> <p class="double-ellipsis info-des">HTML 5 is the next generation of HTML. HTML5 is still in perfection...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/introduction-to-css" title="CSS Tutorial"> <div class="fl cover"><img src="/public/img/cover_css.png" alt="CSS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">CSS Tutorial</h4> <p class="double-ellipsis info-des">CSS refers to Cascading Style Sheets...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/bootstrap-introduction" title="Bootstrap Tutorial"> <div class="fl cover"><img src="/public/img/cover_bootstrap.png" alt="Bootstrap Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Bootstrap Tutorial</h4> <p class="double-ellipsis info-des">Bootstrap is the popular HTML, CSS and JavaScript framework.</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="javascript"> <h3 class="project-name">JavaScript</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/javascript-introduction" title="JavaScript Tutorial"> <div class="fl cover"><img src="/public/img/cover_javascript.png" alt="JavaScript Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">JavaScript Tutorial</h4> <p class="double-ellipsis info-des">JavaScript is an scripting language which is lightweight and cross-platform.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/vue.js-tutorial" title="Vue.js Tutorial"> <div class="fl cover"><img src="/public/img/vue-js-home.png" alt="Vue.js Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Vue.js Tutorial</h4> <p class="double-ellipsis info-des">Vue.js is an open-source progressive JavaScript framework</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/reactjs-tutorial" title="ReactJS Tutorial"> <div class="fl cover"><img src="/public/img/cover_react.png" alt="ReactJS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">ReactJS Tutorial</h4> <p class="double-ellipsis info-des">ReactJS is a declarative, efficient, and flexible JavaScript library.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/jquery-introduction" title="jQuery Tutorial"> <div class="fl cover"><img src="/public/img/cover_jquery.png" alt="jQuery Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">jQuery Tutorial</h4> <p class="double-ellipsis info-des">jQuery is a small and lightweight JavaScript library. jQuery ...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/node.js-tutorial" title="Node.js Tutorial"> <div class="fl cover"><img src="/public/img/cover_nodejs.png" alt="Node.js Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Node.js Tutorial</h4> <p class="double-ellipsis info-des">Node.js is a cross-platform environment and library for running JavaScript app...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/typescript-tutorial" title="TypeScript Tutorial"> <div class="fl cover"><img src="/public/img/cover_typescript.png" alt="TypeScript Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">TypeScript Tutorial</h4> <p class="double-ellipsis info-des">TypeScript is a strongly typed superset of JavaScript which compiles to plain JavaScript.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/angularjs-tutorial" title="AngularJS Tutorial"> <div class="fl cover"><img src="/public/img/cover_angularjs.png" alt="AngularJS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">AngularJS Tutorial</h4> <p class="double-ellipsis info-des">Angular JS is an open source JavaScript framework by Google to build web app...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/introduction-to-json" title="JSON Tutorial"> <div class="fl cover"><img src="/public/img/cover_json.png" alt="JSON Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">JSON Tutorial</h4> <p class="double-ellipsis info-des">JSON is lightweight data-interchange format.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-ajax?" title="Ajax Tutorial"> <div class="fl cover"><img src="/public/img/cover_ajax.png" alt="Ajax Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Ajax Tutorial</h4> <p class="double-ellipsis info-des">AJAX is an acronym for Asynchronous JavaScript and XML.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/es6-tutorial" title="ES6 Tutorial"> <div class="fl cover"><img src="/public/img/cover_escript6.png" alt="ES6 Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">ES6 Tutorial</h4> <p class="double-ellipsis info-des">ES6 or ECMAScript 6 is a scripting language specification ...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/angular-7-tutorial" title="Angular 7 Tutorial"> <div class="fl cover"><img src="/public/img/angular-7-home.png" alt="Angular 7 Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Angular 7 Tutorial</h4> <p class="double-ellipsis info-des">Angular 7 is completely based on components.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/jq-ui-tutorial" title="jQuery UI Tutorial"> <div class="fl cover"><img src="/public/img/cover_jqueryui.png" alt="jQuery UI Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">jQuery UI Tutorial</h4> <p class="double-ellipsis info-des">jQuery UI is a set of user interface interactions built on jQuery...</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="backend"> <h3 class="project-name">Backend language</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/python-tutorial" title="Python Tutorial"> <div class="fl cover"><img src="/public/img/cover_python3.png" alt="Python Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Python tutorial</h4> <p class="double-ellipsis info-des">Python tutorial provides basic and advanced concepts of Python.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-java" title="Java Tutorial"> <div class="fl cover"><img src="/public/img/cover_java.png" alt="Java Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Java Tutorial</h4> <p class="double-ellipsis info-des">Java is an object-oriented, class-based computer-programming language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/node.js-tutorial" title="Node.js Tutorial"> <div class="fl cover"><img src="/public/img/cover_nodejs.png" alt="Node.js Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Node.js Tutorial</h4> <p class="double-ellipsis info-des">Node.js is a cross-platform environment and library for running JavaScript app...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/php-tutorial" title="PHP Tutorial"> <div class="fl cover"><img src="/public/img/cover_php.png" alt="PHP Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">PHP Tutorial</h4> <p class="double-ellipsis info-des">PHP is an open-source,interpreted scripting language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/go-tutorial" title="Go Tutorial"> <div class="fl cover"><img src="/public/img/cover_go.png" alt="Go Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Go Tutorial</h4> <p class="double-ellipsis info-des">Go is a programming language which is developed by Google...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-c-language" title="C Tutorial"> <div class="fl cover"><img src="/public/img/cover_c.png" alt="C Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">C Tutorial</h4> <p class="double-ellipsis info-des">C programming is considered as the base for other programming languages.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/c++-tutorial" title="C++ Tutorial"> <div class="fl cover"><img src="/public/img/cover_cpp.png" alt="C++ Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">C++ Tutorial</h4> <p class="double-ellipsis info-des">C++ is an object-oriented programming language. It is an extension to C programming.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-c-language" title="C# Tutorial"> <div class="fl cover"><img src="/public/img/cover_csharp.png" alt="C# Tutorial width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">C# Tutorial</h4> <p class="double-ellipsis info-des">C# is a programming language of .Net Framework.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/ruby-tutorial" title="Ruby Tutorial"> <div class="fl cover"><img src="/public/img/cover_ruby.png" alt="Ruby Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Ruby Tutorial</h4> <p class="double-ellipsis info-des">Ruby is an open-source and fully object-oriented programming language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/life-cycle-of-jsp" title="JSP Tutorial"> <div class="fl cover"><img src="/public/img/cover_jsp.png" alt="JSP Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">JSP Tutorial</h4> <p class="double-ellipsis info-des">JSP technology is used to create web application just like Servlet technology.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/jstl-tutorial" title="JSTL Tutorial"> <div class="fl cover"><img src="/public/img/jstlhome.png" alt="JSTL Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">JSTL Tutorial</h4> <p class="double-ellipsis info-des">The JSTL represents a set of tags to simplify the JSP development.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/asp-.net-tutorial" title="ASP.NET Tutorial"> <div class="fl cover"><img src="/public/img/cover_aspnet.png" alt="ASP.NET Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">ASP.NET Tutorial</h4> <p class="double-ellipsis info-des">ASP.NET is a web framework designed and developed by Microsoft.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/perl-tutorial" title="Perl Tutorial"> <div class="fl cover"><img src="/public/img/cover_perl.png" alt="Perl Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Perl Tutorial</h4> <p class="double-ellipsis info-des">Perl is a cross-platform environment and library for running JavaScript...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/scala-tutorial" title="Scala Tutorial"> <div class="fl cover"><img src="/public/img/cover_scala.png" alt="Scala Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Scala Tutorial</h4> <p class="double-ellipsis info-des">Scala is an object-oriented and functional programming language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/vba-tutorial" title="VBA Tutorial"> <div class="fl cover"><img src="/public/img/vba-home.png" alt="VBA Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">VBA Tutorial</h4> <p class="double-ellipsis info-des">VBA stands for Visual Basic for Applications.</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="development"> <h3 class="project-name">Development Framework</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-spring" title="Spring Tutorial"> <div class="fl cover"><img src="/public/img/springhome.png" alt="Spring Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spring Tutorial</h4> <p class="double-ellipsis info-des">Spring is a lightweight framework.Spring framework makes ...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/spring-boot-tutorial" title="Spring Boot Tutorial"> <div class="fl cover"><img src="/public/img/spring-boot-home.jpg" alt="Spring Boot Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spring Boot Tutorial</h4> <p class="double-ellipsis info-des">Spring Boot is a Spring module that provides the RAD feature...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/django-tutorial" title="Django Tutorial"> <div class="fl cover"><img src="/public/img/cover_django.png" alt="Django Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Django Tutorial</h4> <p class="double-ellipsis info-des">Django is a Web Application Framework which is used to develop web applications.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-servlet" title="Servlet Tutorial"> <div class="fl cover"><img src="/public/img/cover_servlet.png" alt="Servlet 教程" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Servlet Tutorial</h4> <p class="double-ellipsis info-des">Servlet technology is robust and scalable because of java language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-struts" title="Struts 2 Tutorial"> <div class="fl cover"><img src="/public/img/cover_struts_2.png" alt="Struts 2 Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Struts 2 Tutorial</h4> <p class="double-ellipsis info-des">The Struts 2 framework is used to develop MVC based web applications.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/hb-introduction" title="Hibernate Tutorial"> <div class="fl cover"><img src="/public/img/hibernatehome.png" alt="Hibernate Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Hibernate Tutorial</h4> <p class="double-ellipsis info-des">Hibernate is an open source, lightweight, ORM tool.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/apache-solr-tutorial" title="Solr Tutorial"> <div class="fl cover"><img src="/public/img/apache-solr-home.png" alt="Solr Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Solr Tutorial</h4> <p class="double-ellipsis info-des">Solr is a scalable, ready-to-deploy enterprise search engine.</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="database"> <h3 class="project-name">Database</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-sql" title="SQL Tutorial"> <div class="fl cover"><img src="/public/img/cover_sql.png" alt="SQL Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">SQL Tutorial</h4> <p class="double-ellipsis info-des">SQL is used to perform operations on the records stored in the database.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/mysql-tutorial" title="MySQL Tutorial"> <div class="fl cover"><img src="/public/img/cover_mysql.png" alt="MySQL Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">MySQL Tutorial</h4> <p class="double-ellipsis info-des">MySQL is a relational database management system based...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/oracle-tutorial" title="Oracle Tutorial"> <div class="fl cover"><img src="/public/img/oracle_logo.png" alt="Oracle Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Oracle Tutorial</h4> <p class="double-ellipsis info-des">Oracle is a relational database management system.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/sql-server-tutorials" title="SQL Server Tutorial"> <div class="fl cover"><img src="/public/img/sql-server-home.jpg" alt="SQL Server Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">SQL Server Tutorial</h4> <p class="double-ellipsis info-des">SQL Server is software developed by Microsoft.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/postgresql-tutorial" title="PostgreSQL Tutorial"> <div class="fl cover"><img src="/public/img/postgre-logo.png" alt="PostgreSQL Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">PostgreSQL Tutorial</h4> <p class="double-ellipsis info-des">PostgreSQL is an ORDBMS.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/db2-tutorial" title="DB2 Tutorial"> <div class="fl cover"><img src="/public/img/db2-home.png" alt="DB2 Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">DB2 Tutorial</h4> <p class="double-ellipsis info-des">DB2 is a database server developed by IBM.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/redis-tutorial" title="Redis Tutorial"> <div class="fl cover"><img src="/public/img/cover_redis.png" alt="Redis 教程" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Redis Tutorial</h4> <p class="double-ellipsis info-des">Redis is a No SQL database which works on the concept of key-value pair.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/sqlite-tutorial" title="SQLite 教程"> <div class="fl cover"><img src="/public/img/cover_sqlite.png" alt="SQLite Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">SQLite Tutorial</h4> <p class="double-ellipsis info-des">SQLite is embedded relational database management system.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/mongodb-tutorial" title="MongoDB Tutorial"> <div class="fl cover"><img src="/public/img/cover_mongodb.png" alt="MongoDB Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">MongoDB Tutorial</h4> <p class="double-ellipsis info-des">MongoDB is a No SQL database. It is an document-oriented database...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/memcached-tutorial" title="Memcached Tutorial"> <div class="fl cover"><img src="/public/img/cover_memcached.png" alt="Memcached Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Memcached Tutorial</h4> <p class="double-ellipsis info-des">Memcached is a free, distributed memory object caching system.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/hb-introduction" title="Hibernate Tutorial"> <div class="fl cover"><img src="/public/img/hibernatehome.png" alt="Hibernate Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Hibernate Tutorial</h4> <p class="double-ellipsis info-des">Hibernate is an open source, lightweight, ORM tool.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/pl/sql-tutorial" title="PL/SQL Tutorial"> <div class="fl cover"><img src="/public/img/plsql.png" alt="PL/SQL Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">PL/SQL Tutorial</h4> <p class="double-ellipsis info-des">PL/SQL is a block structured language that can have multiple blocks in it.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/dbms-tutorial" title="DBMS Tutorial"> <div class="fl cover"><img src="/public/img/dbms-home.jpg" alt="DBMS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">DBMS Tutorial</h4> <p class="double-ellipsis info-des">DBMS Tutorial is software that is used to manage the database.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/" title="Spark Tutorial"> <div class="fl cover"><img src="/public/img/cover_spark.png" alt="Spark Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spark Tutorial</h4> <p class="double-ellipsis info-des">Spark is a unified analytics engine for large-scale data processing...</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="mobile-development"> <h3 class="project-name">Mobile development</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/android-introduction" title="Android Tutorial"> <div class="fl cover"><img src="/public/img/cover_android.png" alt="Android Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Android Tutorial</h4> <p class="double-ellipsis info-des">Android contains a linux-based Operating System...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/ios-development-using-swift" title="IOS Tutorial"> <div class="fl cover"><img src="/public/img/cover_ios.png" alt="IOS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">IOS Tutorial</h4> <p class="double-ellipsis info-des">It is a mobile operating system developed by Apple Inc.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/reactjs-tutorial" title="ReactJS Tutorial"> <div class="fl cover"><img src="/public/img/cover_react.png" alt="ReactJS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">ReactJS Tutorial</h4> <p class="double-ellipsis info-des">ReactJS is a declarative, efficient, and flexible JavaScript library.</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="server-related"> <h3 class="project-name">Server related</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/linux-tutorial" title="Linux Tutorial"> <div class="fl cover"><img src="/public/img/cover_linux.png" alt="Linux Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Linux Tutorial</h4> <p class="double-ellipsis info-des">Linux is an open-source operating system.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/docker-tutorial" title="Docker Tutorial"> <div class="fl cover"><img src="/public/img/cover_docker.png" alt="Docker Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Docker Tutorial</h4> <p class="double-ellipsis info-des">Docker is a centralized platform for packaging, deploying, and running...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/kubernetes-tutorial" title="Kubernetes Tutorial"> <div class="fl cover"><img src="/public/img/kubernetes-home.png" alt="Kubernetes Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Kubernetes Tutorial</h4> <p class="double-ellipsis info-des">Kubernetes is also known as 'k8s'.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/nginx-tutorial" title="Nginx Tutorial"> <div class="fl cover"><img src="/public/img/cover_nginx.png" alt="Nginx Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Nginx Tutorial</h4> <p class="double-ellipsis info-des">Nginx is an open source, lightweight and high-performance web server.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/shell-scripting" title="Shell Scripting Tutorial"> <div class="fl cover"><img src="/public/img/cover_shellbook.png" alt="Shell Scripting Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Shell Scripting Tutorial</h4> <p class="double-ellipsis info-des">Shell Scripting is an open-source operating system.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/web-service-tutorial" title="Web Services Tutorial"> <div class="fl cover"><img src="/public/img/cover_webservices.png" alt="Web Services Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Web Services Tutorial</h4> <p class="double-ellipsis info-des">Web service is a technology to communicate one programming...</p> </div> </a> </li> </ul> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="tutorial-project" id="development-tools"> <h3 class="project-name">Development tools</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/intellij-idea-tutorial" title="IntelliJ IDEA Tutorial"> <div class="fl cover"><img src="/public/img/intellij-idea-home.png" alt="IntelliJ IDEA Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">IntelliJ IDEA Tutorial</h4> <p class="double-ellipsis info-des">IntelliJ IDEA is an IDE for Java Developers which is developed by...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/git-tutorial" title="Git Tutorial"> <div class="fl cover"><img src="/public/img/cover_git.png" alt="Git Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Git Tutorial</h4> <p class="double-ellipsis info-des">Git is a modern and widely used distributed version control system in the world.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/github-tutorial" title="GitHub Tutorial"> <div class="fl cover"><img src="/public/img/github-home.png" alt="GitHub Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">GitHub Tutorial</h4> <p class="double-ellipsis info-des">GitHub is an immense platform for code hosting.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/svn-tutorial" title="SVN Tutorial"> <div class="fl cover"><img src="/public/img/cover_svn.png" alt="SVN Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">SVN Tutorial</h4> <p class="double-ellipsis info-des">SVN is an open-source centralized version control system.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/what-is-maven" title="Maven Tutorial"> <div class="fl cover"><img src="/public/img/cover_maven.png" alt="Maven Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Maven Tutorial</h4> <p class="double-ellipsis info-des">Maven is a powerful project management tool that is based on POM.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/jsoup-introduction" title="Jsoup Tutorial"> <div class="fl cover"><img src="/public/img/cover_java.png" alt="Jsoup Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Jsoup Tutorial</h4> <p class="double-ellipsis info-des">Jsoup is a java html parser.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/uml-tutorial" title="UML Tutorial"> <div class="fl cover"><img src="/public/img/uml-home.png" alt="UML Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">UML Tutorial</h4> <p class="double-ellipsis info-des">UML is a general-purpose, graphical modeling language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/restful-web-services-tutorial" title="RESTful Tutorial"> <div class="fl cover"><img src="/public/img/restful-home.png" alt="RESTful Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">RESTful Tutorial</h4> <p class="double-ellipsis info-des">RESTful Web Services are REST Architecture based Web Services.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/postman-tutorial" title="Postman Tutorial"> <div class="fl cover"><img src="/public/img/postman-home.png" alt="Postman Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Postman Tutorial</h4> <p class="double-ellipsis info-des">Postman is one testing tools which is used for API testing.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/jmeter-tutorial" title="JMeter Tutorial"> <div class="fl cover"><img src="/public/img/jmeter-home.png" alt="JMeter Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">JMeter Tutorial</h4> <p class="double-ellipsis info-des">JMeter is to analyze the performance of web application.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/jenkins-tutorial" title="Jenkins Tutorial"> <div class="fl cover"><img src="/public/img/jenkins-home.png" alt="Jenkins Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Jenkins Tutorial</h4> <p class="double-ellipsis info-des">Jenkins builds and tests our software projects.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/seo-tutorial" title="SEO Tutorial"> <div class="fl cover"><img src="/public/img/seo-home.jpg" alt="SEO Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">SEO Tutorial</h4> <p class="double-ellipsis info-des">SEO stands for Search Engine Optimization.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/matlab-tutorial" title="MATLAB Tutorial"> <div class="fl cover"><img src="/public/img/matlab-home.png" alt="MATLAB Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">MATLAB Tutorial</h4> <p class="double-ellipsis info-des">MATLAB is a software package for mathematical computation, visualization...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/unity-tutorial" title="Unity Tutorial"> <div class="fl cover"><img src="/public/img/unity-home.png" alt="Unity Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Unity Tutorial</h4> <p class="double-ellipsis info-des">Unity is an engine for creating games on multiple platforms.</p> </div> </a> </li> </ul> </div> <div class="tutorial-project" id="big-data"> <h3 class="project-name">Big Data</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/hadoop-tutorial" title="Hadoop Tutorial"> <div class="fl cover"><img src="/public/img/cover_hadoop.png" alt="Hadoop Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Hadoop Tutorial</h4> <p class="double-ellipsis info-des">Hadoop is an open source framework.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/" title="Pig Tutorial"> <div class="fl cover"><img src="/public/img/cover_apache_pig.png" alt="Pig Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Pig Tutorial</h4> <p class="double-ellipsis info-des">Pig is a high-level data flow platform for executing Map Reduce programs of Hadoop.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/" title="Spark Tutorial"> <div class="fl cover"><img src="/public/img/cover_spark.png" alt="Spark Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spark Tutorial</h4> <p class="double-ellipsis info-des">Spark is a unified analytics engine for large-scale data processing...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/spring-cloud-tutorial" title="Spring Cloud Tutorial"> <div class="fl cover"><img src="/public/img/spring-cloud-home.png" alt="Spring Cloud Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spring Cloud Tutorial</h4> <p class="double-ellipsis info-des">Spring Cloud is a framework for building robust cloud applications.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/spring-boot-tutorial" title="Spring Boot Tutorial"> <div class="fl cover"><img src="/public/img/spring-boot-home.jpg" alt="Spring Boot Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spring Boot Tutorial</h4> <p class="double-ellipsis info-des">Spring Boot is a Spring module that provides the RAD feature...</p> </div> </a> </li> </ul> </div> <div class="tutorial-project" id="xml"> <h3 class="project-name">XML Tutorial</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/xml-introduction" title="XML Tutorial"> <div class="fl cover"><img src="/public/img/xml-home.png" alt="XML Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">XML Tutorial</h4> <p class="double-ellipsis info-des">XML refers to Extensible Markup Language.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/xml-introduction" title="XPath Tutorial"> <div class="fl cover"><img src="/public/img/what-is-xpath1.png" alt="XPath Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">XPath Tutorial</h4> <p class="double-ellipsis info-des">XPath is a component of XSLT standard provided by W3C.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/" title="XSLT Tutorial"> <div class="fl cover"><img src="/public/img/xslt-tutorial.png" alt="XSLT Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">XSLT Tutorial</h4> <p class="double-ellipsis info-des">XSLT is for Transformation of XML document to other formats.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/" title="XQuery Tutorial"> <div class="fl cover"><img src="/public/img/xquery.png" alt="XQuery Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">XQuery Tutorial</h4> <p class="double-ellipsis info-des">XQuery is a functional query language which is built on XPath expressions.</p> </div> </a> </li> </ul> </div> <div class="tutorial-project" id="trending-technologies"> <h3 class="project-name">Trending Technologies</h3> <ul class="clearfix project-list"> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/ai-tutorial" title="AI Tutorial"> <div class="fl cover"><img src="/public/img/ai-home.png" alt="AI Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">AI Tutorial</h4> <p class="double-ellipsis info-des">AI is one of the fascinating and universal fields of Computer.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/cloud-computing" title="Cloud Tutorial"> <div class="fl cover"><img src="/public/img/cloudhome.png" alt="Cloud Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Cloud Tutorial</h4> <p class="double-ellipsis info-des">Cloud computing is a virtualization-based technology.</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/aws-tutorial" title="AWS Tutorial"> <div class="fl cover"><img src="/public/img/aws-home.png" alt="AWS Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">AWS Tutorial</h4> <p class="double-ellipsis info-des">AWS stands for Amazon Web Services which uses distributed IT...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/microsoft-azure-tutorial" title="Microsoft Azure Tutorial"> <div class="fl cover"><img src="/public/img/microsoft-azure-home.png" alt="Microsoft Azure Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Microsoft Azure Tutorial</h4> <p class="double-ellipsis info-des">Microsoft Azure is a cloud computing platform...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/iot-tutorial" title="IoT Tutorial"> <div class="fl cover"><img src="/public/img/iot-home.png" alt="IoT Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">IoT Tutorial</h4> <p class="double-ellipsis info-des">IoT stands for Internet of Things...</p> </div> </a> </li> <li class="fl project-list-item-wrap"> <a class="clearfix project-list-item" href="/spring-cloud-tutorial" title="Spring Cloud Tutorial"> <div class="fl cover"><img src="/public/img/spring-cloud-home.png" alt="Spring Cloud Tutorial" width="64" height="64" /></div> <div class="info"> <h4 class="single-ellipsis info-title">Spring Cloud Tutorial</h4> <p class="double-ellipsis info-des">Spring Cloud is a framework for building robust cloud applications.</p> </div> </a> </li> </ul> </div> </div> </div> <div class="box"> <!-- w3c 300*600 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-6403051492345147" data-ad-slot="7907806494"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="box"> <h4>Contact US</h4> <p>Email:jjw.quan@gmail.com</p> </div> </div> </div> <div class="fix-bottom"> <div class="top"> <div class="left"> <a class="bot-prev" href="#"> <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> </a> <span class="title">HTML noframes Tag</span> </div> <div class="right"> 10/30 <a class="bot-next" href="#"> <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> </a> </div> </div> <div class="bottom"> <ul> <li> <a href="/"> <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> Home </a> </li> <li> <a class="bot-prev" href="#"> <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Prev </a> </li> <li> <a class="bot-next" href="#"> <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span> Next </a> </li> </ul> </div> </div> </div> <script> window.onload = function() { var ajax = new XMLHttpRequest(); var ref = document.referrer; var referrer = ref ? ref.split('//')[1].split('/')[0].replace(/\./g, '-') : 'other'; ajax.open('get', '/analysis?referrer=' + referrer); ajax.send(); }; $(function() { const strIns = `<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6403051492345147" data-ad-slot="8259160287" data-ad-format="auto" data-full-width-responsive="true"></ins>`; $('h2').append(strIns); // prev let prevLink = $('#bottomnextup .next:eq(1)').attr('href'); $('.fix-bottom .bot-prev').attr('href',prevLink); // next let nextLink = $('#bottomnextup .next:eq(0)').attr('href'); $('.fix-bottom .bot-next').attr('href',nextLink); console.log('prev:',prevLink); console.log('next:',nextLink); if(sessionStorage.getItem('sessionFlag') == null){ var flag = false; sessionStorage.setItem('sessionFlag',flag); }else{ sessionStorage.setItem('sessionFlag',false); } }) window.onscroll = function() { let sessionFlag = sessionStorage.getItem('sessionFlag'); if (document.documentElement.scrollTop >= 300 && sessionFlag == 'true' && 1==1 && window.location.pathname.indexOf('/tutorial') ==-1) { window.location.href = '/tutorial'+ window.location.pathname }else if (document.documentElement.scrollTop >= 300 && sessionFlag == 'true' && 1==2 && window.location.pathname.indexOf('/tutorial') !=-1) { window.location.href = '/'+window.location.pathname.split('/')[1] } }; </script> </body> </html>