What is HTML HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications. Let's see what is meant by Hypertext Markup Language, and Web page. Hyper Text: HyperText simply means "Text within Text." A text has a link within it, is a hypertext. Whenever you click on a link which brings you to a new webpage, you have clicked on a hypertext. HyperText is a way to link two or more web pages (HTML documents) with each other. Markup language: A markup language is a computer language that is used to apply layout and formatting conventions to a text document. Markup language makes text more interactive and dynamic. It can turn text into images, tables, links, etc. Web Page: A web page is a document which is commonly written in HTML and translated by a web browser. A web page can be identified by entering an URL. A Web page can be of the static or dynamic type. With the help of HTML only, we can create static web pages. Hence, HTML is a markup language which is used for creating attractive web pages with the help of styling, and which looks in a nice format on a web browser. An HTML document is made of many HTML tags and each HTML tag contains different content. Let's see a simple example of HTML.
Test it Now
Description of HTML Example : It defines the document type or it instruct the browser about the version of HTML. :This tag informs the browser that it is an HTML document. Text between html tag describes the web document. It is a container for all other elements of HTML except : It should be the first element inside the element, which contains the metadata(information about the document). It must be closed before the body tag opens. :</strong> As its name suggested, it is used to add title of that HTML page which appears at the top of the browser window. It must be placed inside the head tag and should close immediately. (Optional)</p> <p><strong><body> </strong> : Text between body tag describes the body content of the page that is visible to the end user. This tag contains the main content of the HTML document.</p> <p><strong><h1></strong> : Text between <h1> tag describes the first level heading of the webpage.</p> <p><strong><p> </strong> : Text between <p> tag describes the paragraph of the webpage.</p>
<hr> <h2 class="h2">Brief History of HTML</h2> <p>In the late 1980's , a physicist, Tim Berners-Lee who was a contractor at CERN, proposed a system for CERN researchers. In 1989, he wrote a memo proposing an internet based hypertext system.</p> <p><strong>Tim Berners-Lee</strong> is known as the father of HTML. The first available description of HTML was a document called "HTML Tags" proposed by Tim in late 1991. The latest version of HTML is HTML5, which we will learn later in this tutorial.</p>
<hr> <h2 class="h2">HTML Versions</h2> <p>Since the time HTML was invented there are lots of HTML versions in market, the brief introduction about the HTML version is given below: </p> <p><strong>HTML 1.0:</strong> The first version of HTML was 1.0, which was the barebones version of HTML language, and it was released in1991. </p> <p><strong>HTML 2.0:</strong> This was the next version which was released in 1995, and it was standard language version for website design. HTML 2.0 was able to support extra features such as form-based file upload, form elements such as text box, option button, etc. </p> <p><strong>HTML 3.2:</strong> HTML 3.2 version was published by W3C in early 1997. This version was capable of creating tables and providing support for extra options for form elements. It can also support a web page with complex mathematical equations. It became an official standard for any browser till January 1997. Today it is practically supported by most of the browsers. </p> <p><strong>HTML 4.01:</strong> HTML 4.01 version was released on December 1999, and it is a very stable version of HTML language. This version is the current official standard, and it provides added support for stylesheets (CSS) and scripting ability for various multimedia elements. </p> <p><strong>HTML5 :</strong> HTML5 is the newest version of HyperText Markup language. The first draft of this version was announced in January 2008. There are two major organizations one is W3C (World Wide Web Consortium), and another one is WHATWG( Web Hypertext Application Technology Working Group) which are involved in the development of HTML 5 version, and still, it is under development.</p>
<hr> <h2 class="h2">Features of HTML</h2> <p>1) It is a very <strong>easy and simple language</strong>. It can be easily understood and modified.</p> <p>2) It is very easy to make an <strong>effective presentation</strong> with HTML because it has a lot of formatting tags.</p> <p>3) It is a <strong>markup language</strong>, so it provides a flexible way to design web pages along with the text.</p> <p>4) It facilitates programmers to add a <strong>link</strong> on the web pages (by html anchor tag), so it enhances the interest of browsing of the user.</p> <p>5) It is <strong>platform-independent</strong> because it can be displayed on any platform like Windows, Linux, and Macintosh, etc.</p> <p>6) It facilitates the programmer to add <strong>Graphics, Videos, and Sound</strong> to the web pages which makes it more attractive and interactive.</p> <p>7) HTML is a case-insensitive language, which means we can use tags either in lower-case or upper-case.</p> <h4 class="n">NOTE: It is recommended to write all tags in lower-case for consistency, readability, etc.</h4>
<div class="nexttopicdiv"> <span class="nexttopictext">Next Topic</span><span class="nexttopiclink"><a href="html-text-editors">HTML text Editors</a></span>
</div> <!-- link --> <br><br>
<div id="bottomnext"> <a style="float:left" class="next" href="html-tutorial">← prev</a> <a style="float:right" class="next" href="html-text-editors">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">What is HTML</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>
|