1. Home
  2. HTML MCQ
  • and
  • None of the above

    • Answer: (c)

    and

    Explanation: The

    tag in HTML is used to define the rows in the table. It can consist one or more ,

    HTML Multiple choice questions (MCQ's)

    1) HTML stands for -

    1. HighText Machine Language
    2. HyperText and links Markup Language
    3. HyperText Markup Language
    4. None of these

    Answer: (c) HyperText Markup Language

    Explanation: HTML is an acronym that stands for HyperText Markup Language, which is used for creating web pages and web applications.

    HyperText simply means "Text within Text." A text has a link within it, is a hypertext. A markup language is a computer language that is used to apply layout and formatting conventions to a text document.

    2) The correct sequence of HTML tags for starting a webpage is -

    1. Head, Title, HTML, body
    2. HTML, Body, Title, Head
    3. HTML, Head, Title, Body
    4. HTML, Head, Title, Body

    Answer: (d) HTML, Head, Title, Body

    Explanation: The correct sequence of HTML tags to start a webpage is html, head, title, and body.

    3) Which of the following element is responsible for making the text bold in HTML?

      2.  
     
      3.  
     
      4.  
     

      5.  
    
       
    
     
    
     
     
    Answer: (c) 
     
     
    Explanation: The  (bold tag) tag in HTML is used to display the written text in bold format.
     
    
     
    
     
    4) Which of the following tag is used for inserting the largest heading in HTML?
     
    
       
     
      2.  
     
      3.  
     
      4.  
     
      5.  
    
       
    
     
    
     
     
    Answer: (b) 
     
     
    Explanation: The 
     tag is used to insert the main heading or the highest level heading.
     
    
     
    
     
    5) Which of the following tag is used to insert a line-break in HTML?
     
    
       
     

      2.  
     
      3.  
     
      4.  
     
      5.  
    
       
    
     
    
     
     
    Answer: (a) 
     
     
    Explanation: The 
     tag in the HTML document is used to create a line break in a text. If we place the 
     tag in HTML code, then it works the same as pressing the enter key in a word processor.
     
    
     
    
     
    6) How to create an unordered list (a list with the list items in bullets) in HTML?
     
    
       
     
    		 and  
      and  
     
     
      
       
     
    
     
     
     head cells and  data cells to define a single row of HTML table.
     
     
    
     
    19) The 
     tag in HTML is used for -
     
    
       
     
    1. new line
      2.  
     
    2. vertical ruler
      3.  
     
    3. new paragraph
      4.  
     
    4. horizontal ruler
      5.  
    
       
    
     
    
     
     
    Answer: (d) horizontal ruler
     
     
    Explanation: The 
     tag is used to specify a paragraph-level thematic break in HTML document. It is called a horizontal rule and draws a horizontal line.
     
    
     
    
     
    20) Which of the following attribute is used to provide a unique name to an element?
     
    
       
     
    1. class
      2.  
     
    2. id
      3.  
     
    3. type
      4.  
     
    4. None of the above
      5.  
    
       
    
     
    
     
     
    Answer: (b) id
     
     
    Explanation: The id attribute is used to specify a unique id for an element of the HTML document. It allocates the unique identifier which can be used by the JavaScript and CSS to perform certain tasks.
     
    
     
    
     
    21) Which of the following HTML tag is used to display the text with scrolling effect?
     
    
       
     
    1.  
     
      3.  
     
      4.  
     
    4. None of the above
      5.  
       
    
       
    
       
     
      Answer: (a) 
       
     
      Explanation: The  tag is a non-standard HTML element that is used to scroll a text or image either horizontally or vertically. In simple words, we can say that it automatically scrolls the image or text in up, down, left, and right direction.
       
     
    
       
      22) Which of the following HTML tag is the special formatting tag?
       
    
         
     
        2.  
     
        3.  
     
        4.  
     
      4. None of the above
        5.  
    
         
    
       
    
       
     
      Answer: (c) 
       
     
      Explanation: The HTML 
       tag is used to specify pre-formatted texts. Texts within 
      …
       tag is displayed in a fixed-width font. Usually, it is displayed in courier font. It maintains both line break space.
       
    
       
    
       
      23) Which of the following is the correct way to send mail in HTML?
       
    
         
     
        2.  
     
        3.  
     
        4.  
     
      4. None of the above
        5.  
    
         
    
       
           
    
       
      24) Which of the following is the container for 
    , and  ?
     
    
       
     
      2.  
     
    4. All of the above
      5.  
     
      Answer: (b) 
       
      
      
       
     
    
      Explanation: The 
       
     
       tag in HTML, is generally used to display data in tabular format. We can create a table to display the data in the tabular form using the 
       element, with the help of , 
      , and  elements.
       
     
    
       
      25) How to insert a background image in HTML?
       
    
         
     
      1.  
     
        3.  
     
        4.  
     
      4. None of the above
        5.  
    
         
    
       
    
       
     
      Answer: (a) 
       
     
      Explanation: To apply a background image on entire document, we have to specify the background attribute in the  of the HTML document.
       
    
       
    
       
      26) What are the types of unordered or bulleted list in HTML?
       
    
         
     
      1. disc, square, triangle
        2.  
     
      2. polygon, triangle, circle
        3.  
     
      3. disc, circle, square
        4.  
     
      4. All of the above
        5.  
    
         
    
       
    
       
     
      Answer: (c) disc, circle, square
       
     
      Explanation: The unordered or bulleted list in HTML is used to display the elements in a bulleted format. Mainly, there are three types of an unordered list: disc, circle, and square.
       
    
       
    
       
      27) Which of the following is the correct way to create a list using the lowercase letters?
       
    
         
     
        1.  
     
          1.  
     
            1.  
     
            1. None of the above
              2.  
    
               
    
             
    
             
     
            Answer: (b) 
               
     
              Explanation: The type attribute is used with the 
                 tag to specify the type of list items.
                 
    
             
    
             
            28) Which of the following is the correct way to start an ordered list with the count of numeric value 4?
             
    
               
     
              1.  
     
                1.  
     
                  1.  
     
                    1.  
    
                       
    
                     
    
                     
     
                    Answer: (d) 
                       
     
                      Explanation: The start attribute is used with the 
                         tag to specify where to start the list items.
                         
    
                     
    
                     
                    29) Which of the following HTML attribute is used to define inline styles?
                     
    
                       
     
                    1. style
                      2.  
     
                    2. type
                      3.  
     
                    3. class
                      4.  
     
                    4. None of the above
                      5.  
    
                       
    
                     
    
                     
     
                    Answer: (a) style
                     
     
                    Explanation: The style attribute in HTML is used to change the style of existing HTML elements. It can be used with any HTML tag. To apply the style on the HTML tag, you should have the basic knowledge of CSS properties.
                     
    
                     
    
                     
                    30) Which of the following is the paragraph tag in HTML?
                     
    
                       
     
                      2.  
     
                      3.  
     
                      4.  
     
                    4. None of the above
                      5.  
    
                       
    
                     
    
                     
     
                    Answer: (a) 
                     
     
                    Explanation: The 
                     (paragraph tag) tag in HTML is used to define a paragraph in a webpage. The HTML 
                     tag indicates the starting of new paragraph.
                     
    
                     
    
                     
                    31) An HTML program is saved by using the ____ extension.
                     
    
                       
     
                    1. .ht
                      2.  
     
                    2. .html
                      3.  
     
                    3. .hml
                      4.  
     
                    4. None of the above
                      5.  
    
                       
    
                     
    
                     
     
                    Answer: (b) .html
                     
     
                    Explanation: The .html or .htm extension both are used to save the HTML program. We can save our HTML file either by using the .html extension or by .htm extension. When the file delivered to the network, the HTML extension indicates that the content of file is HTML.
                     
    
                     
    
                     
                    32) A program in HTML can be rendered and read by - 
                     
    
                       
     
                    1. Web browser
                      2.  
     
                    2. Server
                      3.  
     
                    3. Interpreter
                      4.  
     
                    4. None of the above
                      5.  
    
                       
    
                     
    
                     
     
                    Answer: (a) Web browser
                     
     
                    Explanation: HTML programs can be read and rendered by the web browser. A web browser can support several web pages. 
                     
    
                     
    
                     
                    33) The tags in HTML are -
                     
    
                       
     
                    1. case-sensitive
                      2.  
     
                    2. in upper case
                      3.  
     
                    3. not case sensitive
                      4.  
     
                    4. in lowercase
                      5.  
    
                       
    
                     
    
                     
     
                    Answer: (c) not case sensitive
                     
     
                    Explanation: HTML is a case-insensitive language, which means we can use tags either in the upper-case or in lower-case. It is recommended to write all tags in the lowercase for readability, consistency, etc.
                     
    
                     
    
                     
                    34) Which of the following is the root tag of the HTML document?
                     
    
                       
     
                    1.  
     
                    2.  
     
                    3. </li> 
     <li><html></li> 
    </ol> <button class="showanswer" onclick="showhide(34)"><span id="btntext34">Show Answer</span></button> <button class="workspace" onclick="showworkspace(34)"><span id="btntext34">Workspace</span></button> 
    <div id="workspace34"></div> 
    <div class="testanswer" id="answer34"> 
     <p><strong>Answer:</strong> (d) <html></p> 
     <p><strong>Explanation:</strong> The <html> tag represents the root of an HTML document, hence also called as the root element. It is a container of all elements (except !Doctype) such as <head>, <body> and each element which appears in the HTML document.</p> 
    </div> 
    <hr> <p class="pq">35) In HTML5, which of the following tag is used to initialize the document type? </p> 
    <ol class="pointsa"> 
     <li><Doctype HTML></li> 
     <li><\Doctype html></li> 
     <li><Doctype></li> 
     <li><!DOCTYPE html></li> 
    </ol> <button class="showanswer" onclick="showhide(35)"><span id="btntext35">Show Answer</span></button> <button class="workspace" onclick="showworkspace(35)"><span id="btntext35">Workspace</span></button> 
    <div id="workspace35"></div> 
    <div class="testanswer" id="answer35"> 
     <p><strong>Answer:</strong> (d) <!DOCTYPE html></p> 
     <p><strong>Explanation:</strong> The <!DOCTYPE html> tag is used to inform the browser about the version of HTML used in the document. It is called as the document type declaration (DTD).</p> 
    </div> 
    <hr> <p class="pq">36) Which of the following tag is used to create a combo box (or drop-down box)?</p> 
    <ol class="pointsa"> 
     <li><list></li> 
     <li><select></li> 
     <li><input type = "dropdown"></li> 
     <li><ul></li> 
    </ol> <button class="showanswer" onclick="showhide(36)"><span id="btntext36">Show Answer</span></button> <button class="workspace" onclick="showworkspace(36)"><span id="btntext36">Workspace</span></button> 
    <div id="workspace36"></div> 
    <div class="testanswer" id="answer36"> 
     <p><strong>Answer:</strong> (b) <select></p> 
     <p><strong>Explanation:</strong> HTML <select> tag is used to create a drop down list with multiple options. The <option> element is nested within the <select> tag to define options in a list.</p> 
    </div> 
    <hr> <p class="pq">37) Which of the following are the attributes of the </p>
    <form>
      tag?
     <p></p> 
     <ol class="pointsa"> 
      <li>method</li> 
      <li>action</li> 
      <li>Both (a) & (b)</li> 
      <li>None of the above</li> 
     </ol> <button class="showanswer" onclick="showhide(37)"><span id="btntext37">Show Answer</span></button> <button class="workspace" onclick="showworkspace(37)"><span id="btntext37">Workspace</span></button> 
     <div id="workspace37"></div> 
     <div class="testanswer" id="answer37"> 
      <p><strong>Answer:</strong> (c) Both (a) & (b)</p> 
      <p><strong>Explanation:</strong> The <form> tag creates the HTML form for taking the input from the user. Both <strong>method</strong> and <strong>action</strong> are attributes of the <strong><form></strong> tag. The <strong>action</strong> attribute specifies where the form data is sent when the form is submitted, and the <strong>method</strong> attribute specifies the HTTP method (GET & POST) when sending the form data.</p> 
     </div> 
     <hr> 
     <p class="pq">38) Which is the correct way to comment out something in HTML?</p> 
     <ol class="pointsa"> 
      <li>Using ## and #</li> 
      <li>Using <!-- and --></li> 
      <li>Using </-- and -/-></li> 
      <li>Using <!-- and -!></li> 
     </ol> <button class="showanswer" onclick="showhide(38)"><span id="btntext38">Show Answer</span></button> <button class="workspace" onclick="showworkspace(38)"><span id="btntext38">Workspace</span></button> 
     <div id="workspace38"></div> 
     <div class="testanswer" id="answer38"> 
      <p><strong>Answer:</strong> (b) Using <!-- and --></p> 
      <p><strong>Explanation:</strong> To comment out something in HTML, we have to place the information between the <strong><!—</strong>and <strong>--></strong> tags. Comments are some text or code which provides an explanation about the code and not visible to the user. It increases the readability of code and makes the code easy to understand.</p> 
     </div> 
     <hr> 
     <p class="pq">39) Which HTML tag is used to display the power in expression, i.e., (x<sup>2 </sup>- y<sup>2</sup>)?</p> 
     <ol class="pointsa"> 
      <li><sup></li> 
      <li><sub></li> 
      <li><p></li> 
      <li>None of the above</li> 
     </ol> <button class="showanswer" onclick="showhide(39)"><span id="btntext39">Show Answer</span></button> <button class="workspace" onclick="showworkspace(39)"><span id="btntext39">Workspace</span></button> 
     <div id="workspace39"></div> 
     <div class="testanswer" id="answer39"> 
      <p><strong>Answer:</strong> (a) <sup></p> 
      <p><strong>Explanation:</strong> HTML <sup> tag is termed as a superscript tag, which is used to define the superscript text. The text within <sup> tag appears with an upper baseline and renders with a smaller size than the surrounding text.</p> 
     </div> 
     <hr> 
     <p class="pq">40) Which of the following is the correct way to change the font face in HTML?</p> 
     <ol class="pointsa"> 
      <li><font name = "Calibri"> ……… </font></li> 
      <li><font face = "Calibri"> ……… </font></li> 
      <li><font = "Calibri"> ……… </font></li> 
      <li>None of the above</li> 
     </ol> <button class="showanswer" onclick="showhide(40)"><span id="btntext40">Show Answer</span></button> <button class="workspace" onclick="showworkspace(40)"><span id="btntext40">Workspace</span></button> 
     <div id="workspace40"></div> 
     <div class="testanswer" id="answer40"> 
      <p><strong>Answer:</strong> (b) <font face = "Calibri"> …….. </font></p> 
      <p><strong>Explanation:</strong> HTML <font> tag defines the font style for the text contained within it. The <strong>face</strong> attribute of the <font> tag is used to define the face of text in an HTML document.</p> 
     </div> 
     <hr> 
     <div class="nexttopicdiv"> <span class="nexttopictext">Next Topic</span><span class="nexttopiclink"><a href="html-tutorial">HTML Tutorial</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-tutorial">next →</a> 
     </div> 
     <br>
     <br> 
    </form></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 MCQ</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 = true;
					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>