What are the different elements of HTML?

The different elements of HTML are:

1. Headings: These are used to define the headings of a document or section. Example:

This is a Heading

2. Paragraphs: These are used to define a paragraph in a document. Example:

This is a paragraph.

3. Links: These are used to link to other webpages or documents. Example: This is a link.

4. Images: These are used to add images to a webpage. Example: Image

5. Lists: These are used to create lists of items. Example:

  • Item 1
  • Item 2
  • Item 3

6. Tables: These are used to create tables of data. Example:

Header 1 Header 2
Row 1, Column 1 Row 1, Column 2
Row 2, Column 1 Row 2, Column 2

7. Forms: These are used to create forms to collect user input. Example:

What are the main differences between HTML and XHTML?

HTML:
• HTML stands for HyperText Markup Language and is the standard markup language for creating web pages.
• HTML is not case sensitive, meaning that it does not require the use of uppercase or lowercase letters.
• HTML elements are written using tags, which are enclosed in angle brackets.
• HTML is a static language, meaning that the code does not change when the page is rendered.

Example:

My Web Page

Welcome to my Web Page!

This is my first web page.

XHTML:
• XHTML stands for eXtensible HyperText Markup Language and is a stricter version of HTML.
• XHTML is case sensitive, meaning that it requires the use of uppercase or lowercase letters.
• XHTML elements must be written using tags, which are enclosed in angle brackets.
• XHTML is a dynamic language, meaning that the code can change when the page is rendered.

Example:

My Web Page

Welcome to my Web Page!

This is my first web page.

What are the different versions of HTML?

The different versions of HTML are as follows:

1. HTML 4.01: This is the fourth version of HTML and is a widely used standard. It includes features such as support for cascading style sheets, multimedia, scripting languages, and a variety of document types. Example:

2. XHTML 1.0: This is the fifth version of HTML and is a reformulation of HTML 4.01 as an XML 1.0 application. It is more restrictive than HTML 4.01 and requires all elements to be closed. Example:

3. HTML5: This is the sixth version of HTML and is the latest version. It includes features such as native support for multimedia, canvas elements, and support for local storage. Example:

What are the different types of lists in HTML?

1. Unordered List: An unordered list is a list of items that are not ordered in any particular way. Each list item is marked with a bullet or other symbol.

Example:

  • Apple
  • Banana
  • Orange

2. Ordered List: An ordered list is a list of items that are numbered or alphabetized. Each list item is marked with a number or letter.

Example:

  1. First item
  2. Second item
  3. Third item

3. Description List: A description list is a list of terms, with a description or definition of each term. Each list item consists of a term and a description.

Example:

Apple
A round, red fruit.
Banana
A long, yellow fruit.
Orange
A round, orange fruit.

How do you create hyperlinks in HTML?

To create a hyperlink in HTML, you can use the tag. The tag stands for anchor and is used to create a link to another page.

The syntax for creating a hyperlink in HTML is:

Link Text

Where URL is the address of the page you want to link to and Link Text is the text that will be displayed on the page as the link.

For example:

Example Site

This will create a link to the page https://www.example.com with the text “Example Site” displayed as the link.

What are the different types of HTML tags?

1. Block-level tags: These tags create large blocks of content, such as paragraphs, headings, and divisions. Examples include

,

, and

.

2. Inline tags: These tags create small pieces of content, such as text, images, and links. Examples include , , and .

3. Container tags: These tags contain both block-level and inline elements. Examples include

    ,

      , and

      .

      4. Metadata tags: These tags provide information about the HTML document, such as the document type, character set, and language. Examples include , , and .</p> </article> </div> <!-- // bs-posts-sec block_6 --> </div> <div class="col-md-12 text-center d-md-flex justify-content-between"> <nav class="navigation pagination" aria-label="Posts"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links"><a class="prev page-numbers" href="https://interviewpatch.com/tag/html/"><i class="fa fa-angle-left"></i></a> <a class="page-numbers" href="https://interviewpatch.com/tag/html/">1</a> <span aria-current="page" class="page-numbers current">2</span> <a class="page-numbers" href="https://interviewpatch.com/tag/html/page/3/">3</a> <a class="next page-numbers" href="https://interviewpatch.com/tag/html/page/3/"><i class="fa fa-angle-right"></i></a></div> </nav> <div class="navigation"><p><a href="https://interviewpatch.com/tag/html/" >« Previous Page</a> — <a href="https://interviewpatch.com/tag/html/page/3/" >Next Page »</a></p></div> </div> </div> </div> </div> <!--/col-lg-8--> <!--col-lg-4--> <aside class="col-lg-4"> <div id="sidebar-right" class="bs-sidebar bs-sticky "> <div id="block-2" class="bs-widget widget_block widget_search"><form role="search" method="get" action="https://interviewpatch.com/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"><label for="wp-block-search__input-1" class="wp-block-search__label" >Search</label><div class="wp-block-search__inside-wrapper " ><input type="search" id="wp-block-search__input-1" class="wp-block-search__input" name="s" value="" placeholder="" required /><button type="submit" class="wp-block-search__button wp-element-button" >Search</button></div></form></div><div id="block-3" class="bs-widget widget_block"> <div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"> <h2 class="wp-block-heading">Recent Posts</h2> <ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://interviewpatch.com/2023/05/31/what-is-the-syntax-to-create-a-table-in-mysql/">What is the syntax to create a table in MySQL?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://interviewpatch.com/2023/05/31/how-do-you-delete-a-database-in-mysql/">How do you delete a database in MySQL?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://interviewpatch.com/2023/05/31/what-do-you-understand-by-normalization-in-mysql/">What do you understand by normalization in MySQL?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://interviewpatch.com/2023/05/31/how-can-i-deploy-applications-on-microsoft-azure/">How can I deploy applications on Microsoft Azure?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://interviewpatch.com/2023/05/31/what-are-the-different-pricing-options-available-for-microsoft-azure/">What are the different pricing options available for Microsoft Azure?</a></li> </ul></div></div> </div><div id="block-4" class="bs-widget widget_block"> <div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"> <h2 class="wp-block-heading">Recent Comments</h2> <div class="no-comments wp-block-latest-comments">No comments to show.</div></div></div> </div><div id="block-5" class="bs-widget widget_block"> <div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"> <h2 class="wp-block-heading">Archives</h2> <ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://interviewpatch.com/2023/05/'>May 2023</a></li> </ul></div></div> </div><div id="block-6" class="bs-widget widget_block"> <div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"> <h2 class="wp-block-heading">Tags</h2> <p class="wp-block-tag-cloud"><a href="https://interviewpatch.com/tag/advantages/" class="tag-cloud-link tag-link-187 tag-link-position-1" style="font-size: 10.767441860465pt;" aria-label="#Advantages (45 items)">#Advantages</a> <a href="https://interviewpatch.com/tag/ai/" class="tag-cloud-link tag-link-206 tag-link-position-2" style="font-size: 13.53488372093pt;" aria-label="#AI (67 items)">#AI</a> <a href="https://interviewpatch.com/tag/appdevelopment/" class="tag-cloud-link tag-link-435 tag-link-position-3" style="font-size: 8.8139534883721pt;" aria-label="#AppDevelopment (34 items)">#AppDevelopment</a> <a href="https://interviewpatch.com/tag/automation/" class="tag-cloud-link tag-link-205 tag-link-position-4" style="font-size: 15pt;" aria-label="#Automation (83 items)">#Automation</a> <a href="https://interviewpatch.com/tag/bigdata/" class="tag-cloud-link tag-link-210 tag-link-position-5" style="font-size: 9.953488372093pt;" aria-label="#BigData (40 items)">#BigData</a> <a href="https://interviewpatch.com/tag/bitcoin/" class="tag-cloud-link tag-link-246 tag-link-position-6" style="font-size: 8pt;" aria-label="#Bitcoin (30 items)">#Bitcoin</a> <a href="https://interviewpatch.com/tag/blockchain/" class="tag-cloud-link tag-link-243 tag-link-position-7" style="font-size: 13.53488372093pt;" aria-label="#Blockchain (66 items)">#Blockchain</a> <a href="https://interviewpatch.com/tag/cloudcomputing/" class="tag-cloud-link tag-link-292 tag-link-position-8" style="font-size: 15.162790697674pt;" aria-label="#CloudComputing (84 items)">#CloudComputing</a> <a href="https://interviewpatch.com/tag/coding/" class="tag-cloud-link tag-link-352 tag-link-position-9" style="font-size: 14.674418604651pt;" aria-label="#Coding (78 items)">#Coding</a> <a href="https://interviewpatch.com/tag/configurationmanagement/" class="tag-cloud-link tag-link-402 tag-link-position-10" style="font-size: 10.767441860465pt;" aria-label="#ConfigurationManagement (45 items)">#ConfigurationManagement</a> <a href="https://interviewpatch.com/tag/crypto/" class="tag-cloud-link tag-link-249 tag-link-position-11" style="font-size: 9.3023255813953pt;" aria-label="#Crypto (36 items)">#Crypto</a> <a href="https://interviewpatch.com/tag/cryptocurrency/" class="tag-cloud-link tag-link-244 tag-link-position-12" style="font-size: 13.53488372093pt;" aria-label="#Cryptocurrency (67 items)">#Cryptocurrency</a> <a href="https://interviewpatch.com/tag/cybersecurity/" class="tag-cloud-link tag-link-316 tag-link-position-13" style="font-size: 14.186046511628pt;" aria-label="#CyberSecurity (73 items)">#CyberSecurity</a> <a href="https://interviewpatch.com/tag/dataanalysis/" class="tag-cloud-link tag-link-202 tag-link-position-14" style="font-size: 11.744186046512pt;" aria-label="#DataAnalysis (51 items)">#DataAnalysis</a> <a href="https://interviewpatch.com/tag/dataanalytics/" class="tag-cloud-link tag-link-173 tag-link-position-15" style="font-size: 8.4883720930233pt;" aria-label="#DataAnalytics (32 items)">#DataAnalytics</a> <a href="https://interviewpatch.com/tag/database/" class="tag-cloud-link tag-link-183 tag-link-position-16" style="font-size: 15pt;" aria-label="#Database (83 items)">#Database</a> <a href="https://interviewpatch.com/tag/datamanagement/" class="tag-cloud-link tag-link-188 tag-link-position-17" style="font-size: 10.93023255814pt;" aria-label="#DataManagement (46 items)">#DataManagement</a> <a href="https://interviewpatch.com/tag/datascience/" class="tag-cloud-link tag-link-211 tag-link-position-18" style="font-size: 14.674418604651pt;" aria-label="#DataScience (79 items)">#DataScience</a> <a href="https://interviewpatch.com/tag/datasecurity/" class="tag-cloud-link tag-link-230 tag-link-position-19" style="font-size: 12.395348837209pt;" aria-label="#DataSecurity (57 items)">#DataSecurity</a> <a href="https://interviewpatch.com/tag/datastorage/" class="tag-cloud-link tag-link-184 tag-link-position-20" style="font-size: 10.441860465116pt;" aria-label="#DataStorage (43 items)">#DataStorage</a> <a href="https://interviewpatch.com/tag/devops/" class="tag-cloud-link tag-link-403 tag-link-position-21" style="font-size: 15.976744186047pt;" aria-label="#DevOps (95 items)">#DevOps</a> <a href="https://interviewpatch.com/tag/difference/" class="tag-cloud-link tag-link-373 tag-link-position-22" style="font-size: 12.395348837209pt;" aria-label="#Difference (56 items)">#Difference</a> <a href="https://interviewpatch.com/tag/diy/" class="tag-cloud-link tag-link-159 tag-link-position-23" style="font-size: 8.6511627906977pt;" aria-label="#DIY (33 items)">#DIY</a> <a href="https://interviewpatch.com/tag/encryption/" class="tag-cloud-link tag-link-992 tag-link-position-24" style="font-size: 8.3255813953488pt;" aria-label="#Encryption (31 items)">#Encryption</a> <a href="https://interviewpatch.com/tag/ethereum/" class="tag-cloud-link tag-link-252 tag-link-position-25" style="font-size: 10.116279069767pt;" aria-label="#Ethereum (41 items)">#Ethereum</a> <a href="https://interviewpatch.com/tag/html/" class="tag-cloud-link tag-link-938 tag-link-position-26" style="font-size: 8pt;" aria-label="#HTML (30 items)">#HTML</a> <a href="https://interviewpatch.com/tag/iosdevelopment/" class="tag-cloud-link tag-link-433 tag-link-position-27" style="font-size: 9.3023255813953pt;" aria-label="#iOSDevelopment (36 items)">#iOSDevelopment</a> <a href="https://interviewpatch.com/tag/iot/" class="tag-cloud-link tag-link-165 tag-link-position-28" style="font-size: 15pt;" aria-label="#IoT (83 items)">#IoT</a> <a href="https://interviewpatch.com/tag/java/" class="tag-cloud-link tag-link-594 tag-link-position-29" style="font-size: 8pt;" aria-label="#Java (30 items)">#Java</a> <a href="https://interviewpatch.com/tag/javascript/" class="tag-cloud-link tag-link-346 tag-link-position-30" style="font-size: 15.976744186047pt;" aria-label="#JavaScript (95 items)">#JavaScript</a> <a href="https://interviewpatch.com/tag/machinelearning/" class="tag-cloud-link tag-link-225 tag-link-position-31" style="font-size: 13.046511627907pt;" aria-label="#MachineLearning (62 items)">#MachineLearning</a> <a href="https://interviewpatch.com/tag/mobiledevelopment/" class="tag-cloud-link tag-link-425 tag-link-position-32" style="font-size: 9.1395348837209pt;" aria-label="#MobileDevelopment (35 items)">#MobileDevelopment</a> <a href="https://interviewpatch.com/tag/networksecurity/" class="tag-cloud-link tag-link-745 tag-link-position-33" style="font-size: 8.4883720930233pt;" aria-label="#NetworkSecurity (32 items)">#NetworkSecurity</a> <a href="https://interviewpatch.com/tag/nodejs/" class="tag-cloud-link tag-link-698 tag-link-position-34" style="font-size: 11.418604651163pt;" aria-label="#NodeJS (49 items)">#NodeJS</a> <a href="https://interviewpatch.com/tag/nosql/" class="tag-cloud-link tag-link-581 tag-link-position-35" style="font-size: 8.4883720930233pt;" aria-label="#NoSQL (32 items)">#NoSQL</a> <a href="https://interviewpatch.com/tag/programming/" class="tag-cloud-link tag-link-160 tag-link-position-36" style="font-size: 22pt;" aria-label="#Programming (224 items)">#Programming</a> <a href="https://interviewpatch.com/tag/python/" class="tag-cloud-link tag-link-985 tag-link-position-37" style="font-size: 9.953488372093pt;" aria-label="#Python (40 items)">#Python</a> <a href="https://interviewpatch.com/tag/security/" class="tag-cloud-link tag-link-263 tag-link-position-38" style="font-size: 10.604651162791pt;" aria-label="#Security (44 items)">#Security</a> <a href="https://interviewpatch.com/tag/smartcontracts/" class="tag-cloud-link tag-link-248 tag-link-position-39" style="font-size: 9.4651162790698pt;" aria-label="#SmartContracts (37 items)">#SmartContracts</a> <a href="https://interviewpatch.com/tag/softwaredevelopment/" class="tag-cloud-link tag-link-450 tag-link-position-40" style="font-size: 11.255813953488pt;" aria-label="#SoftwareDevelopment (48 items)">#SoftwareDevelopment</a> <a href="https://interviewpatch.com/tag/sql/" class="tag-cloud-link tag-link-186 tag-link-position-41" style="font-size: 13.697674418605pt;" aria-label="#SQL (68 items)">#SQL</a> <a href="https://interviewpatch.com/tag/tech/" class="tag-cloud-link tag-link-166 tag-link-position-42" style="font-size: 8.8139534883721pt;" aria-label="#Tech (34 items)">#Tech</a> <a href="https://interviewpatch.com/tag/vr/" class="tag-cloud-link tag-link-770 tag-link-position-43" style="font-size: 8pt;" aria-label="#VR (30 items)">#VR</a> <a href="https://interviewpatch.com/tag/webdesign/" class="tag-cloud-link tag-link-1029 tag-link-position-44" style="font-size: 9.953488372093pt;" aria-label="#WebDesign (40 items)">#WebDesign</a> <a href="https://interviewpatch.com/tag/webdevelopment/" class="tag-cloud-link tag-link-357 tag-link-position-45" style="font-size: 20.697674418605pt;" aria-label="#WebDevelopment (186 items)">#WebDevelopment</a></p></div></div> </div> </div> </aside> <!--/col-lg-4--> </div> <!--/row--> </div> <!--/container--> </main> <!--==================== Missed ====================--> <div class="missed"> <div class="container"> <div class="row"> <div class="col-12"> <div class="wd-back"> <div class="bs-widget-title"> <h2 class="title">You Missed</h2> </div> <div class="row"> <div class="col-md-6 col-lg-3"> <div class="bs-blog-post three md back-img bshre mb-lg-0" "> <a class="link-div" href="https://interviewpatch.com/2023/05/31/what-is-the-syntax-to-create-a-table-in-mysql/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/database-management/" alt="View all posts in Database Management"> Database Management </a><a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/database-management/mysql/" alt="View all posts in MySQL"> MySQL </a> </div> <h4 class="title sm mb-0"> <a href="https://interviewpatch.com/2023/05/31/what-is-the-syntax-to-create-a-table-in-mysql/" title="Permalink to: What is the syntax to create a table in MySQL?"> What is the syntax to create a table in MySQL?</a> </h4> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="bs-blog-post three md back-img bshre mb-lg-0" "> <a class="link-div" href="https://interviewpatch.com/2023/05/31/how-do-you-delete-a-database-in-mysql/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/database-management/" alt="View all posts in Database Management"> Database Management </a><a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/database-management/mysql/" alt="View all posts in MySQL"> MySQL </a> </div> <h4 class="title sm mb-0"> <a href="https://interviewpatch.com/2023/05/31/how-do-you-delete-a-database-in-mysql/" title="Permalink to: How do you delete a database in MySQL?"> How do you delete a database in MySQL?</a> </h4> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="bs-blog-post three md back-img bshre mb-lg-0" "> <a class="link-div" href="https://interviewpatch.com/2023/05/31/what-do-you-understand-by-normalization-in-mysql/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/database-management/" alt="View all posts in Database Management"> Database Management </a><a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/database-management/mysql/" alt="View all posts in MySQL"> MySQL </a> </div> <h4 class="title sm mb-0"> <a href="https://interviewpatch.com/2023/05/31/what-do-you-understand-by-normalization-in-mysql/" title="Permalink to: What do you understand by normalization in MySQL?"> What do you understand by normalization in MySQL?</a> </h4> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="bs-blog-post three md back-img bshre mb-lg-0" "> <a class="link-div" href="https://interviewpatch.com/2023/05/31/how-can-i-deploy-applications-on-microsoft-azure/"></a> <div class="inner"> <div class="bs-blog-category"> <a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/cloud-computing/" alt="View all posts in Cloud Computing"> Cloud Computing </a><a class="blogus-categories category-color-1" href="https://interviewpatch.com/category/cloud-computing/microsoft-azure/" alt="View all posts in Microsoft Azure"> Microsoft Azure </a> </div> <h4 class="title sm mb-0"> <a href="https://interviewpatch.com/2023/05/31/how-can-i-deploy-applications-on-microsoft-azure/" title="Permalink to: How can I deploy applications on Microsoft Azure?"> How can I deploy applications on Microsoft Azure?</a> </h4> </div> </div> </div> </div><!-- end inner row --> </div><!-- end wd-back --> </div><!-- end col12 --> </div><!-- end row --> </div><!-- end container --> </div> <!-- end missed --> <!--==================== FOOTER AREA ====================--> <footer> <div class="overlay" style="background-color: ;"> <!--Start bs-footer-widget-area--> <div class="bs-footer-widget-area"> <div class="container"> <div class="row"> <div id="block-7" class="col-md-4 col-sm-6 rotateInDownLeft animated bs-widget widget_block"> <ul></ul> </div> </div> <!--/row--> </div> <!--/container--> </div> <div class="bs-footer-bottom-area"> <div class="container"> <div class="divide-line"></div> <div class="row align-items-center"> <div class="col-md-6"> <div class="footer-logo"> <div class="site-branding-text"> <p class="site-title-footer"> <a href="https://interviewpatch.com/" rel="home">Interview Patch</a></p> <p class="site-description-footer">Navigate Interviews with Confidence!</p> </div> </div> </div> <!--col-md-3--> <!--/col-md-3--> </div> <!--/row--> </div> <!--/container--> </div> <!--End bs-footer-widget-area--> <div class="bs-footer-copyright"> <div class="container"> <div class="row"> <div class="col-md-12 text-center text-xs"> <ul id="menu-footer-menu-2" class="info-right"><li id="menu-item-1222" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1222"><a class="nav-link" title="Big Data and Analytics" href="https://interviewpatch.com/category/big-data-and-analytics/">Big Data and Analytics</a></li> <li id="menu-item-1223" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1223"><a class="nav-link" title="Blockchain and Cryptocurrency" href="https://interviewpatch.com/category/blockchain-and-cryptocurrency/">Blockchain and Cryptocurrency</a></li> <li id="menu-item-1224" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1224"><a class="nav-link" title="Cloud Computing" href="https://interviewpatch.com/category/cloud-computing/">Cloud Computing</a></li> <li id="menu-item-1225" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1225"><a class="nav-link" title="Database Management" href="https://interviewpatch.com/category/database-management/">Database Management</a></li> <li id="menu-item-1226" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1226"><a class="nav-link" title="DevOps and Infrastructure" href="https://interviewpatch.com/category/devops-and-infrastructure/">DevOps and Infrastructure</a></li> <li id="menu-item-1227" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1227"><a class="nav-link" title="Internet of Things (IoT)" href="https://interviewpatch.com/category/internet-of-things-iot/">Internet of Things (IoT)</a></li> <li id="menu-item-1228" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1228"><a class="nav-link" title="Machine Learning and AI" href="https://interviewpatch.com/category/machine-learning-and-ai/">Machine Learning and AI</a></li> <li id="menu-item-1229" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1229"><a class="nav-link" title="Mobile App Development" href="https://interviewpatch.com/category/mobile-app-development/">Mobile App Development</a></li> <li id="menu-item-1230" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1230"><a class="nav-link" title="Networking and Security" href="https://interviewpatch.com/category/networking-and-security/">Networking and Security</a></li> <li id="menu-item-1231" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1231"><a class="nav-link" title="Operating Systems" href="https://interviewpatch.com/category/operating-systems/">Operating Systems</a></li> <li id="menu-item-1232" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1232"><a class="nav-link" title="Programming Languages" href="https://interviewpatch.com/category/programming-languages/">Programming Languages</a></li> <li id="menu-item-1233" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1233"><a class="nav-link" title="Robotics and Automation" href="https://interviewpatch.com/category/robotics-and-automation/">Robotics and Automation</a></li> <li id="menu-item-1234" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1234"><a class="nav-link" title="Virtual Reality (VR) and Augmented Reality (AR)" href="https://interviewpatch.com/category/virtual-reality-vr-and-augmented-reality-ar/">Virtual Reality (VR) and Augmented Reality (AR)</a></li> <li id="menu-item-1235" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1235"><a class="nav-link" title="Virtualization" href="https://interviewpatch.com/category/virtualization/">Virtualization</a></li> <li id="menu-item-1236" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1236"><a class="nav-link" title="Web Development" href="https://interviewpatch.com/category/web-development/">Web Development</a></li> </ul> </div> <div class="col-md-12 text-center text-xs"> <p class="mb-0"> © 2023, Interview Patch. All Rights Reserved. </p> </div> </div> </div> </div> </div> </div> <!--/overlay--> </footer> <!--/footer--> </div> <!--/wrapper--> <!--Scroll To Top--> <a href="#" class="bs_upscr bounceInup animated"><i class="fas fa-angle-double-up"></i></a> <!--/Scroll To Top--> <!-- Modal --> <div class="modal fade bs_model" data-bs-keyboard="true" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button> </div> <div class="modal-body"> <form role="search" method="get" class="search-form" action="https://interviewpatch.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div> </div> </div> </div> <!-- /Modal --> <!-- /Scroll To Top --> <style> footer .footer-logo img{ width: 210px; height: 70px; } </style> <style type="text/css"> /*==================== Top Bar color ====================*/ .bs-head-detail { background: ; } .bs-head-detail .top-date, .bs-head-detail { color: ; } /*==================== Menu color ====================*/ .navbar-wp { background: ; } .bs-default .navbar-wp .navbar-nav > li > a{ background: ; color: ; } .bs-default .navbar-wp .navbar-nav > li > a:hover{ color: ; } .navbar-wp .dropdown-menu > li > a { background: #fff; color: ; } .navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus { background: ; color: ; } .bs-default .navbar-collapse ul, .navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus { background: ; } /*=================== Subscribe Button Color ===================*/ .desk-header .btn-subscribe{ background: ; color: ; border-color: ; } .desk-header .btn-subscribe:hover{ background: ; color: ; border-color: ; } /*=================== Breadeking News Color ===================*/ .bs-latest-news { background: ; } .bs-latest-news .bs-latest-news-slider a { color: ; } /*=================== Slider Color ===================*/ .homemain .bs-slide.overlay:before{ background-color: #00000099; } .bs-slide .inner .title a { color: ; } .bs-slide .inner .title{ font-size: 50px; } </style> <script type="text/javascript"> (function($) { "use strict"; document.documentElement.setAttribute("data-theme", " ") document.getElementById("switch").checked = false; localStorage.setItem("data-theme", '') })(jQuery); </script> <script type="text/javascript"> let theme = localStorage.getItem('data-theme'); const checkbox = document.getElementById("switch"); const changeThemeToDark = () =>{ document.documentElement.setAttribute("data-theme", "dark") document.getElementById("switch").checked = true; localStorage.setItem("data-theme", "dark") console.log("I give you dark") document.querySelector(".site-title a").style.color = '#fff'; document.querySelector(".site-description").style.color = '#fff'; // For Responsive document.querySelector(".m-header .site-title a").style.color = '#fff'; document.querySelector(".m-header .site-description").style.color = '#fff'; } const changeThemeToLight = () =>{ document.documentElement.setAttribute("data-theme", "") localStorage.setItem("data-theme", '') console.log("I give you light") document.querySelector(".site-title a").style.color = '#000'; document.querySelector(".site-description").style.color = '#000'; // For Responsive document.querySelector(".m-header .site-title a").style.color = '#000'; document.querySelector(".m-header .site-description").style.color = '#000'; } if(theme === 'dark'){ changeThemeToDark() }else{ changeThemeToLight() } checkbox.addEventListener('change', ()=> { let theme = localStorage.getItem('data-theme'); if (theme ==='dark'){ changeThemeToLight() }else{ changeThemeToDark() } }); </script> <style> .site-branding-text p , .site-title a { color: ; } </style> <script type="text/javascript"> Sticksy.initializeAll('.bs-sticky', {topSpacing: 0}, { listen: true }); </script> <script type='text/javascript' src='https://interviewpatch.com/wp-content/themes/blogus/js/dark.js?ver=6.2' id='blogus-dark-js'></script> <script type='text/javascript' src='https://interviewpatch.com/wp-content/themes/blogus/js/custom.js?ver=6.2' id='blogus_custom-js-js'></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>