Back to HTML Notes
Topic #2

HTML Introduction

HTML — HyperText Markup Language — describes the structure of web pages using elements and tags. It is the first skill every web developer learns, and this topic covers what it is and why it matters.


HTML is the standard markup language for creating Web pages.


What is HTML?

  • HTML stands for Hyper Text Markup Language
  • HTML is the standard markup language for creating Web pages
  • HTML describes the structure of a Web page
  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

A Simple HTML Document

Example

 <!DOCTYPE html>

<html>
<head>
<title>Page Title</title>

 </head>

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

    </body>
</html>

Example Explained

  • The <!DOCTYPE html> declaration defines that this document is an HTML5 document
  • The <html> element is the root element of an HTML page
  • The <head> element contains meta information about the HTML page
  • The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
  • The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The <h1> element defines a large heading
  • The <p> element defines a paragraph

What is an HTML Element?

An HTML element is defined by a start tag, some content, and an end tag:

The HTML element is everything from the start tag to the end tag:

Start tag Element content End tag

My First Heading

My first paragraph.


none none

Note: Some HTML elements have no content (like the
element). These elements are called empty elements. Empty elements do not have an end tag!


Web Browsers

The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.

A browser does not display the HTML tags, but uses them to determine how to display the document:


HTML Page Structure

Below is a visualization of an HTML page structure:

Note: The content inside the section will be displayed in a browser. The content inside the element will be shown in the browser's title bar or in the page's tab.</p> </blockquote> <hr> <h2 id="html-history">HTML History</h2> <p>Since the early days of the World Wide Web, there have been many versions of HTML:</p> <table> <thead> <tr> <th>Year</th> <th>Version</th> </tr> </thead> <tbody> <tr> <td>1989</td> <td>Tim Berners-Lee invented www</td> </tr> <tr> <td>1991</td> <td>Tim Berners-Lee invented HTML</td> </tr> <tr> <td>1993</td> <td>Dave Raggett drafted HTML+</td> </tr> <tr> <td>1995</td> <td>HTML Working Group defined HTML 2.0</td> </tr> <tr> <td>1997</td> <td>W3C Recommendation: HTML 3.2</td> </tr> <tr> <td>1999</td> <td>W3C Recommendation: HTML 4.01</td> </tr> <tr> <td>2000</td> <td>W3C Recommendation: XHTML 1.0</td> </tr> <tr> <td>2008</td> <td>WHATWG HTML5 First Public Draft</td> </tr> <tr> <td>2012</td> <td>WHATWG HTML5 Living Standard</td> </tr> <tr> <td>2014</td> <td>W3C Recommendation: HTML5</td> </tr> <tr> <td>2016</td> <td>W3C Candidate Recommendation: HTML 5.1</td> </tr> <tr> <td>2017</td> <td>W3C Recommendation: HTML5.1 2nd Edition</td> </tr> <tr> <td>2017</td> <td>W3C Recommendation: HTML5.2</td> </tr> </tbody> </table> <blockquote> <p><strong>Note:</strong> This tutorial follows the latest HTML5 standard.</p> </blockquote> </div><div class="share-bar"><strong>Share:</strong><a href="https://wa.me/?text=HTML%20Introduction%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-introduction%2F" target="_blank" rel="noopener" class="share-btn s-wa"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg> WhatsApp</a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-introduction%2F&title=HTML%20Introduction" target="_blank" rel="noopener" class="share-btn s-li"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg> LinkedIn</a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-introduction%2F&text=HTML%20Introduction" target="_blank" rel="noopener" class="share-btn s-cp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> Copy / Share</a></div></div><div class="prevnext"><a class="pn-btn pn-prev" href="/notes/html/html-home/"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg> Previous</span><strong>HTML HOME</strong></a><a class="pn-btn pn-next" href="/notes/html/html-editors/"><span class="inline-flex items-center gap-1">Next <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><strong>HTML Editors</strong></a></div><div class="note-cta"><h3>Want to go beyond the notes?</h3><p>Join Coding Now Tech Institute's <!-- -->HTML<!-- --> course — live mentorship, real projects, and 100% placement support.</p><a href="/enroll-now/">Enroll Now — Free Demo Available</a></div></div><aside class="topics-side"><h4>HTML<!-- --> Notes — All Topics</h4><div class="ts-group"><div class="ts-group-label">HTML Tutorial</div><a class="ts-item " href="/notes/html/html-home/"><span class="ts-num">1</span><span class="ts-title">HTML HOME</span></a><a class="ts-item active" href="/notes/html/html-introduction/"><span class="ts-num">2</span><span class="ts-title">HTML Introduction</span></a><a class="ts-item " href="/notes/html/html-editors/"><span class="ts-num">3</span><span class="ts-title">HTML Editors</span></a><a class="ts-item " href="/notes/html/html-basic/"><span class="ts-num">4</span><span class="ts-title">HTML Basic</span></a><a class="ts-item " href="/notes/html/html-elements/"><span class="ts-num">5</span><span class="ts-title">HTML Elements</span></a><a class="ts-item " href="/notes/html/html-attributes/"><span class="ts-num">6</span><span class="ts-title">HTML Attributes</span></a><a class="ts-item " href="/notes/html/html-headings/"><span class="ts-num">7</span><span class="ts-title">HTML Headings</span></a><a class="ts-item " href="/notes/html/html-paragraphs/"><span class="ts-num">8</span><span class="ts-title">HTML Paragraphs</span></a><a class="ts-item " href="/notes/html/html-styles/"><span class="ts-num">9</span><span class="ts-title">HTML Styles</span></a><a class="ts-item " href="/notes/html/html-formatting/"><span class="ts-num">10</span><span class="ts-title">HTML Formatting</span></a><a class="ts-item " href="/notes/html/html-quotations/"><span class="ts-num">11</span><span class="ts-title">HTML Quotations</span></a><a class="ts-item " href="/notes/html/html-comments/"><span class="ts-num">12</span><span class="ts-title">HTML Comments</span></a><a class="ts-item " href="/notes/html/html-colors/"><span class="ts-num">13</span><span class="ts-title">HTML Colors</span></a><a class="ts-item " href="/notes/html/rgb/"><span class="ts-num">14</span><span class="ts-title">RGB</span></a><a class="ts-item " href="/notes/html/hex/"><span class="ts-num">15</span><span class="ts-title">HEX</span></a><a class="ts-item " href="/notes/html/hsl/"><span class="ts-num">16</span><span class="ts-title">HSL</span></a><a class="ts-item " href="/notes/html/html-css/"><span class="ts-num">17</span><span class="ts-title">HTML CSS</span></a><a class="ts-item " href="/notes/html/html-links/"><span class="ts-num">18</span><span class="ts-title">HTML Links</span></a><a class="ts-item " href="/notes/html/link-colors/"><span class="ts-num">19</span><span class="ts-title">Link Colors</span></a><a class="ts-item " href="/notes/html/link-bookmarks/"><span class="ts-num">20</span><span class="ts-title">Link Bookmarks</span></a><a class="ts-item " href="/notes/html/html-images/"><span class="ts-num">21</span><span class="ts-title">HTML Images</span></a><a class="ts-item " href="/notes/html/image-map/"><span class="ts-num">22</span><span class="ts-title">Image Map</span></a><a class="ts-item " href="/notes/html/background-images/"><span class="ts-num">23</span><span class="ts-title">Background Images</span></a><a class="ts-item " href="/notes/html/the-picture-element/"><span class="ts-num">24</span><span class="ts-title">The Picture Element</span></a><a class="ts-item " href="/notes/html/html-project/"><span class="ts-num">25</span><span class="ts-title">HTML Project</span></a><a class="ts-item " href="/notes/html/html-favicon/"><span class="ts-num">26</span><span class="ts-title">HTML Favicon</span></a><a class="ts-item " href="/notes/html/html-page-title/"><span class="ts-num">27</span><span class="ts-title">HTML Page Title</span></a><a class="ts-item " href="/notes/html/html-tables/"><span class="ts-num">28</span><span class="ts-title">HTML Tables</span></a><a class="ts-item " href="/notes/html/table-borders/"><span class="ts-num">29</span><span class="ts-title">Table Borders</span></a><a class="ts-item " href="/notes/html/table-sizes/"><span class="ts-num">30</span><span class="ts-title">Table Sizes</span></a><a class="ts-item " href="/notes/html/table-headers/"><span class="ts-num">31</span><span class="ts-title">Table Headers</span></a><a class="ts-item " href="/notes/html/padding-spacing/"><span class="ts-num">32</span><span class="ts-title">Padding & Spacing</span></a><a class="ts-item " href="/notes/html/colspan-rowspan/"><span class="ts-num">33</span><span class="ts-title">Colspan & Rowspan</span></a><a class="ts-item " href="/notes/html/table-styling/"><span class="ts-num">34</span><span class="ts-title">Table Styling</span></a><a class="ts-item " href="/notes/html/table-colgroup/"><span class="ts-num">35</span><span class="ts-title">Table Colgroup</span></a><a class="ts-item " href="/notes/html/html-lists/"><span class="ts-num">36</span><span class="ts-title">HTML Lists</span></a><a class="ts-item " href="/notes/html/unordered-lists/"><span class="ts-num">37</span><span class="ts-title">Unordered Lists</span></a><a class="ts-item " href="/notes/html/ordered-lists/"><span class="ts-num">38</span><span class="ts-title">Ordered Lists</span></a><a class="ts-item " href="/notes/html/other-lists/"><span class="ts-num">39</span><span class="ts-title">Other Lists</span></a><a class="ts-item " href="/notes/html/html-block-inline/"><span class="ts-num">40</span><span class="ts-title">HTML Block & Inline</span></a><a class="ts-item " href="/notes/html/html-div/"><span class="ts-num">41</span><span class="ts-title">HTML Div</span></a><a class="ts-item " href="/notes/html/html-classes/"><span class="ts-num">42</span><span class="ts-title">HTML Classes</span></a><a class="ts-item " href="/notes/html/html-id/"><span class="ts-num">43</span><span class="ts-title">HTML Id</span></a><a class="ts-item " href="/notes/html/html-buttons/"><span class="ts-num">44</span><span class="ts-title">HTML Buttons</span></a><a class="ts-item " href="/notes/html/html-iframes/"><span class="ts-num">45</span><span class="ts-title">HTML Iframes</span></a><a class="ts-item " href="/notes/html/html-javascript/"><span class="ts-num">46</span><span class="ts-title">HTML JavaScript</span></a><a class="ts-item " href="/notes/html/html-file-paths/"><span class="ts-num">47</span><span class="ts-title">HTML File Paths</span></a><a class="ts-item " href="/notes/html/html-head/"><span class="ts-num">48</span><span class="ts-title">HTML Head</span></a><a class="ts-item " href="/notes/html/html-layout/"><span class="ts-num">49</span><span class="ts-title">HTML Layout</span></a><a class="ts-item " href="/notes/html/html-responsive/"><span class="ts-num">50</span><span class="ts-title">HTML Responsive</span></a><a class="ts-item " href="/notes/html/html-computercode/"><span class="ts-num">51</span><span class="ts-title">HTML Computercode</span></a><a class="ts-item " href="/notes/html/html-semantics/"><span class="ts-num">52</span><span class="ts-title">HTML Semantics</span></a><a class="ts-item " href="/notes/html/html-style-guide/"><span class="ts-num">53</span><span class="ts-title">HTML Style Guide</span></a><a class="ts-item " href="/notes/html/html-entities/"><span class="ts-num">54</span><span class="ts-title">HTML Entities</span></a><a class="ts-item " href="/notes/html/html-symbols/"><span class="ts-num">55</span><span class="ts-title">HTML Symbols</span></a><a class="ts-item " href="/notes/html/html-emojis/"><span class="ts-num">56</span><span class="ts-title">HTML Emojis</span></a><a class="ts-item " href="/notes/html/html-charsets/"><span class="ts-num">57</span><span class="ts-title">HTML Charsets</span></a><a class="ts-item " href="/notes/html/html-url-encode/"><span class="ts-num">58</span><span class="ts-title">HTML URL Encode</span></a><a class="ts-item " href="/notes/html/html-vs-xhtml/"><span class="ts-num">59</span><span class="ts-title">HTML vs. XHTML</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Forms</div><a class="ts-item " href="/notes/html/html-forms/"><span class="ts-num">60</span><span class="ts-title">HTML Forms</span></a><a class="ts-item " href="/notes/html/html-form-attributes/"><span class="ts-num">61</span><span class="ts-title">HTML Form Attributes</span></a><a class="ts-item " href="/notes/html/html-form-elements/"><span class="ts-num">62</span><span class="ts-title">HTML Form Elements</span></a><a class="ts-item " href="/notes/html/html-input-types/"><span class="ts-num">63</span><span class="ts-title">HTML Input Types</span></a><a class="ts-item " href="/notes/html/html-input-attributes/"><span class="ts-num">64</span><span class="ts-title">HTML Input Attributes</span></a><a class="ts-item " href="/notes/html/input-form-attributes/"><span class="ts-num">65</span><span class="ts-title">Input Form Attributes</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Graphics</div><a class="ts-item " href="/notes/html/html-canvas/"><span class="ts-num">66</span><span class="ts-title">HTML Canvas</span></a><a class="ts-item " href="/notes/html/html-svg/"><span class="ts-num">67</span><span class="ts-title">HTML SVG</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Media</div><a class="ts-item " href="/notes/html/html-media/"><span class="ts-num">68</span><span class="ts-title">HTML Media</span></a><a class="ts-item " href="/notes/html/html-video/"><span class="ts-num">69</span><span class="ts-title">HTML Video</span></a><a class="ts-item " href="/notes/html/html-audio/"><span class="ts-num">70</span><span class="ts-title">HTML Audio</span></a><a class="ts-item " href="/notes/html/html-plug-ins/"><span class="ts-num">71</span><span class="ts-title">HTML Plug-ins</span></a><a class="ts-item " href="/notes/html/html-youtube/"><span class="ts-num">72</span><span class="ts-title">HTML YouTube</span></a></div><div class="ts-group"><div class="ts-group-label">HTML APIs</div><a class="ts-item " href="/notes/html/html-web-apis/"><span class="ts-num">73</span><span class="ts-title">HTML Web APIs</span></a><a class="ts-item " href="/notes/html/html-geolocation/"><span class="ts-num">74</span><span class="ts-title">HTML Geolocation</span></a><a class="ts-item " href="/notes/html/html-drag-and-drop/"><span class="ts-num">75</span><span class="ts-title">HTML Drag and Drop</span></a><a class="ts-item " href="/notes/html/html-web-storage/"><span class="ts-num">76</span><span class="ts-title">HTML Web Storage</span></a><a class="ts-item " href="/notes/html/html-web-workers/"><span class="ts-num">77</span><span class="ts-title">HTML Web Workers</span></a><a class="ts-item " href="/notes/html/html-sse/"><span class="ts-num">78</span><span class="ts-title">HTML SSE</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Basics</div><a class="ts-item " href="/notes/html/what-is-html/"><span class="ts-num">101</span><span class="ts-title">What Is HTML? A Practical Introduction</span></a><a class="ts-item " href="/notes/html/html-history/"><span class="ts-num">102</span><span class="ts-title">HTML History — From 1991 to HTML5</span></a><a class="ts-item " href="/notes/html/html-vs-css/"><span class="ts-num">103</span><span class="ts-title">HTML vs CSS — What Each One Actually Does</span></a><a class="ts-item " href="/notes/html/html-document-structure/"><span class="ts-num">105</span><span class="ts-title">HTML Document Structure</span></a><a class="ts-item " href="/notes/html/html-syntax/"><span class="ts-num">106</span><span class="ts-title">HTML Syntax Basics</span></a><a class="ts-item " href="/notes/html/html-tags/"><span class="ts-num">109</span><span class="ts-title">HTML Tags — Paired, Void & Deprecated</span></a><a class="ts-item " href="/notes/html/global-attributes/"><span class="ts-num">111</span><span class="ts-title">HTML Global Attributes</span></a><a class="ts-item " href="/notes/html/html-block-elements/"><span class="ts-num">112</span><span class="ts-title">HTML Block Elements</span></a><a class="ts-item " href="/notes/html/html-inline-elements/"><span class="ts-num">113</span><span class="ts-title">HTML Inline Elements</span></a><a class="ts-item " href="/notes/html/html-body/"><span class="ts-num">115</span><span class="ts-title">HTML Body Element</span></a><a class="ts-item " href="/notes/html/html-doctype/"><span class="ts-num">116</span><span class="ts-title">HTML Doctype</span></a><a class="ts-item " href="/notes/html/html-lang-attribute/"><span class="ts-num">117</span><span class="ts-title">HTML lang Attribute</span></a></div><div class="ts-group"><div class="ts-group-label">Text & Content</div><a class="ts-item " href="/notes/html/headings/"><span class="ts-num">201</span><span class="ts-title">Headings (h1–h6)</span></a><a class="ts-item " href="/notes/html/paragraphs/"><span class="ts-num">202</span><span class="ts-title">Paragraphs</span></a><a class="ts-item " href="/notes/html/line-break/"><span class="ts-num">203</span><span class="ts-title">Line Break (br)</span></a><a class="ts-item " href="/notes/html/horizontal-rule/"><span class="ts-num">204</span><span class="ts-title">Horizontal Rule (hr)</span></a><a class="ts-item " href="/notes/html/bold-text/"><span class="ts-num">205</span><span class="ts-title">Bold Text (b)</span></a><a class="ts-item " href="/notes/html/italic-text/"><span class="ts-num">206</span><span class="ts-title">Italic Text (i)</span></a><a class="ts-item " href="/notes/html/underline-text/"><span class="ts-num">207</span><span class="ts-title">Underline Text (u)</span></a><a class="ts-item " href="/notes/html/strong/"><span class="ts-num">208</span><span class="ts-title">Strong</span></a><a class="ts-item " href="/notes/html/emphasis/"><span class="ts-num">209</span><span class="ts-title">Emphasis (em)</span></a><a class="ts-item " href="/notes/html/mark/"><span class="ts-num">210</span><span class="ts-title">Mark</span></a><a class="ts-item " href="/notes/html/small/"><span class="ts-num">211</span><span class="ts-title">Small</span></a><a class="ts-item " href="/notes/html/del/"><span class="ts-num">212</span><span class="ts-title">Deleted Text (del)</span></a><a class="ts-item " href="/notes/html/ins/"><span class="ts-num">213</span><span class="ts-title">Inserted Text (ins)</span></a><a class="ts-item " href="/notes/html/sup/"><span class="ts-num">214</span><span class="ts-title">Superscript (sup)</span></a><a class="ts-item " href="/notes/html/sub/"><span class="ts-num">215</span><span class="ts-title">Subscript (sub)</span></a><a class="ts-item " href="/notes/html/blockquote/"><span class="ts-num">216</span><span class="ts-title">Blockquote</span></a><a class="ts-item " href="/notes/html/quotes/"><span class="ts-num">217</span><span class="ts-title">Quotes (q)</span></a><a class="ts-item " href="/notes/html/pre/"><span class="ts-num">218</span><span class="ts-title">Preformatted Text (pre)</span></a><a class="ts-item " href="/notes/html/code-tag/"><span class="ts-num">219</span><span class="ts-title">Code Tag</span></a></div><div class="ts-group"><div class="ts-group-label">Links</div><a class="ts-item " href="/notes/html/links/"><span class="ts-num">301</span><span class="ts-title">Links (Overview)</span></a><a class="ts-item " href="/notes/html/anchor-tag/"><span class="ts-num">302</span><span class="ts-title">The a Element (Anchor Tag)</span></a><a class="ts-item " href="/notes/html/absolute-url/"><span class="ts-num">303</span><span class="ts-title">Absolute URL</span></a><a class="ts-item " href="/notes/html/relative-url/"><span class="ts-num">304</span><span class="ts-title">Relative URL</span></a><a class="ts-item " href="/notes/html/internal-links/"><span class="ts-num">305</span><span class="ts-title">Internal Links</span></a><a class="ts-item " href="/notes/html/external-links/"><span class="ts-num">306</span><span class="ts-title">External Links</span></a><a class="ts-item " href="/notes/html/email-links/"><span class="ts-num">307</span><span class="ts-title">Email Links</span></a><a class="ts-item " href="/notes/html/telephone-links/"><span class="ts-num">308</span><span class="ts-title">Telephone Links</span></a><a class="ts-item " href="/notes/html/link-target/"><span class="ts-num">309</span><span class="ts-title">link-target</span></a><a class="ts-item " href="/notes/html/rel-attribute/"><span class="ts-num">310</span><span class="ts-title">rel Attribute</span></a><a class="ts-item " href="/notes/html/nofollow-links/"><span class="ts-num">311</span><span class="ts-title">Nofollow Links</span></a><a class="ts-item " href="/notes/html/download-attribute/"><span class="ts-num">312</span><span class="ts-title">download Attribute</span></a></div><div class="ts-group"><div class="ts-group-label">Images</div><a class="ts-item " href="/notes/html/images/"><span class="ts-num">401</span><span class="ts-title">Images (Overview)</span></a><a class="ts-item " href="/notes/html/img-tag/"><span class="ts-num">402</span><span class="ts-title">The img Tag</span></a><a class="ts-item " href="/notes/html/image-alt-attribute/"><span class="ts-num">403</span><span class="ts-title">Image alt Attribute</span></a><a class="ts-item " href="/notes/html/image-width-height/"><span class="ts-num">404</span><span class="ts-title">Image width & height</span></a><a class="ts-item " href="/notes/html/figure/"><span class="ts-num">405</span><span class="ts-title">figure</span></a><a class="ts-item " href="/notes/html/figcaption/"><span class="ts-num">406</span><span class="ts-title">figcaption</span></a><a class="ts-item " href="/notes/html/responsive-images/"><span class="ts-num">407</span><span class="ts-title">Responsive Images</span></a><a class="ts-item " href="/notes/html/srcset/"><span class="ts-num">408</span><span class="ts-title">srcset</span></a><a class="ts-item " href="/notes/html/picture-element/"><span class="ts-num">409</span><span class="ts-title">The picture Element</span></a><a class="ts-item " href="/notes/html/lazy-loading-images/"><span class="ts-num">410</span><span class="ts-title">Lazy Loading Images</span></a></div><div class="ts-group"><div class="ts-group-label">Lists</div><a class="ts-item " href="/notes/html/lists/"><span class="ts-num">501</span><span class="ts-title">Lists (Overview)</span></a><a class="ts-item " href="/notes/html/ordered-list/"><span class="ts-num">502</span><span class="ts-title">Ordered List</span></a><a class="ts-item " href="/notes/html/unordered-list/"><span class="ts-num">503</span><span class="ts-title">Unordered List</span></a><a class="ts-item " href="/notes/html/description-list/"><span class="ts-num">504</span><span class="ts-title">Description List</span></a><a class="ts-item " href="/notes/html/nested-list/"><span class="ts-num">505</span><span class="ts-title">Nested List</span></a><a class="ts-item " href="/notes/html/list-style-attributes/"><span class="ts-num">506</span><span class="ts-title">List Style Attributes</span></a></div><div class="ts-group"><div class="ts-group-label">Tables</div><a class="ts-item " href="/notes/html/tables/"><span class="ts-num">601</span><span class="ts-title">Tables (Overview)</span></a><a class="ts-item " href="/notes/html/table-tag/"><span class="ts-num">602</span><span class="ts-title">The table Tag</span></a><a class="ts-item " href="/notes/html/table-row/"><span class="ts-num">603</span><span class="ts-title">Table Row (tr)</span></a><a class="ts-item " href="/notes/html/table-cell/"><span class="ts-num">604</span><span class="ts-title">Table Cell (td)</span></a><a class="ts-item " href="/notes/html/table-header/"><span class="ts-num">605</span><span class="ts-title">Table Header (th)</span></a><a class="ts-item " href="/notes/html/thead/"><span class="ts-num">606</span><span class="ts-title">thead</span></a><a class="ts-item " href="/notes/html/tbody/"><span class="ts-num">607</span><span class="ts-title">tbody</span></a><a class="ts-item " href="/notes/html/tfoot/"><span class="ts-num">608</span><span class="ts-title">tfoot</span></a><a class="ts-item " href="/notes/html/colspan/"><span class="ts-num">609</span><span class="ts-title">colspan</span></a><a class="ts-item " href="/notes/html/rowspan/"><span class="ts-num">610</span><span class="ts-title">rowspan</span></a><a class="ts-item " href="/notes/html/table-caption/"><span class="ts-num">611</span><span class="ts-title">Table Caption</span></a><a class="ts-item " href="/notes/html/accessible-tables/"><span class="ts-num">612</span><span class="ts-title">Accessible Tables</span></a><a class="ts-item " href="/notes/html/responsive-tables/"><span class="ts-num">613</span><span class="ts-title">Responsive Tables</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Forms</div><a class="ts-item " href="/notes/html/forms/"><span class="ts-num">701</span><span class="ts-title">Forms (Overview)</span></a><a class="ts-item " href="/notes/html/form-tag/"><span class="ts-num">702</span><span class="ts-title">The form Tag</span></a><a class="ts-item " href="/notes/html/input/"><span class="ts-num">703</span><span class="ts-title">input</span></a><a class="ts-item " href="/notes/html/input-types/"><span class="ts-num">704</span><span class="ts-title">Input Types</span></a><a class="ts-item " href="/notes/html/text-input/"><span class="ts-num">705</span><span class="ts-title">Text Input</span></a><a class="ts-item " href="/notes/html/email-input/"><span class="ts-num">706</span><span class="ts-title">Email Input</span></a><a class="ts-item " href="/notes/html/password-input/"><span class="ts-num">707</span><span class="ts-title">Password Input</span></a><a class="ts-item " href="/notes/html/number-input/"><span class="ts-num">708</span><span class="ts-title">Number Input</span></a><a class="ts-item " href="/notes/html/date-input/"><span class="ts-num">709</span><span class="ts-title">Date Input</span></a><a class="ts-item " href="/notes/html/time-input/"><span class="ts-num">710</span><span class="ts-title">Time Input</span></a><a class="ts-item " href="/notes/html/file-input/"><span class="ts-num">711</span><span class="ts-title">File Input</span></a><a class="ts-item " href="/notes/html/checkbox/"><span class="ts-num">712</span><span class="ts-title">Checkbox</span></a><a class="ts-item " href="/notes/html/radio-button/"><span class="ts-num">713</span><span class="ts-title">Radio Button</span></a><a class="ts-item " href="/notes/html/select/"><span class="ts-num">714</span><span class="ts-title">select</span></a><a class="ts-item " href="/notes/html/option/"><span class="ts-num">715</span><span class="ts-title">option</span></a><a class="ts-item " href="/notes/html/textarea/"><span class="ts-num">716</span><span class="ts-title">textarea</span></a><a class="ts-item " href="/notes/html/button/"><span class="ts-num">717</span><span class="ts-title">button</span></a><a class="ts-item " href="/notes/html/label/"><span class="ts-num">718</span><span class="ts-title">label</span></a><a class="ts-item " href="/notes/html/fieldset/"><span class="ts-num">719</span><span class="ts-title">fieldset</span></a><a class="ts-item " href="/notes/html/legend/"><span class="ts-num">720</span><span class="ts-title">legend</span></a><a class="ts-item " href="/notes/html/datalist/"><span class="ts-num">721</span><span class="ts-title">datalist</span></a><a class="ts-item " href="/notes/html/output/"><span class="ts-num">722</span><span class="ts-title">output</span></a><a class="ts-item " href="/notes/html/form-validation/"><span class="ts-num">723</span><span class="ts-title">Form Validation</span></a><a class="ts-item " href="/notes/html/required/"><span class="ts-num">724</span><span class="ts-title">required</span></a><a class="ts-item " href="/notes/html/pattern/"><span class="ts-num">725</span><span class="ts-title">pattern</span></a><a class="ts-item " href="/notes/html/min-max/"><span class="ts-num">726</span><span class="ts-title">min and max</span></a><a class="ts-item " href="/notes/html/placeholder/"><span class="ts-num">727</span><span class="ts-title">placeholder</span></a><a class="ts-item " href="/notes/html/autocomplete/"><span class="ts-num">728</span><span class="ts-title">autocomplete</span></a><a class="ts-item " href="/notes/html/form-method/"><span class="ts-num">729</span><span class="ts-title">form method</span></a><a class="ts-item " href="/notes/html/form-action/"><span class="ts-num">730</span><span class="ts-title">form action</span></a><a class="ts-item " href="/notes/html/get-vs-post/"><span class="ts-num">731</span><span class="ts-title">GET vs POST</span></a></div><div class="ts-group"><div class="ts-group-label">Semantic HTML</div><a class="ts-item " href="/notes/html/semantic-html/"><span class="ts-num">801</span><span class="ts-title">Semantic HTML — Complete Guide</span></a><a class="ts-item " href="/notes/html/header/"><span class="ts-num">802</span><span class="ts-title">The header Element</span></a><a class="ts-item " href="/notes/html/nav/"><span class="ts-num">803</span><span class="ts-title">The nav Element</span></a><a class="ts-item " href="/notes/html/main/"><span class="ts-num">804</span><span class="ts-title">The main Element</span></a><a class="ts-item " href="/notes/html/section/"><span class="ts-num">805</span><span class="ts-title">The section Element</span></a><a class="ts-item " href="/notes/html/article/"><span class="ts-num">806</span><span class="ts-title">The article Element</span></a><a class="ts-item " href="/notes/html/aside/"><span class="ts-num">807</span><span class="ts-title">The aside Element</span></a><a class="ts-item " href="/notes/html/footer/"><span class="ts-num">808</span><span class="ts-title">The footer Element</span></a><a class="ts-item " href="/notes/html/address/"><span class="ts-num">809</span><span class="ts-title">The address Element</span></a><a class="ts-item " href="/notes/html/details/"><span class="ts-num">810</span><span class="ts-title">The details and summary Elements</span></a><a class="ts-item " href="/notes/html/time/"><span class="ts-num">811</span><span class="ts-title">The time Element</span></a><a class="ts-item " href="/notes/html/semantic-vs-non-semantic-html/"><span class="ts-num">812</span><span class="ts-title">Semantic vs Non-Semantic HTML</span></a><a class="ts-item " href="/notes/html/div-vs-section/"><span class="ts-num">813</span><span class="ts-title">div vs section</span></a><a class="ts-item " href="/notes/html/article-vs-section/"><span class="ts-num">814</span><span class="ts-title">article vs section</span></a><a class="ts-item " href="/notes/html/header-vs-head/"><span class="ts-num">815</span><span class="ts-title">header vs head</span></a><a class="ts-item " href="/notes/html/nav-best-practices/"><span class="ts-num">816</span><span class="ts-title">Nav Best Practices</span></a></div></aside></div><section class="cn-faq-section" aria-label="HTML Introduction – FAQs"><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What does this HTML Introduction note cover?","acceptedAnswer":{"@type":"Answer","text":"This free note from Coding Now Tech Institute explains HTML Introduction in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews."}},{"@type":"Question","name":"Is this HTML Introduction tutorial free?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every HTML topic on Coding Now Tech Institute, including HTML Introduction, is 100% free with no signup required."}},{"@type":"Question","name":"How long does it take to learn HTML Introduction?","acceptedAnswer":{"@type":"Answer","text":"With focused practice, most students grasp HTML Introduction in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster."}},{"@type":"Question","name":"Where can I practise HTML Introduction after reading?","acceptedAnswer":{"@type":"Answer","text":"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours."}}]}</script><div class="cn-faq-inner"><h2 class="cn-faq-title">HTML Introduction – FAQs</h2><p class="cn-faq-sub">Quick answers about learning HTML Introduction in HTML.</p><div class="cn-faq-list"><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>What does this HTML Introduction note cover?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">This free note from Coding Now Tech Institute explains HTML Introduction in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>Is this HTML Introduction tutorial free?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">Yes. Every HTML topic on Coding Now Tech Institute, including HTML Introduction, is 100% free with no signup required.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>How long does it take to learn HTML Introduction?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">With focused practice, most students grasp HTML Introduction in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>Where can I practise HTML Introduction after reading?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.</div></div></div></div></section></main><!--$--><!--/$--></div><footer class="footer-pro"><div class="site-container"><div class="footer-pro-wrapper"><div class="footer-brand"><div class="footer-logo-wrap"><img alt="Coding Now Tech Institute Logo" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" src="/images/logo-96.webp"/><h2>Coding Now Tech Institute</h2></div><p>India's premier AI & Full Stack training institute — bridging the gap between education and industry with hands-on mentorship and 100% placement support.</p><div class="footer-address"><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>2nd Floor, Kapil Vihar, (Opp. Metro Pillar No.354)<br/>Pitampura, New Delhi – 110034</span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><span><a href="tel:+919899508745">+91 9899508745</a></span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span><a href="mailto:info@codingnowai.com">info@codingnowai.com</a></span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span>Mon – Sat: 9:00 AM – 7:00 PM</span></div></div><div class="footer-map"><h3>Find Us Here</h3><div class="map-wrapper" style="position:relative"><a href="https://www.google.com/maps?cid=8721177965519775187" target="_blank" rel="noopener noreferrer" style="position:absolute;inset:0;z-index:1" aria-label="Open Coding Now Tech Institute on Google Maps"></a><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.5!2d77.1366043!3d28.699913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03f5a6f7e8b1%3A0x790b8e5e5f3e4b53!2sCoding%20Now%20Tech%20Institute!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin" allowFullScreen="" loading="lazy" referrerPolicy="no-referrer-when-downgrade" title="Coding Now Tech Institute Office Location Map" style="pointer-events:none"></iframe></div></div><div class="footer-social"><a href="https://www.linkedin.com/company/codingnowai-in" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a><a href="https://www.instagram.com/codingnowai" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg></a><a href="https://www.facebook.com/codingnow" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"></path></svg></a><a href="https://wa.me/919667708830" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"></path></svg></a><a href="https://www.youtube.com/@codingnowai" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></div></div><div class="footer-links"><h4>AI & Data</h4><a href="/courses/generative-ai/">Generative AI</a><a href="/courses/prompt-engineering/">Prompt Engineering</a><a href="/courses/ai-engineering-diploma/">AI Engineering Diploma</a><a href="/courses/data-science/">Data Science</a><a href="/courses/data-analytics/">Data Analytics</a></div><div class="footer-links"><h4>Full Stack</h4><a href="/courses/ai-integrated-full-stack/">AI-Integrated Full Stack</a><a href="/courses/python-full-stack/">Python Full Stack</a><a href="/courses/mern-stack/">MERN Stack</a><a href="/courses/mean-stack/">MEAN Stack</a><a href="/courses/react-full-stack/">React Full Stack</a><a href="/courses/dot-net-full-stack/">.NET Full Stack</a></div><div class="footer-links"><h4>Cloud & Cyber</h4><a href="/courses/aws-developer-associate/">AWS Developer Associate</a><a href="/courses/aws-solutions-architect/">AWS Solutions Architect</a><a href="/courses/azure-administrator/">Azure Administrator</a><a href="/courses/google-cloud/">Google Cloud</a><a href="/courses/ethical-hacker/">Ethical Hacker (C|EH)</a><a href="/courses/cissp/">CISSP</a></div><div class="footer-newsletter"><h4>Stay Updated</h4><p>Get latest course updates, offers & career tips directly in your inbox.</p><div class="newsletter-box"><input type="email" placeholder="Your email" aria-label="Email for newsletter"/><button aria-label="Subscribe">→</button></div><p class="newsletter-note">No spam. Unsubscribe anytime.</p><div class="footer-links" style="margin-top:24px"><h4>Company</h4><a href="/about/">About Us</a><a href="/our-mission/">Our Mission</a><a href="/enroll-now/">Contact Us</a></div></div></div></div><hr class="footer-divider"/><div class="site-container"><div class="footer-bottom-pro"><p>© 2026 Coding Now Tech Institute. All rights reserved.</p><div class="footer-bottom-links" style="gap:12px;flex-wrap:wrap;justify-content:center"><a href="/privacy-policy/">Privacy Policy</a><a href="/terms/">Terms of Use</a><a href="/refund-policy/">Refund Policy</a><a href="/enroll-now/">Contact</a></div></div></div></footer><a href="https://wa.me/919667708830?text=Hi%20Coding%20Now%2C%20I%20want%20to%20know%20more%20about%20your%20courses" class="floating-whatsapp" target="_blank" rel="noopener noreferrer" aria-label="Chat on WhatsApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" aria-hidden="true" color="#fff" style="color:#fff" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"></path></svg></a><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="fixed inset-x-0 bottom-0 z-[9999] flex md:hidden border-t border-slate-200 bg-white shadow-[0_-4px_20px_rgba(0,0,0,0.1)]"><a href="tel:+919667708830" class="flex flex-1 items-center justify-center gap-2 py-3.5 font-poppins text-[0.9rem] font-bold text-[#064e3b] transition-colors active:bg-slate-50"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Call Now</a><a class="flex flex-1 items-center justify-center gap-2 py-3.5 font-poppins text-[0.9rem] font-bold text-white" style="background:linear-gradient(135deg,#F59E0B,#FFB800)" href="/enroll-now/">Enroll Now</a></div><script src="/_next/static/chunks/0yb2wil16uz6h.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\na:I[68027,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"style\"]\n:HL[\"/_next/static/chunks/0j4uo8becl1pb.css\",\"style\"]\n:HL[\"/_next/static/chunks/02bhhu-ub8vle.css\",\"style\"]\n:HL[\"/_next/static/media/47fe1b7cd6e6ed85-s.p.0~mcdl10zdfb3.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/829ba4228c966254-s.p.0ub.k0om~_-xi.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8e6fa89aa22d24ec-s.p.0uvzar8hswo3p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a218039a3287bcfd-s.p.17-1enzs_j91b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e2334d715941921e-s.p.12skym0rqknxy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:Tb5b,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"@id\":\"https://www.codingnowai.com/#website\",\"name\":\"Coding Now Tech Institute\",\"alternateName\":[\"CodingNow\",\"Coding Now\",\"Coding Now – Gurukul of AI\",\"Coding Now Gurukul of AI\",\"CodingNow Gurukul of AI\",\"Coding Now Tech Institute: Gurukul of AI\",\"Coding Now – Tech Institute\",\"Coding Now Tech Institute\",\"CodingNow Tech Institute\",\"Coding Now Pitampura\",\"CodingNow Pitampura\"],\"url\":\"https://www.codingnowai.com\",\"inLanguage\":\"en-IN\",\"publisher\":{\"@id\":\"https://www.codingnowai.com/#organization\"},\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://www.codingnowai.com/community/search?q={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}},{\"@context\":\"https://schema.org\",\"@type\":[\"LocalBusiness\",\"EducationalOrganization\"],\"@id\":\"https://www.codingnowai.com/#organization\",\"name\":\"Coding Now Tech Institute\",\"alternateName\":[\"CodingNow\",\"Coding Now\",\"Coding Now – Gurukul of AI\",\"Coding Now Gurukul of AI\",\"CodingNow Gurukul of AI\",\"Coding Now Tech Institute: Gurukul of AI\",\"Coding Now – Tech Institute\",\"Coding Now Tech Institute\",\"CodingNow Tech Institute\",\"Coding Now Pitampura\",\"CodingNow Pitampura\"],\"slogan\":\"Tech Institute\",\"description\":\"Coding Now Tech Institute is a coding and AI institute in Pitampura, Delhi offering AI, Full Stack, Data Science, Cloud Computing \u0026 Cybersecurity courses with 100% placement support.\",\"image\":\"https://www.codingnowai.com/images/logo.jpeg\",\"logo\":\"https://www.codingnowai.com/images/logo.jpeg\",\"url\":\"https://www.codingnowai.com\",\"telephone\":\"+91-9667708830\",\"email\":\"info@codingnowai.com\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"2nd Floor, Kapil Vihar, Opp. Metro Pillar No.354, Pitampura\",\"addressLocality\":\"New Delhi\",\"addressRegion\":\"Delhi\",\"postalCode\":\"110034\",\"addressCountry\":\"IN\"},\"contactPoint\":{\"@type\":\"ContactPoint\",\"telephone\":\"+91-9667708830\",\"contactType\":\"customer service\",\"email\":\"info@codingnowai.com\",\"availableLanguage\":[\"English\",\"Hindi\"]},\"sameAs\":[\"https://www.google.com/maps?cid=8721177965519775187\",\"https://www.linkedin.com/company/codingnow-in\",\"https://www.instagram.com/codingnow\",\"https://www.facebook.com/codingnow\",\"https://www.youtube.com/@codingnowai\",\"https://twitter.com/codingnow\"],\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":28.699913,\"longitude\":77.1366043},\"hasMap\":\"https://www.google.com/maps?cid=8721177965519775187\",\"openingHoursSpecification\":{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"],\"opens\":\"09:00\",\"closes\":\"19:00\"},\"priceRange\":\"₹₹\",\"areaServed\":[{\"@type\":\"City\",\"name\":\"Delhi\"},{\"@type\":\"AdministrativeArea\",\"name\":\"Delhi NCR\"}],\"keywords\":\"Coding Now Tech Institute, CodingNow, Coding Now Pitampura, best coding institute Delhi, AI courses Delhi\"}]}"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"notes\",\"html\",\"html-introduction\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"notes\",{\"children\":[[\"slug\",\"html\",\"d\",null],{\"children\":[[\"topic\",\"html-introduction\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0j4uo8becl1pb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/030f0q-xfjisq.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12uw8ma0nvy72.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/063f_5235lgpz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-theme\":\"light\",\"className\":\"poppins_2e4530c2-module__1Mn2RG__variable\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try{const theme=localStorage.getItem(\\\"codingnow-theme\\\");document.documentElement.dataset.theme=theme===\\\"dark\\\"?\\\"dark\\\":\\\"light\\\"}catch{document.documentElement.dataset.theme=\\\"light\\\"}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}]]}],\"$L3\"]}]]}],{\"children\":[\"$L4\",{\"children\":[\"$L5\",{\"children\":[\"$L6\",{\"children\":[\"$L7\",{},null,false,null]},null,false,\"$@8\"]},null,false,\"$@8\"]},null,false,null]},null,false,null],\"$L9\",false]],\"m\":\"$undefined\",\"G\":[\"$a\",[\"$Lb\",\"$Lc\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"6o8sWdtawkYn8E5yOZuY1\"}\n"])</script><script>self.__next_f.push([1,"d:I[42364,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\ne:I[70119,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\nf:I[5500,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"Image\"]\n10:I[5014,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"default\"]\n1d:I[39756,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n1e:I[37457,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n20:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"OutletBoundary\"]\n21:\"$Sreact.suspense\"\n24:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"ViewportBoundary\"]\n26:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"MetadataBoundary\"]\n"])</script><script>self.__next_f.push([1,"3:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$Ld\",null,{\"header\":[\"$\",\"$Le\",null,{}],\"footer\":[\"$\",\"footer\",null,{\"className\":\"footer-pro\",\"children\":[[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"footer-pro-wrapper\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer-brand\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer-logo-wrap\",\"children\":[[\"$\",\"$Lf\",null,{\"src\":\"/images/logo-96.webp\",\"alt\":\"Coding Now Tech Institute Logo\",\"width\":50,\"height\":50}],[\"$\",\"h2\",null,{\"children\":\"Coding Now Tech Institute\"}]]}],[\"$\",\"p\",null,{\"children\":\"India's premier AI \u0026 Full Stack training institute — bridging the gap between education and industry with hands-on mentorship and 100% placement support.\"}],[\"$\",\"div\",null,{\"className\":\"footer-address\",\"children\":[[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\",\"key\":\"1r0f0z\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\",\"key\":\"ilqhr7\"}]],\"className\":\"lucide-map-pin mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"2nd Floor, Kapil Vihar, (Opp. Metro Pillar No.354)\",[\"$\",\"br\",null,{}],\"Pitampura, New Delhi – 110034\"]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\",\"key\":\"9njp5v\"}]],\"className\":\"lucide-phone mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"tel:+919899508745\",\"children\":\"+91 9899508745\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\",\"key\":\"132q7q\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\",\"key\":\"izxlao\"}]],\"className\":\"lucide-mail mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:info@codingnowai.com\",\"children\":\"info@codingnowai.com\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"key\":\"1mglay\"}],[\"path\",{\"d\":\"M12 6v6l4 2\",\"key\":\"mmk7yg\"}]],\"className\":\"lucide-clock mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":\"Mon – Sat: 9:00 AM – 7:00 PM\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"footer-map\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Find Us Here\"}],[\"$\",\"div\",null,{\"className\":\"map-wrapper\",\"style\":{\"position\":\"relative\"},\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.google.com/maps?cid=8721177965519775187\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"style\":{\"position\":\"absolute\",\"inset\":0,\"zIndex\":1},\"aria-label\":\"Open Coding Now Tech Institute on Google Maps\"}],[\"$\",\"iframe\",null,{\"src\":\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.5!2d77.1366043!3d28.699913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03f5a6f7e8b1%3A0x790b8e5e5f3e4b53!2sCoding%20Now%20Tech%20Institute!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin\",\"allowFullScreen\":true,\"loading\":\"lazy\",\"referrerPolicy\":\"no-referrer-when-downgrade\",\"title\":\"Coding Now Tech Institute Office Location Map\",\"style\":{\"pointerEvents\":\"none\"}}]]}]]}],[\"$\",\"div\",null,{\"className\":\"footer-social\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/codingnowai-in\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"LinkedIn\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/codingnowai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Instagram\",\"children\":\"$L11\"}],\"$L12\",\"$L13\",\"$L14\"]}]]}],\"$L15\",\"$L16\",\"$L17\",\"$L18\"]}]}],\"$L19\",\"$L1a\"]}],\"children\":\"$L1b\"}],\"$L1c\"]}]\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/02bhhu-ub8vle.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"cn-notes\",\"children\":[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]\n5:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n6:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n7:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1f\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1582pnnvs.4wi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@22\"}]}]]}]\n23:[]\n8:\"$W23\"\n9:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L24\",null,{\"children\":\"$L25\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L26\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L27\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nb:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\nc:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0j4uo8becl1pb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"2a:I[22016,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"\"]\n2b:I[33752,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n28:T7c4,"])</script><script>self.__next_f.push([1,"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"])</script><script>self.__next_f.push([1,"11:[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$28\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]\n12:[\"$\",\"a\",null,{\"href\":\"https://www.facebook.com/codingnow\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Facebook\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n29:T450,M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z13:[\"$\",\"a\",null,{\"href\":\"https://wa.me/919667708830\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"WhatsApp\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$29\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n14:[\"$\",\"a\",null,{\"href\":\"https://www.youtube.com/@codingnowai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"YouTube\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n15:[\"$\",\"div\",null,{\"className\":\"footer-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"AI \u0026 Data\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/generative-ai\",\"children\":\"Generative AI\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/prompt-engineering\",\"children\":\"Prompt Engineering\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ai-engineering-diploma\",\"children\":\"AI Engineering Diploma\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/data-science\",\"children\":\"Data Science\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/data-analytics\",\"children\":\"Data Analytics\"}]]}]\n16:[\"$\",\"div\",null,{\"className\":\"fo"])</script><script>self.__next_f.push([1,"oter-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ai-integrated-full-stack\",\"children\":\"AI-Integrated Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/python-full-stack\",\"children\":\"Python Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/mern-stack\",\"children\":\"MERN Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/mean-stack\",\"children\":\"MEAN Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/react-full-stack\",\"children\":\"React Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/dot-net-full-stack\",\"children\":\".NET Full Stack\"}]]}]\n17:[\"$\",\"div\",null,{\"className\":\"footer-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Cloud \u0026 Cyber\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/aws-developer-associate\",\"children\":\"AWS Developer Associate\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/aws-solutions-architect\",\"children\":\"AWS Solutions Architect\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/azure-administrator\",\"children\":\"Azure Administrator\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/google-cloud\",\"children\":\"Google Cloud\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ethical-hacker\",\"children\":\"Ethical Hacker (C|EH)\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/cissp\",\"children\":\"CISSP\"}]]}]\n18:[\"$\",\"div\",null,{\"className\":\"footer-newsletter\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Stay Updated\"}],[\"$\",\"p\",null,{\"children\":\"Get latest course updates, offers \u0026 career tips directly in your inbox.\"}],[\"$\",\"div\",null,{\"className\":\"newsletter-box\",\"children\":[[\"$\",\"input\",null,{\"type\":\"email\",\"placeholder\":\"Your email\",\"aria-label\":\"Email for newsletter\"}],[\"$\",\"button\",null,{\"aria-label\":\"Subscribe\",\"children\":\"→\"}]]}],[\"$\",\"p\",null,{\"className\":\"newsletter-note\",\"children\":\"No spam. Unsubscribe anytime.\"}],[\"$\",\"div\",null,{\"className\":\"footer-links\",\"style\":{\"marginTop\":\"24px\"},\"children\":[[\"$\",\"h4\",null,{\"children\":\"Company\"}],[\"$\",\"$L2a\",null,{\"href\":\"/about\",\"children\":\"About Us\"}],[\"$\",\"$L2a\",null,{\"href\":\"/our-mission\",\"children\":\"Our Mission\"}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Contact Us\"}]]}]]}]\n19:[\"$\",\"hr\",null,{\"className\":\"footer-divider\"}]\n1a:[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"footer-bottom-pro\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© 2026 Coding Now Tech Institute. All rights reserved.\"}],[\"$\",\"div\",null,{\"className\":\"footer-bottom-links\",\"style\":{\"gap\":12,\"flexWrap\":\"wrap\",\"justifyContent\":\"center\"},\"children\":[[\"$\",\"a\",null,{\"href\":\"/privacy-policy/\",\"children\":\"Privacy Policy\"}],[\"$\",\"a\",null,{\"href\":\"/terms/\",\"children\":\"Terms of Use\"}],[\"$\",\"a\",null,{\"href\":\"/refund-policy/\",\"children\":\"Refund Policy\"}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Contact\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen flex items-center justify-center bg-gradient-to-br from-[#064e3b] via-[#04392a] to-[#064e3b] px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center max-w-md\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-[120px] md:text-[160px] font-black text-white/10 leading-none select-none\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl md:text-3xl font-bold text-white -mt-8 mb-3\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-300 text-sm md:text-base mb-8\",\"children\":\"The page you're looking for doesn't exist or has been moved. Let's get you back on track.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row items-center justify-center gap-4\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2 bg-white text-[#064e3b] font-semibold px-6 py-3 rounded-lg hover:bg-gray-100 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\",\"key\":\"5wwlr5\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\",\"key\":\"r6nss1\"}]],\"className\":\"lucide-house\",\"size\":18}],\" Go Home\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/courses\",\"className\":\"flex items-center gap-2 border border-white/30 text-white font-semibold px-6 py-3 rounded-lg hover:bg-white/10 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m12 19-7-7 7-7\",\"key\":\"1l729n\"}],[\"path\",{\"d\":\"M19 12H5\",\"key\":\"x3x0zl\"}]],\"className\":\"lucide-arrow-left\",\"size\":18}],\" Browse Courses\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/blog\",\"className\":\"flex items-center gap-2 border border-white/30 text-white font-semibold px-6 py-3 rounded-lg hover:bg-white/10 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":18}],\" Read the Blog\"]}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"$L2b\",null,{}]\n"])</script><script>self.__next_f.push([1,"2c:T602,"])</script><script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"TechArticle\",\"@id\":\"https://www.codingnowai.com/notes/html/html-introduction/#article\",\"headline\":\"HTML Introduction\",\"description\":\"HTML — HyperText Markup Language — describes the structure of web pages using elements and tags. It is the first skill every web developer learns, and this topic covers what it is and why it matters.\",\"author\":{\"@type\":\"Organization\",\"name\":\"Coding Now Tech Institute\",\"url\":\"https://www.codingnowai.com\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Coding Now Tech Institute\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.codingnowai.com/images/logo.jpeg\"}},\"url\":\"https://www.codingnowai.com/notes/html/html-introduction/\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://www.codingnowai.com/notes/html/html-introduction/\"},\"inLanguage\":\"en-IN\",\"wordCount\":441,\"isPartOf\":{\"@type\":\"CreativeWorkSeries\",\"name\":\"HTML Notes\",\"url\":\"https://www.codingnowai.com/notes/html/\"},\"speakable\":{\"@type\":\"SpeakableSpecification\",\"cssSelector\":[\"h1\",\"h2\",\".post-body \u003e p:first-of-type\"]},\"profiling\":{\"@type\":\"Text\",\"name\":\"code-example\"}},{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.codingnowai.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Notes\",\"item\":\"https://www.codingnowai.com/notes/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Notes\",\"item\":\"https://www.codingnowai.com/notes/html/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"HTML Introduction\"}]}]"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"main\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2c\"}}],[\"$\",\"section\",null,{\"className\":\"post-hero\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"nav\",null,{\"className\":\"crumb\",\"aria-label\":\"Breadcrumb\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/\",\"children\":\"Home\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[\"$\",\"$L2a\",null,{\"href\":\"/notes\",\"children\":\"Notes\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/html\",\"children\":\"HTML\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[[\"$\",\"$L2a\",null,{\"href\":\"/notes/html#cat-html-tutorial\",\"children\":\"HTML Tutorial\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}]],[\"$\",\"span\",null,{\"className\":\"cur\",\"children\":\"HTML Introduction\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/html\",\"className\":\"post-back\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":14}],\" Back to \",\"HTML\",\" Notes\"]}],[\"$\",\"br\",null,{}],[\"$\",\"$Lf\",null,{\"src\":\"/svgs/HTML.svg\",\"alt\":\"\",\"width\":40,\"height\":40,\"unoptimized\":true,\"className\":\"hero-icon\"}],[\"$\",\"span\",null,{\"className\":\"post-cat-badge\",\"children\":[\"Topic #\",2]}],[\"$\",\"h1\",null,{\"className\":\"post-title\",\"children\":\"HTML Introduction\"}],[\"$\",\"p\",null,{\"className\":\"topic-intro\",\"children\":\"HTML — HyperText Markup Language — describes the structure of web pages using elements and tags. It is the first skill every web developer learns, and this topic covers what it is and why it matters.\"}],[\"$\",\"div\",null,{\"className\":\"post-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"HTML\",\" Notes · Coding Now Tech Institute\"]}],[\"$\",\"span\",null,{\"children\":[3,\" min read\"]}],false,[\"$\",\"a\",null,{\"href\":\"https://www.w3schools.com/html/html_intro.asp\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"style\":{\"color\":\"inherit\",\"textDecoration\":\"underline\"},\"children\":\"Source\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"note-layout\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"nav\",null,{\"className\":\"lesson-outline\",\"aria-label\":\"In this lesson\",\"children\":[[\"$\",\"strong\",null,{\"children\":\"In this lesson\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"a\",\"what-is-html\",{\"href\":\"#what-is-html\",\"children\":\"What is HTML?\"}],[\"$\",\"a\",\"a-simple-html-document\",{\"href\":\"#a-simple-html-document\",\"children\":\"A Simple HTML Document\"}],[\"$\",\"a\",\"what-is-an-html-element\",{\"href\":\"#what-is-an-html-element\",\"children\":\"What is an HTML Element?\"}],\"$L2d\",\"$L2e\",\"$L2f\"]}]]}],\"$L30\",\"$L31\",\"$L32\"]}],\"$L33\"]}],\"$L34\"]}]\n"])</script><script>self.__next_f.push([1,"6a:I[46042,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"default\"]\n2d:[\"$\",\"a\",\"web-browsers\",{\"href\":\"#web-browsers\",\"children\":\"Web Browsers\"}]\n2e:[\"$\",\"a\",\"html-page-structure\",{\"href\":\"#html-page-structure\",\"children\":\"HTML Page Structure\"}]\n2f:[\"$\",\"a\",\"html-history\",{\"href\":\"#html-history\",\"children\":\"HTML History\"}]\n35:T106c,"])</script><script>self.__next_f.push([1,"\u003chr\u003e\n\u003cp\u003eHTML is the standard markup language for creating Web pages.\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"what-is-html\"\u003eWhat is HTML?\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eHTML stands for Hyper Text Markup Language\u003c/li\u003e\n\u003cli\u003eHTML is the standard markup language for creating Web pages\u003c/li\u003e\n\u003cli\u003eHTML describes the structure of a Web page\u003c/li\u003e\n\u003cli\u003eHTML consists of a series of elements\u003c/li\u003e\n\u003cli\u003eHTML elements tell the browser how to display the content\u003c/li\u003e\n\u003cli\u003eHTML elements label pieces of content such as \"this is a heading\", \"this is a paragraph\", \"this is a link\", etc.\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr\u003e\n\u003ch2 id=\"a-simple-html-document\"\u003eA Simple HTML Document\u003c/h2\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;!DOCTYPE html\u003e\n\n\u0026#x3C;html\u003e\n\u0026#x3C;head\u003e\n\u0026#x3C;title\u003ePage Title\u0026#x3C;/title\u003e\n\n \u0026#x3C;/head\u003e\n\n\u0026#x3C;body\u003e\n\n\u0026#x3C;h1\u003eMy First Heading\u0026#x3C;/h1\u003e\n\u0026#x3C;p\u003eMy first paragraph.\u0026#x3C;/p\u003e\n\n \u0026#x3C;/body\u003e\n\u0026#x3C;/html\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch3\u003eExample Explained\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eThe \u003ccode\u003e\u0026#x3C;!DOCTYPE html\u003e\u003c/code\u003e declaration defines that this document is an HTML5 document\u003c/li\u003e\n\u003cli\u003eThe \u003ccode\u003e\u0026#x3C;html\u003e\u003c/code\u003e element is the root element of an HTML page\u003c/li\u003e\n\u003cli\u003eThe \u003ccode\u003e\u0026#x3C;head\u003e\u003c/code\u003e element contains meta information about the HTML page\u003c/li\u003e\n\u003cli\u003eThe \u003ccode\u003e\u0026#x3C;title\u003e\u003c/code\u003e element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)\u003c/li\u003e\n\u003cli\u003eThe \u003ccode\u003e\u0026#x3C;body\u003e\u003c/code\u003e element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.\u003c/li\u003e\n\u003cli\u003eThe \u003ccode\u003e\u0026#x3C;h1\u003e\u003c/code\u003e element defines a large heading\u003c/li\u003e\n\u003cli\u003eThe \u003ccode\u003e\u0026#x3C;p\u003e\u003c/code\u003e element defines a paragraph\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr\u003e\n\u003ch2 id=\"what-is-an-html-element\"\u003eWhat is an HTML Element?\u003c/h2\u003e\n\u003cp\u003eAn HTML element is defined by a start tag, some content, and an end tag:\u003c/p\u003e\n\u003cp\u003eThe HTML element is everything from the start tag to the end tag:\u003c/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eStart tag\u003c/th\u003e\n\u003cth\u003eElement content\u003c/th\u003e\n\u003cth\u003eEnd tag\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ch1\u003e\u003c/td\u003e\n\u003ctd\u003eMy First Heading\u003c/td\u003e\n\u003ctd\u003e\u003c/h1\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cp\u003e\u003c/td\u003e\n\u003ctd\u003eMy first paragraph.\u003c/td\u003e\n\u003ctd\u003e\u003c/p\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cbr\u003e\u003c/td\u003e\n\u003ctd\u003enone\u003c/td\u003e\n\u003ctd\u003enone\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003cblockquote\u003e\n\u003cp\u003e\u003cstrong\u003eNote:\u003c/strong\u003e Some HTML elements have no content (like the \u003cbr\u003e element). These elements are called empty elements. Empty elements do not have an end tag!\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003chr\u003e\n\u003ch2 id=\"web-browsers\"\u003eWeb Browsers\u003c/h2\u003e\n\u003cp\u003eThe purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.\u003c/p\u003e\n\u003cp\u003eA browser does not display the HTML tags, but uses them to determine how to display the document:\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"html-page-structure\"\u003eHTML Page Structure\u003c/h2\u003e\n\u003cp\u003eBelow is a visualization of an HTML page structure:\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp\u003e\u003cstrong\u003eNote:\u003c/strong\u003e The content inside the \u003cbody\u003e section will be displayed in a browser. The content inside the \u003ctitle\u003e element will be shown in the browser's title bar or in the page's tab.\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003chr\u003e\n\u003ch2 id=\"html-history\"\u003eHTML History\u003c/h2\u003e\n\u003cp\u003eSince the early days of the World Wide Web, there have been many versions of HTML:\u003c/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eYear\u003c/th\u003e\n\u003cth\u003eVersion\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e1989\u003c/td\u003e\n\u003ctd\u003eTim Berners-Lee invented www\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e1991\u003c/td\u003e\n\u003ctd\u003eTim Berners-Lee invented HTML\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e1993\u003c/td\u003e\n\u003ctd\u003eDave Raggett drafted HTML+\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e1995\u003c/td\u003e\n\u003ctd\u003eHTML Working Group defined HTML 2.0\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e1997\u003c/td\u003e\n\u003ctd\u003eW3C Recommendation: HTML 3.2\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e1999\u003c/td\u003e\n\u003ctd\u003eW3C Recommendation: HTML 4.01\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2000\u003c/td\u003e\n\u003ctd\u003eW3C Recommendation: XHTML 1.0\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2008\u003c/td\u003e\n\u003ctd\u003eWHATWG HTML5 First Public Draft\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2012\u003c/td\u003e\n\u003ctd\u003eWHATWG HTML5 Living Standard\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2014\u003c/td\u003e\n\u003ctd\u003eW3C Recommendation: HTML5\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2016\u003c/td\u003e\n\u003ctd\u003eW3C Candidate Recommendation: HTML 5.1\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2017\u003c/td\u003e\n\u003ctd\u003eW3C Recommendation: HTML5.1 2nd Edition\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2017\u003c/td\u003e\n\u003ctd\u003eW3C Recommendation: HTML5.2\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003cblockquote\u003e\n\u003cp\u003e\u003cstrong\u003eNote:\u003c/strong\u003e This tutorial follows the latest HTML5 standard.\u003c/p\u003e\n\u003c/blockquote\u003e\n"])</script><script>self.__next_f.push([1,"30:[\"$\",\"div\",null,{\"className\":\"post-body\",\"children\":[[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$35\"}}],\"$L36\"]}]\n31:[\"$\",\"div\",null,{\"className\":\"prevnext\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/notes/html/html-home\",\"className\":\"pn-btn pn-prev\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":13}],\" Previous\"]}],[\"$\",\"strong\",null,{\"children\":\"HTML HOME\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/html/html-editors\",\"className\":\"pn-btn pn-next\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[\"Next \",[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right\",\"size\":13}]]}],[\"$\",\"strong\",null,{\"children\":\"HTML Editors\"}]]}]]}]\n32:[\"$\",\"div\",null,{\"className\":\"note-cta\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Want to go beyond the notes?\"}],[\"$\",\"p\",null,{\"children\":[\"Join Coding Now Tech Institute's \",\"HTML\",\" course — live mentorship, real projects, and 100% placement support.\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Enroll Now — Free Demo Available\"}]]}]\n"])</script><script>self.__next_f.push([1,"33:[\"$\",\"aside\",null,{\"className\":\"topics-side\",\"children\":[[\"$\",\"h4\",null,{\"children\":[\"HTML\",\" Notes — All Topics\"]}],[[\"$\",\"div\",\"html-tutorial\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Tutorial\"}],[[\"$\",\"$L2a\",\"html-home\",{\"href\":\"/notes/html/html-home\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":1}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML HOME\"}]]}],[\"$\",\"$L2a\",\"html-introduction\",{\"href\":\"/notes/html/html-introduction\",\"className\":\"ts-item active\",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":2}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Introduction\"}]]}],[\"$\",\"$L2a\",\"html-editors\",{\"href\":\"/notes/html/html-editors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":3}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Editors\"}]]}],[\"$\",\"$L2a\",\"html-basic\",{\"href\":\"/notes/html/html-basic\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":4}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Basic\"}]]}],[\"$\",\"$L2a\",\"html-elements\",{\"href\":\"/notes/html/html-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":5}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Elements\"}]]}],[\"$\",\"$L2a\",\"html-attributes\",{\"href\":\"/notes/html/html-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":6}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Attributes\"}]]}],[\"$\",\"$L2a\",\"html-headings\",{\"href\":\"/notes/html/html-headings\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":7}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Headings\"}]]}],[\"$\",\"$L2a\",\"html-paragraphs\",{\"href\":\"/notes/html/html-paragraphs\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":8}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Paragraphs\"}]]}],[\"$\",\"$L2a\",\"html-styles\",{\"href\":\"/notes/html/html-styles\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":9}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Styles\"}]]}],[\"$\",\"$L2a\",\"html-formatting\",{\"href\":\"/notes/html/html-formatting\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":10}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Formatting\"}]]}],[\"$\",\"$L2a\",\"html-quotations\",{\"href\":\"/notes/html/html-quotations\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":11}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Quotations\"}]]}],[\"$\",\"$L2a\",\"html-comments\",{\"href\":\"/notes/html/html-comments\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":12}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Comments\"}]]}],[\"$\",\"$L2a\",\"html-colors\",{\"href\":\"/notes/html/html-colors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":13}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Colors\"}]]}],[\"$\",\"$L2a\",\"rgb\",{\"href\":\"/notes/html/rgb\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":14}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RGB\"}]]}],[\"$\",\"$L2a\",\"hex\",{\"href\":\"/notes/html/hex\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":15}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HEX\"}]]}],[\"$\",\"$L2a\",\"hsl\",{\"href\":\"/notes/html/hsl\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":16}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HSL\"}]]}],[\"$\",\"$L2a\",\"html-css\",{\"href\":\"/notes/html/html-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":17}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML CSS\"}]]}],[\"$\",\"$L2a\",\"html-links\",{\"href\":\"/notes/html/html-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":18}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Links\"}]]}],[\"$\",\"$L2a\",\"link-colors\",{\"href\":\"/notes/html/link-colors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":19}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Link Colors\"}]]}],[\"$\",\"$L2a\",\"link-bookmarks\",{\"href\":\"/notes/html/link-bookmarks\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":20}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Link Bookmarks\"}]]}],[\"$\",\"$L2a\",\"html-images\",{\"href\":\"/notes/html/html-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":21}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Images\"}]]}],\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\",\"$L51\",\"$L52\",\"$L53\",\"$L54\",\"$L55\",\"$L56\",\"$L57\",\"$L58\",\"$L59\",\"$L5a\",\"$L5b\",\"$L5c\"]]}],\"$L5d\",\"$L5e\",\"$L5f\",\"$L60\",\"$L61\",\"$L62\",\"$L63\",\"$L64\",\"$L65\",\"$L66\",\"$L67\",\"$L68\"]]}]\n"])</script><script>self.__next_f.push([1,"69:T4b5,{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What does this HTML Introduction note cover?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This free note from Coding Now Tech Institute explains HTML Introduction in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews.\"}},{\"@type\":\"Question\",\"name\":\"Is this HTML Introduction tutorial free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every HTML topic on Coding Now Tech Institute, including HTML Introduction, is 100% free with no signup required.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to learn HTML Introduction?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With focused practice, most students grasp HTML Introduction in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.\"}},{\"@type\":\"Question\",\"name\":\"Where can I practise HTML Introduction after reading?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.\"}}]}"])</script><script>self.__next_f.push([1,"34:[\"$\",\"section\",null,{\"className\":\"cn-faq-section\",\"aria-label\":\"HTML Introduction – FAQs\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$69\"}}],[\"$\",\"div\",null,{\"className\":\"cn-faq-inner\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"cn-faq-title\",\"children\":\"HTML Introduction – FAQs\"}],[\"$\",\"p\",null,{\"className\":\"cn-faq-sub\",\"children\":\"Quick answers about learning HTML Introduction in HTML.\"}],[\"$\",\"$L6a\",null,{\"faqs\":[{\"q\":\"What does this HTML Introduction note cover?\",\"a\":\"This free note from Coding Now Tech Institute explains HTML Introduction in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews.\"},{\"q\":\"Is this HTML Introduction tutorial free?\",\"a\":\"Yes. Every HTML topic on Coding Now Tech Institute, including HTML Introduction, is 100% free with no signup required.\"},{\"q\":\"How long does it take to learn HTML Introduction?\",\"a\":\"With focused practice, most students grasp HTML Introduction in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.\"},{\"q\":\"Where can I practise HTML Introduction after reading?\",\"a\":\"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"div\",null,{\"className\":\"share-bar\",\"children\":[[\"$\",\"strong\",null,{\"children\":\"Share:\"}],[\"$\",\"a\",null,{\"href\":\"https://wa.me/?text=HTML%20Introduction%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-introduction%2F\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-wa\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" WhatsApp\"]}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/shareArticle?mini=true\u0026url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-introduction%2F\u0026title=HTML%20Introduction\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-li\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" LinkedIn\"]}],[\"$\",\"a\",null,{\"href\":\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-introduction%2F\u0026text=HTML%20Introduction\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-cp\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 512 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" Copy / Share\"]}]]}]\n"])</script><script>self.__next_f.push([1,"37:[\"$\",\"$L2a\",\"image-map\",{\"href\":\"/notes/html/image-map\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":22}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Image Map\"}]]}]\n38:[\"$\",\"$L2a\",\"background-images\",{\"href\":\"/notes/html/background-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":23}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Images\"}]]}]\n39:[\"$\",\"$L2a\",\"the-picture-element\",{\"href\":\"/notes/html/the-picture-element\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":24}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The Picture Element\"}]]}]\n3a:[\"$\",\"$L2a\",\"html-project\",{\"href\":\"/notes/html/html-project\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":25}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Project\"}]]}]\n3b:[\"$\",\"$L2a\",\"html-favicon\",{\"href\":\"/notes/html/html-favicon\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":26}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Favicon\"}]]}]\n3c:[\"$\",\"$L2a\",\"html-page-title\",{\"href\":\"/notes/html/html-page-title\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":27}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Page Title\"}]]}]\n3d:[\"$\",\"$L2a\",\"html-tables\",{\"href\":\"/notes/html/html-tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":28}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Tables\"}]]}]\n3e:[\"$\",\"$L2a\",\"table-borders\",{\"href\":\"/notes/html/table-borders\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":29}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Borders\"}]]}]\n3f:[\"$\",\"$L2a\",\"table-sizes\",{\"href\":\"/notes/html/table-sizes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":30}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Sizes\"}]]}]\n40:[\"$\",\"$L2a\",\"table-headers\",{\"href\":\"/notes/html/table-headers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":31}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Headers\"}]]}]\n41:[\"$\",\"$L2a\",\"padding-spacing\",{\"href\":\"/notes/html/padding-spacing\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":32}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Padding \u0026 Spacing\"}]]}]\n42:[\"$\",\"$L2a\",\"colspan-rowspan\",{\"href\":\"/notes/html/colspan-rowspan\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":33}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Colspan \u0026 Rowspan\"}]]}]\n43:[\"$\",\"$L2a\",\"table-styling\",{\"href\":\"/notes/html/table-styling\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":34}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Styling\"}]]}]\n44:[\"$\",\"$L2a\",\"table-colgroup\",{\"href\":\"/notes/html/table-colgroup\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":35}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Colgroup\"}]]}]\n45:[\"$\",\"$L2a\",\"html-lists\",{\"href\":\"/notes/html/html-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":36}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Lists\"}]]}]\n46:[\"$\",\"$L2a\",\"unordered-lists\",{\"href\":\"/notes/html/unordered-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":37}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Unordered Lists\"}]]}]\n47:[\"$\",\"$L2a\",\"ordered-lists\",{\"href\":\"/notes/html/ordered-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":38}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Ordered Lists\"}]]}]\n48:[\"$\",\"$L2a\",\"other-lists\",{\"href\":\"/notes/html/other-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":39}],[\"$\",\"span\""])</script><script>self.__next_f.push([1,",null,{\"className\":\"ts-title\",\"children\":\"Other Lists\"}]]}]\n49:[\"$\",\"$L2a\",\"html-block-inline\",{\"href\":\"/notes/html/html-block-inline\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":40}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Block \u0026 Inline\"}]]}]\n4a:[\"$\",\"$L2a\",\"html-div\",{\"href\":\"/notes/html/html-div\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":41}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Div\"}]]}]\n4b:[\"$\",\"$L2a\",\"html-classes\",{\"href\":\"/notes/html/html-classes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":42}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Classes\"}]]}]\n4c:[\"$\",\"$L2a\",\"html-id\",{\"href\":\"/notes/html/html-id\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":43}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Id\"}]]}]\n4d:[\"$\",\"$L2a\",\"html-buttons\",{\"href\":\"/notes/html/html-buttons\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":44}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Buttons\"}]]}]\n4e:[\"$\",\"$L2a\",\"html-iframes\",{\"href\":\"/notes/html/html-iframes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":45}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Iframes\"}]]}]\n4f:[\"$\",\"$L2a\",\"html-javascript\",{\"href\":\"/notes/html/html-javascript\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":46}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML JavaScript\"}]]}]\n50:[\"$\",\"$L2a\",\"html-file-paths\",{\"href\":\"/notes/html/html-file-paths\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":47}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML File Paths\"}]]}]\n51:[\"$\",\"$L2a\",\"html-head\",{\"href\":\"/notes/html/html-head\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":48}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Head\"}]]}]\n52:[\"$\",\"$L2a\",\"html-layout\",{\"href\":\"/notes/html/html-layout\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":49}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Layout\"}]]}]\n53:[\"$\",\"$L2a\",\"html-responsive\",{\"href\":\"/notes/html/html-responsive\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":50}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Responsive\"}]]}]\n54:[\"$\",\"$L2a\",\"html-computercode\",{\"href\":\"/notes/html/html-computercode\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":51}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Computercode\"}]]}]\n55:[\"$\",\"$L2a\",\"html-semantics\",{\"href\":\"/notes/html/html-semantics\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":52}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Semantics\"}]]}]\n56:[\"$\",\"$L2a\",\"html-style-guide\",{\"href\":\"/notes/html/html-style-guide\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":53}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Style Guide\"}]]}]\n57:[\"$\",\"$L2a\",\"html-entities\",{\"href\":\"/notes/html/html-entities\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":54}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Entities\"}]]}]\n58:[\"$\",\"$L2a\",\"html-symbols\",{\"href\":\"/notes/html/html-symbols\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":55}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Symbols\"}]]}]\n59:[\"$\",\"$L2a\",\"html-emojis\",{\"href\":\"/notes/html/html-emojis\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":56}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Emojis\"}]]}]\n5a:[\"$\",\"$L2a\",\"html-charsets\",{\"href\":\"/notes/html/html-charsets\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num"])</script><script>self.__next_f.push([1,"\",\"children\":57}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Charsets\"}]]}]\n5b:[\"$\",\"$L2a\",\"html-url-encode\",{\"href\":\"/notes/html/html-url-encode\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":58}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML URL Encode\"}]]}]\n5c:[\"$\",\"$L2a\",\"html-vs-xhtml\",{\"href\":\"/notes/html/html-vs-xhtml\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":59}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML vs. XHTML\"}]]}]\n"])</script><script>self.__next_f.push([1,"5d:[\"$\",\"div\",\"html-forms\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Forms\"}],[[\"$\",\"$L2a\",\"html-forms\",{\"href\":\"/notes/html/html-forms\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":60}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Forms\"}]]}],[\"$\",\"$L2a\",\"html-form-attributes\",{\"href\":\"/notes/html/html-form-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":61}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Form Attributes\"}]]}],[\"$\",\"$L2a\",\"html-form-elements\",{\"href\":\"/notes/html/html-form-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":62}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Form Elements\"}]]}],[\"$\",\"$L2a\",\"html-input-types\",{\"href\":\"/notes/html/html-input-types\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":63}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Input Types\"}]]}],[\"$\",\"$L2a\",\"html-input-attributes\",{\"href\":\"/notes/html/html-input-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":64}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Input Attributes\"}]]}],[\"$\",\"$L2a\",\"input-form-attributes\",{\"href\":\"/notes/html/input-form-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":65}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Input Form Attributes\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"5e:[\"$\",\"div\",\"html-graphics\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Graphics\"}],[[\"$\",\"$L2a\",\"html-canvas\",{\"href\":\"/notes/html/html-canvas\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":66}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Canvas\"}]]}],[\"$\",\"$L2a\",\"html-svg\",{\"href\":\"/notes/html/html-svg\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":67}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML SVG\"}]]}]]]}]\n5f:[\"$\",\"div\",\"html-media\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Media\"}],[[\"$\",\"$L2a\",\"html-media\",{\"href\":\"/notes/html/html-media\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":68}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Media\"}]]}],[\"$\",\"$L2a\",\"html-video\",{\"href\":\"/notes/html/html-video\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":69}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Video\"}]]}],[\"$\",\"$L2a\",\"html-audio\",{\"href\":\"/notes/html/html-audio\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":70}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Audio\"}]]}],[\"$\",\"$L2a\",\"html-plug-ins\",{\"href\":\"/notes/html/html-plug-ins\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":71}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Plug-ins\"}]]}],[\"$\",\"$L2a\",\"html-youtube\",{\"href\":\"/notes/html/html-youtube\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":72}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML YouTube\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"60:[\"$\",\"div\",\"html-apis\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML APIs\"}],[[\"$\",\"$L2a\",\"html-web-apis\",{\"href\":\"/notes/html/html-web-apis\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":73}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Web APIs\"}]]}],[\"$\",\"$L2a\",\"html-geolocation\",{\"href\":\"/notes/html/html-geolocation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":74}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Geolocation\"}]]}],[\"$\",\"$L2a\",\"html-drag-and-drop\",{\"href\":\"/notes/html/html-drag-and-drop\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":75}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Drag and Drop\"}]]}],[\"$\",\"$L2a\",\"html-web-storage\",{\"href\":\"/notes/html/html-web-storage\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":76}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Web Storage\"}]]}],[\"$\",\"$L2a\",\"html-web-workers\",{\"href\":\"/notes/html/html-web-workers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":77}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Web Workers\"}]]}],[\"$\",\"$L2a\",\"html-sse\",{\"href\":\"/notes/html/html-sse\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":78}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML SSE\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"61:[\"$\",\"div\",\"more-basics\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Basics\"}],[[\"$\",\"$L2a\",\"what-is-html\",{\"href\":\"/notes/html/what-is-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":101}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"What Is HTML? A Practical Introduction\"}]]}],[\"$\",\"$L2a\",\"html-history\",{\"href\":\"/notes/html/html-history\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":102}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML History — From 1991 to HTML5\"}]]}],[\"$\",\"$L2a\",\"html-vs-css\",{\"href\":\"/notes/html/html-vs-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":103}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML vs CSS — What Each One Actually Does\"}]]}],[\"$\",\"$L2a\",\"html-document-structure\",{\"href\":\"/notes/html/html-document-structure\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":105}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Document Structure\"}]]}],[\"$\",\"$L2a\",\"html-syntax\",{\"href\":\"/notes/html/html-syntax\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":106}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Syntax Basics\"}]]}],[\"$\",\"$L2a\",\"html-tags\",{\"href\":\"/notes/html/html-tags\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":109}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Tags — Paired, Void \u0026 Deprecated\"}]]}],[\"$\",\"$L2a\",\"global-attributes\",{\"href\":\"/notes/html/global-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":111}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Global Attributes\"}]]}],[\"$\",\"$L2a\",\"html-block-elements\",{\"href\":\"/notes/html/html-block-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":112}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Block Elements\"}]]}],[\"$\",\"$L2a\",\"html-inline-elements\",{\"href\":\"/notes/html/html-inline-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":113}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Inline Elements\"}]]}],[\"$\",\"$L2a\",\"html-body\",{\"href\":\"/notes/html/html-body\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":115}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Body Element\"}]]}],[\"$\",\"$L2a\",\"html-doctype\",{\"href\":\"/notes/html/html-doctype\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":116}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Doctype\"}]]}],[\"$\",\"$L2a\",\"html-lang-attribute\",{\"href\":\"/notes/html/html-lang-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":117}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML lang Attribute\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"62:[\"$\",\"div\",\"more-text\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Text \u0026 Content\"}],[[\"$\",\"$L2a\",\"headings\",{\"href\":\"/notes/html/headings\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":201}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Headings (h1–h6)\"}]]}],[\"$\",\"$L2a\",\"paragraphs\",{\"href\":\"/notes/html/paragraphs\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":202}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Paragraphs\"}]]}],[\"$\",\"$L2a\",\"line-break\",{\"href\":\"/notes/html/line-break\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":203}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Line Break (br)\"}]]}],[\"$\",\"$L2a\",\"horizontal-rule\",{\"href\":\"/notes/html/horizontal-rule\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":204}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Horizontal Rule (hr)\"}]]}],[\"$\",\"$L2a\",\"bold-text\",{\"href\":\"/notes/html/bold-text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":205}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Bold Text (b)\"}]]}],[\"$\",\"$L2a\",\"italic-text\",{\"href\":\"/notes/html/italic-text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":206}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Italic Text (i)\"}]]}],[\"$\",\"$L2a\",\"underline-text\",{\"href\":\"/notes/html/underline-text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":207}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Underline Text (u)\"}]]}],[\"$\",\"$L2a\",\"strong\",{\"href\":\"/notes/html/strong\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":208}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Strong\"}]]}],[\"$\",\"$L2a\",\"emphasis\",{\"href\":\"/notes/html/emphasis\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":209}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Emphasis (em)\"}]]}],[\"$\",\"$L2a\",\"mark\",{\"href\":\"/notes/html/mark\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":210}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Mark\"}]]}],[\"$\",\"$L2a\",\"small\",{\"href\":\"/notes/html/small\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":211}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Small\"}]]}],[\"$\",\"$L2a\",\"del\",{\"href\":\"/notes/html/del\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":212}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Deleted Text (del)\"}]]}],[\"$\",\"$L2a\",\"ins\",{\"href\":\"/notes/html/ins\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":213}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Inserted Text (ins)\"}]]}],[\"$\",\"$L2a\",\"sup\",{\"href\":\"/notes/html/sup\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":214}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Superscript (sup)\"}]]}],[\"$\",\"$L2a\",\"sub\",{\"href\":\"/notes/html/sub\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":215}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Subscript (sub)\"}]]}],[\"$\",\"$L2a\",\"blockquote\",{\"href\":\"/notes/html/blockquote\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":216}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Blockquote\"}]]}],[\"$\",\"$L2a\",\"quotes\",{\"href\":\"/notes/html/quotes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":217}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Quotes (q)\"}]]}],[\"$\",\"$L2a\",\"pre\",{\"href\":\"/notes/html/pre\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":218}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Preformatted Text (pre)\"}]]}],[\"$\",\"$L2a\",\"code-tag\",{\"href\":\"/notes/html/code-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":219}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Code Tag\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"63:[\"$\",\"div\",\"more-links\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Links\"}],[[\"$\",\"$L2a\",\"links\",{\"href\":\"/notes/html/links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":301}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Links (Overview)\"}]]}],[\"$\",\"$L2a\",\"anchor-tag\",{\"href\":\"/notes/html/anchor-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":302}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The a Element (Anchor Tag)\"}]]}],[\"$\",\"$L2a\",\"absolute-url\",{\"href\":\"/notes/html/absolute-url\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":303}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Absolute URL\"}]]}],[\"$\",\"$L2a\",\"relative-url\",{\"href\":\"/notes/html/relative-url\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":304}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Relative URL\"}]]}],[\"$\",\"$L2a\",\"internal-links\",{\"href\":\"/notes/html/internal-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":305}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Internal Links\"}]]}],[\"$\",\"$L2a\",\"external-links\",{\"href\":\"/notes/html/external-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":306}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"External Links\"}]]}],[\"$\",\"$L2a\",\"email-links\",{\"href\":\"/notes/html/email-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":307}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Email Links\"}]]}],[\"$\",\"$L2a\",\"telephone-links\",{\"href\":\"/notes/html/telephone-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":308}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Telephone Links\"}]]}],[\"$\",\"$L2a\",\"link-target\",{\"href\":\"/notes/html/link-target\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":309}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"link-target\"}]]}],[\"$\",\"$L2a\",\"rel-attribute\",{\"href\":\"/notes/html/rel-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":310}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"rel Attribute\"}]]}],[\"$\",\"$L2a\",\"nofollow-links\",{\"href\":\"/notes/html/nofollow-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":311}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Nofollow Links\"}]]}],[\"$\",\"$L2a\",\"download-attribute\",{\"href\":\"/notes/html/download-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":312}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"download Attribute\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"64:[\"$\",\"div\",\"more-images\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Images\"}],[[\"$\",\"$L2a\",\"images\",{\"href\":\"/notes/html/images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":401}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Images (Overview)\"}]]}],[\"$\",\"$L2a\",\"img-tag\",{\"href\":\"/notes/html/img-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":402}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The img Tag\"}]]}],[\"$\",\"$L2a\",\"image-alt-attribute\",{\"href\":\"/notes/html/image-alt-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":403}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Image alt Attribute\"}]]}],[\"$\",\"$L2a\",\"image-width-height\",{\"href\":\"/notes/html/image-width-height\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":404}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Image width \u0026 height\"}]]}],[\"$\",\"$L2a\",\"figure\",{\"href\":\"/notes/html/figure\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":405}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"figure\"}]]}],[\"$\",\"$L2a\",\"figcaption\",{\"href\":\"/notes/html/figcaption\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":406}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"figcaption\"}]]}],[\"$\",\"$L2a\",\"responsive-images\",{\"href\":\"/notes/html/responsive-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":407}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Responsive Images\"}]]}],[\"$\",\"$L2a\",\"srcset\",{\"href\":\"/notes/html/srcset\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":408}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"srcset\"}]]}],[\"$\",\"$L2a\",\"picture-element\",{\"href\":\"/notes/html/picture-element\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":409}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The picture Element\"}]]}],[\"$\",\"$L2a\",\"lazy-loading-images\",{\"href\":\"/notes/html/lazy-loading-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":410}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Lazy Loading Images\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"65:[\"$\",\"div\",\"more-lists\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Lists\"}],[[\"$\",\"$L2a\",\"lists\",{\"href\":\"/notes/html/lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":501}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Lists (Overview)\"}]]}],[\"$\",\"$L2a\",\"ordered-list\",{\"href\":\"/notes/html/ordered-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":502}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Ordered List\"}]]}],[\"$\",\"$L2a\",\"unordered-list\",{\"href\":\"/notes/html/unordered-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":503}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Unordered List\"}]]}],[\"$\",\"$L2a\",\"description-list\",{\"href\":\"/notes/html/description-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":504}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Description List\"}]]}],[\"$\",\"$L2a\",\"nested-list\",{\"href\":\"/notes/html/nested-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":505}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Nested List\"}]]}],[\"$\",\"$L2a\",\"list-style-attributes\",{\"href\":\"/notes/html/list-style-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":506}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"List Style Attributes\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"66:[\"$\",\"div\",\"more-tables\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Tables\"}],[[\"$\",\"$L2a\",\"tables\",{\"href\":\"/notes/html/tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":601}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Tables (Overview)\"}]]}],[\"$\",\"$L2a\",\"table-tag\",{\"href\":\"/notes/html/table-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":602}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The table Tag\"}]]}],[\"$\",\"$L2a\",\"table-row\",{\"href\":\"/notes/html/table-row\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":603}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Row (tr)\"}]]}],[\"$\",\"$L2a\",\"table-cell\",{\"href\":\"/notes/html/table-cell\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":604}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Cell (td)\"}]]}],[\"$\",\"$L2a\",\"table-header\",{\"href\":\"/notes/html/table-header\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":605}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Header (th)\"}]]}],[\"$\",\"$L2a\",\"thead\",{\"href\":\"/notes/html/thead\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":606}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"thead\"}]]}],[\"$\",\"$L2a\",\"tbody\",{\"href\":\"/notes/html/tbody\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":607}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"tbody\"}]]}],[\"$\",\"$L2a\",\"tfoot\",{\"href\":\"/notes/html/tfoot\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":608}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"tfoot\"}]]}],[\"$\",\"$L2a\",\"colspan\",{\"href\":\"/notes/html/colspan\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":609}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"colspan\"}]]}],[\"$\",\"$L2a\",\"rowspan\",{\"href\":\"/notes/html/rowspan\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":610}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"rowspan\"}]]}],[\"$\",\"$L2a\",\"table-caption\",{\"href\":\"/notes/html/table-caption\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":611}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Caption\"}]]}],[\"$\",\"$L2a\",\"accessible-tables\",{\"href\":\"/notes/html/accessible-tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":612}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Accessible Tables\"}]]}],[\"$\",\"$L2a\",\"responsive-tables\",{\"href\":\"/notes/html/responsive-tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":613}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Responsive Tables\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"67:[\"$\",\"div\",\"more-forms\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Forms\"}],[[\"$\",\"$L2a\",\"forms\",{\"href\":\"/notes/html/forms\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":701}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Forms (Overview)\"}]]}],[\"$\",\"$L2a\",\"form-tag\",{\"href\":\"/notes/html/form-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":702}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The form Tag\"}]]}],[\"$\",\"$L2a\",\"input\",{\"href\":\"/notes/html/input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":703}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"input\"}]]}],[\"$\",\"$L2a\",\"input-types\",{\"href\":\"/notes/html/input-types\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":704}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Input Types\"}]]}],[\"$\",\"$L2a\",\"text-input\",{\"href\":\"/notes/html/text-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":705}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Input\"}]]}],[\"$\",\"$L2a\",\"email-input\",{\"href\":\"/notes/html/email-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":706}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Email Input\"}]]}],[\"$\",\"$L2a\",\"password-input\",{\"href\":\"/notes/html/password-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":707}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Password Input\"}]]}],[\"$\",\"$L2a\",\"number-input\",{\"href\":\"/notes/html/number-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":708}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Number Input\"}]]}],[\"$\",\"$L2a\",\"date-input\",{\"href\":\"/notes/html/date-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":709}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Date Input\"}]]}],[\"$\",\"$L2a\",\"time-input\",{\"href\":\"/notes/html/time-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":710}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Time Input\"}]]}],[\"$\",\"$L2a\",\"file-input\",{\"href\":\"/notes/html/file-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":711}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"File Input\"}]]}],[\"$\",\"$L2a\",\"checkbox\",{\"href\":\"/notes/html/checkbox\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":712}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Checkbox\"}]]}],[\"$\",\"$L2a\",\"radio-button\",{\"href\":\"/notes/html/radio-button\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":713}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Radio Button\"}]]}],[\"$\",\"$L2a\",\"select\",{\"href\":\"/notes/html/select\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":714}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"select\"}]]}],[\"$\",\"$L2a\",\"option\",{\"href\":\"/notes/html/option\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":715}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"option\"}]]}],[\"$\",\"$L2a\",\"textarea\",{\"href\":\"/notes/html/textarea\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":716}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"textarea\"}]]}],[\"$\",\"$L2a\",\"button\",{\"href\":\"/notes/html/button\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":717}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"button\"}]]}],[\"$\",\"$L2a\",\"label\",{\"href\":\"/notes/html/label\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":718}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"label\"}]]}],[\"$\",\"$L2a\",\"fieldset\",{\"href\":\"/notes/html/fieldset\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":719}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"fieldset\"}]]}],[\"$\",\"$L2a\",\"legend\",{\"href\":\"/notes/html/legend\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":720}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"legend\"}]]}],[\"$\",\"$L2a\",\"datalist\",{\"href\":\"/notes/html/datalist\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":721}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"datalist\"}]]}],[\"$\",\"$L2a\",\"output\",{\"href\":\"/notes/html/output\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":722}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"output\"}]]}],[\"$\",\"$L2a\",\"form-validation\",{\"href\":\"/notes/html/form-validation\",\"className\":\"ts-item \",\"children\":[\"$L6b\",\"$L6c\"]}],\"$L6d\",\"$L6e\",\"$L6f\",\"$L70\",\"$L71\",\"$L72\",\"$L73\",\"$L74\"]]}]\n"])</script><script>self.__next_f.push([1,"68:[\"$\",\"div\",\"more-semantic\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Semantic HTML\"}],[[\"$\",\"$L2a\",\"semantic-html\",{\"href\":\"/notes/html/semantic-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":801}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Semantic HTML — Complete Guide\"}]]}],[\"$\",\"$L2a\",\"header\",{\"href\":\"/notes/html/header\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":802}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The header Element\"}]]}],[\"$\",\"$L2a\",\"nav\",{\"href\":\"/notes/html/nav\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":803}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The nav Element\"}]]}],[\"$\",\"$L2a\",\"main\",{\"href\":\"/notes/html/main\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":804}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The main Element\"}]]}],[\"$\",\"$L2a\",\"section\",{\"href\":\"/notes/html/section\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":805}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The section Element\"}]]}],[\"$\",\"$L2a\",\"article\",{\"href\":\"/notes/html/article\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":806}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The article Element\"}]]}],[\"$\",\"$L2a\",\"aside\",{\"href\":\"/notes/html/aside\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":807}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The aside Element\"}]]}],[\"$\",\"$L2a\",\"footer\",{\"href\":\"/notes/html/footer\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":808}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The footer Element\"}]]}],[\"$\",\"$L2a\",\"address\",{\"href\":\"/notes/html/address\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":809}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The address Element\"}]]}],[\"$\",\"$L2a\",\"details\",{\"href\":\"/notes/html/details\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":810}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The details and summary Elements\"}]]}],[\"$\",\"$L2a\",\"time\",{\"href\":\"/notes/html/time\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":811}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The time Element\"}]]}],[\"$\",\"$L2a\",\"semantic-vs-non-semantic-html\",{\"href\":\"/notes/html/semantic-vs-non-semantic-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":812}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Semantic vs Non-Semantic HTML\"}]]}],[\"$\",\"$L2a\",\"div-vs-section\",{\"href\":\"/notes/html/div-vs-section\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":813}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"div vs section\"}]]}],[\"$\",\"$L2a\",\"article-vs-section\",{\"href\":\"/notes/html/article-vs-section\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":814}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"article vs section\"}]]}],[\"$\",\"$L2a\",\"header-vs-head\",{\"href\":\"/notes/html/header-vs-head\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":815}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"header vs head\"}]]}],[\"$\",\"$L2a\",\"nav-best-practices\",{\"href\":\"/notes/html/nav-best-practices\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":816}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Nav Best Practices\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"6b:[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":723}]\n6c:[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Form Validation\"}]\n6d:[\"$\",\"$L2a\",\"required\",{\"href\":\"/notes/html/required\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":724}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"required\"}]]}]\n6e:[\"$\",\"$L2a\",\"pattern\",{\"href\":\"/notes/html/pattern\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":725}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"pattern\"}]]}]\n6f:[\"$\",\"$L2a\",\"min-max\",{\"href\":\"/notes/html/min-max\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":726}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"min and max\"}]]}]\n70:[\"$\",\"$L2a\",\"placeholder\",{\"href\":\"/notes/html/placeholder\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":727}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"placeholder\"}]]}]\n71:[\"$\",\"$L2a\",\"autocomplete\",{\"href\":\"/notes/html/autocomplete\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":728}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"autocomplete\"}]]}]\n72:[\"$\",\"$L2a\",\"form-method\",{\"href\":\"/notes/html/form-method\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":729}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"form method\"}]]}]\n73:[\"$\",\"$L2a\",\"form-action\",{\"href\":\"/notes/html/form-action\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":730}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"form action\"}]]}]\n74:[\"$\",\"$L2a\",\"get-vs-post\",{\"href\":\"/notes/html/get-vs-post\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":731}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"GET vs POST\"}]]}]\n"])</script><script>self.__next_f.push([1,"25:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"75:I[27201,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"IconMark\"]\n22:null\n"])</script><script>self.__next_f.push([1,"27:[[\"$\",\"title\",\"0\",{\"children\":\"HTML Introduction – HTML Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"HTML — HyperText Markup Language — describes the structure of web pages using elements and tags. It is the first skill every web developer learns, and this topic covers what it is and why it matters.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://www.codingnowai.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"html html introduction,html introduction notes,html introduction tutorial,html introduction with examples,learn html\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"7\",{\"name\":\"publisher\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"10\",{\"name\":\"geo.region\",\"content\":\"IN-DL\"}],[\"$\",\"meta\",\"11\",{\"name\":\"geo.placename\",\"content\":\"Pitampura, Delhi\"}],[\"$\",\"meta\",\"12\",{\"name\":\"geo.position\",\"content\":\"28.699913;77.1366043\"}],[\"$\",\"meta\",\"13\",{\"name\":\"ICBM\",\"content\":\"28.699913, 77.1366043\"}],[\"$\",\"link\",\"14\",{\"rel\":\"canonical\",\"href\":\"https://www.codingnowai.com/notes/html/html-introduction/\"}],[\"$\",\"meta\",\"15\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"16\",{\"name\":\"google-site-verification\",\"content\":\"F393WPQyD7LpOobyT3QAGfAuhUxWEkniflvikb81CjE\"}],[\"$\",\"meta\",\"17\",{\"name\":\"msvalidate01\",\"content\":\"08F1AAA96A9BAF5FD3981FFE4F93AE3D\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:title\",\"content\":\"HTML Introduction – HTML Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:description\",\"content\":\"HTML — HyperText Markup Language — describes the structure of web pages using elements and tags. It is the first skill every web developer learns, and this topic covers what it is and why it matters.\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:url\",\"content\":\"https://www.codingnowai.com/notes/html/html-introduction/\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Learn AI, Data Science \u0026 Full Stack with real-world mentorship and placement support.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://www.codingnowai.com/images/og-image.png\"}],[\"$\",\"link\",\"26\",{\"rel\":\"shortcut icon\",\"href\":\"/images/icons/favicon.ico\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/images/icons/android-chrome-192x192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/images/icons/android-chrome-512x512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/icons/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L75\",\"34\",{}]]\n"])</script></body></html>