{"id":653,"date":"2021-12-01T05:00:06","date_gmt":"2021-12-01T05:00:06","guid":{"rendered":"https:\/\/swatilathia.wordpress.com\/?page_id=653"},"modified":"2024-12-18T03:43:27","modified_gmt":"2024-12-18T03:43:27","slug":"html-tutorial","status":"publish","type":"page","link":"https:\/\/swatilathia.com\/?page_id=653","title":{"rendered":"HTML Tutorial 1"},"content":{"rendered":"<body>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a079ab6a2903\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a079ab6a2903\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Introduction\" >Introduction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#HTML_Attributes\" >HTML Attributes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Heading_Tags_%E2%80%93_to\" >Heading Tags &#8211; &lt;H1&gt; to &lt;H6&gt;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Steps_to_save_run_HTML_web_page\" >Steps to save &amp; run HTML web page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Paragraphs_%E2%80%93\" >Paragraphs &#8211; &lt;p&gt;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Horizontal_Rules_%E2%80%93\" >Horizontal Rules &#8211; &lt;hr&gt;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Line_Breaks_%E2%80%93\" >Line Breaks &#8211; &lt;br&gt;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Preformatted_Text_%E2%80%93\" >Preformatted Text &#8211; &lt;pre&gt;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Text_Formatting_tags\" >Text Formatting tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#How_to_write_a_comment\" >How to write a comment<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#List_Tags\" >List Tags<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Unordered_List\" >Unordered List<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Ordered_Lists\" >Ordered Lists<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Definition_List_tags\" >Definition List tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Link_%E2%80%93_Hyperlinks_%E2%80%93_Anchor_tag\" >Link \u2013 Hyperlinks &#8211; Anchor tag : &lt;a&gt;<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Absolute_URLs_Relative_URLs\" >Absolute URLs &amp; Relative URLs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Links_%E2%80%93_Use_an_Image_as_a_Link\" >Links &#8211; Use an Image as a Link<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#Inserting_Special_Characters_Symbols\" >Inserting Special Characters &amp; Symbols<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#tag\" >&lt;img&gt; tag<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/swatilathia.com\/?page_id=653\/#tag-2\" >&lt;Bgsound&gt;tag<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"introduction\"><span class=\"ez-toc-section\" id=\"Introduction\"><\/span>Introduction<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>HTML stands for Hyper Text Markup Language<\/li>\n\n\n\n<li>It is used to create static Web pages<\/li>\n\n\n\n<li>HTML describes the structure of a Web page\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/li>\n\n\n\n<li>HTML is made up of elements or tags<\/li>\n\n\n\n<li>These elements tell the browser how to display the content<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size\"><strong>HTML Page Structure<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"620\" height=\"519\" src=\"https:\/\/i0.wp.com\/swatilathia.com\/wp-content\/uploads\/2021\/11\/image.png?resize=620%2C519&#038;ssl=1\" alt=\"\" class=\"wp-image-643\" style=\"width:372px;height:auto\" loading=\"lazy\" srcset=\"https:\/\/i0.wp.com\/swatilathia.com\/wp-content\/uploads\/2021\/11\/image.png?w=620&amp;ssl=1 620w, https:\/\/i0.wp.com\/swatilathia.com\/wp-content\/uploads\/2021\/11\/image.png?resize=300%2C251&amp;ssl=1 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Let\u2019s check every tag\/element of HTML:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>HTML document begins with &lt;html&gt; and ends with &lt;\/html&gt;<\/li>\n\n\n\n<li>The &lt;html&gt; element is the root element of an HTML web page<\/li>\n\n\n\n<li>The &lt;head&gt; element contains meta information about the HTML page<\/li>\n\n\n\n<li>The &lt;title&gt; element specifies a title for the HTML page (which is shown in the browser\u2019s title bar or in the page\u2019s tab)<\/li>\n\n\n\n<li>The &lt;body&gt; element defines the document\u2019s body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, form &amp; its controls etc.<\/li>\n\n\n\n<li>The &lt;p&gt; element defines a paragraph<\/li>\n\n\n\n<li>The &lt;h1&gt; element defines a large heading<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"html-attributes\"><span class=\"ez-toc-section\" id=\"HTML_Attributes\"><\/span><strong>HTML Attributes<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>HTML attributes provide additional information about HTML elements<\/li>\n\n\n\n<li>HTML elements can have attributes<\/li>\n\n\n\n<li>Attributes are always specified in the start tag<\/li>\n\n\n\n<li>Attributes usually come in name=value pairs like: name=\u201dvalue\u201d or color=\u201dred\u201d<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Example<\/strong> : width &amp; height attributes of &lt;table&gt; element, which specifies the width &amp; height of a table in % in below example<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\"><\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;table width=\u201d50%\u201d height=\u201d50%\u201d&gt;\n             &lt;tr&gt;&lt;td&gt;Bhavan\u2019s &lt;\/td&gt;&lt;\/tr&gt;\n&lt;\/table&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"head_tags\"><strong>Heading Tags<\/strong> \u2013 &lt;H1&gt; to &lt;H6&gt;<\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>HTML headings are titles or subtitles which is used to display on a web page.<\/li>\n\n\n\n<li>HTML has &lt;h1&gt; to &lt;h6&gt; heading tags in which &lt;h1&gt; means the most important heading &amp;&lt;h6&gt; means the least important heading.<\/li>\n\n\n\n<li>According to the importance &lt;H1&gt; gives biggest text &amp; &lt;H6&gt; gives smallest text. As we move from &lt;H1&gt; to &lt;H6&gt;, the size of the text decreases.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Example<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt;            \n&lt;head&gt;\n&lt;title&gt;Heading tags h1 to h6 example&lt;\/title&gt;            \n&lt;\/head&gt; \n&lt;body&gt; \n&lt;h1&gt;We belong to H J Doshi Jamnagar&lt;\/h1&gt; \n&lt;h2&gt;We belong to H J Doshi Jamnagar&lt;\/h2&gt; \n&lt;h3&gt;We belong to H J Doshi Jamnagar&lt;\/h3&gt; \n&lt;h4&gt;We belong to H J Doshi Jamnagar&lt;\/h4&gt; \n&lt;h5&gt;We belong to H J Doshi Jamnagar&lt;\/h5&gt; \n&lt;h6&gt;We belong to H J Doshi Jamnagar&lt;\/h6&gt; \n&lt;\/body&gt; \n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size\">Browsers automatically add some white space (a margin) before and after a heading.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"save_run\"><span class=\"ez-toc-section\" id=\"Steps_to_save_run_HTML_web_page\"><\/span><strong>Steps to save &amp; run HTML web page<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list has-medium-font-size\">\n<li>Write your HTML code in any editor like <strong>notepad, notepad++<\/strong>, etc.<\/li>\n\n\n\n<li>After writing your complete code, click on <strong>File -&gt;save.<\/strong><\/li>\n\n\n\n<li>This will give you a window in which you can choose your location to save the file : Say <strong>D:\/<\/strong><\/li>\n\n\n\n<li>Now write your file name with extension like \u201c<strong>webpage1.html<\/strong>\u201d in File Name option.<\/li>\n\n\n\n<li>Choose \u201c<strong>All Files<\/strong>\u201d in <strong>Save as type<\/strong> &amp; click on <strong>Save<\/strong> button.<\/li>\n\n\n\n<li>To run HTML web page, just go to the location where you have saved your file \u201c<strong>webpage1.html<\/strong>\u201c. Say in our case, we have saved the file at <strong>D:\/<\/strong> (D drive).<\/li>\n\n\n\n<li>Now you will have your file \u201c<strong>webpage1.html<\/strong>\u201d in D drive. Right click on the file &amp; open it with any of the browser , say Chrome or Firefox or Internet Explorer or any other.<\/li>\n\n\n\n<li>Now check your output.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"p_h_br\"><strong>Paragraphs<\/strong> \u2013 <strong>&lt;p&gt;<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>&lt;p&gt; element defines an HTML paragraph.<\/li>\n\n\n\n<li>A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"horizontal-rules-hr\"><strong>Horizontal Rules \u2013 &lt;hr&gt;<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>The &lt;hr&gt; tag defines a thematic break in an HTML web page, and is displayed as a horizontal rule (horizontal line).<\/li>\n\n\n\n<li>It is used to separate content in an HTML web page.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt; \n     &lt;body&gt; \n        &lt;p&gt;Hello Students&lt;\/p&gt; \n        &lt;hr&gt; \n        &lt;p&gt;Good Morning&lt;\/p&gt; \n        &lt;hr&gt; \n        &lt;p&gt;Have a nice day!!&lt;\/p&gt; \n     &lt;\/body&gt; \n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"line-breaks-br\"><strong>Line Breaks<\/strong> \u2013 <strong>&lt;br&gt;<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>To define a line break, HTML uses &lt;br&gt; element.<\/li>\n\n\n\n<li>It gives you a content in a new line.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt;\n     &lt;body&gt;\n          &lt;p&gt;This is&lt;br&gt;a paragraph&lt;br&gt;with line breaks.&lt;\/p&gt;\n     &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pre_tag\"><strong>Preformatted Text<\/strong> \u2013 <strong>&lt;pre&gt;<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>HTML &lt;pre&gt; element defines preformatted text.<\/li>\n\n\n\n<li>It means the text will be displayed exactly as written in the HTML code.<\/li>\n\n\n\n<li>The text inside a &lt;pre&gt; element is displayed in a fixed-width font (Courier), and it preserves both spaces and line breaks.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt; \n&lt;body&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n&lt;p&gt;The pre tag preserves both spaces and line breaks:&lt;\/p&gt; \n&lt;pre&gt; \u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u201cBhavan\u2019s H J Doshi Information Technology Institute \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n                         1, Patel Colony, \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n                         Mahila college campus, \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n                         Jamnagar - 361008 \n&lt;\/pre&gt;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n&lt;\/body&gt; \n&lt;\/html&gt; \u00a0<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tf_tags\"><span class=\"ez-toc-section\" id=\"Text_Formatting_tags\"><\/span><strong>Text Formatting tags<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>&lt;b&gt; \u2013 Bold text<\/strong>: It defines bold text, without any extra importance.<\/li>\n\n\n\n<li><strong>&lt;strong&gt; \u2013 Important text<\/strong>: It defines text with strong importance. The content inside is typically displayed in bold.<\/li>\n\n\n\n<li><strong>&lt;i&gt; \u2013 Italic text<\/strong>: It defines a part of text in an alternate voice or mood. The &lt;i&gt; tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.<\/li>\n\n\n\n<li><strong>&lt;em&gt; \u2013 Emphasized text<\/strong>: It defines emphasized text. A screen reader will pronounce the words in &lt;em&gt; with an emphasis, using verbal stress.<\/li>\n\n\n\n<li><strong>&lt;mark&gt; \u2013 Marked text<\/strong>: It defines text that should be marked or highlighted.<\/li>\n\n\n\n<li><strong>&lt;small&gt; \u2013 Smaller text<\/strong>: It defines smaller text.<\/li>\n\n\n\n<li><strong>&lt;del&gt; \u2013 Deleted text<\/strong>: It defines text that has been deleted from a document. Browsers will usually strike a line through deleted text.<\/li>\n\n\n\n<li><strong>&lt;ins&gt; \u2013 Inserted text<\/strong>: It defines a text that has been inserted into a document. Browsers will usually underline inserted text.<\/li>\n\n\n\n<li>Example: I would like to eat &lt;del&gt;Punjabi dish&lt;\/del&gt; &lt;ins&gt;Gujarati Dish&lt;\/ins&gt;<\/li>\n\n\n\n<li><strong>&lt;sub&gt; \u2013 Subscript text<\/strong>: It defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H<sub>2<\/sub>O:<\/li>\n\n\n\n<li>Example: H&lt;sub&gt;2&lt;\/sub&gt;O<\/li>\n\n\n\n<li><strong>&lt;sup&gt; \u2013 Superscript text<\/strong>: It defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like (a+b)<sup>2<\/sup>:<\/li>\n\n\n\n<li>Example: (a+b)&lt;sup&gt;2&lt;\/sup&gt;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hwc\"><span class=\"ez-toc-section\" id=\"How_to_write_a_comment\"><\/span><strong>How to write a comment<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>You can add comments to your HTML source code by using the following syntax:<\/li>\n\n\n\n<li>&lt;!\u2013 Write your comments here \u2013&gt;<\/li>\n\n\n\n<li>Notice that there is an exclamation point (!) in the start tag, but not in the end tag.<\/li>\n\n\n\n<li>Comments are not displayed by the browser, but they can help document your HTML source code.<\/li>\n\n\n\n<li>With comments you can place notifications and reminders in your HTML code.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"l_tags\"><span class=\"ez-toc-section\" id=\"List_Tags\"><\/span><strong>List Tags<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>HTML lists allow you to group a set of related items in lists.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"unordered-list\"><span class=\"ez-toc-section\" id=\"Unordered_List\"><\/span><strong>Unordered List<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>An unordered list starts with the &lt;ul&gt; tag.<\/li>\n\n\n\n<li>Each list item starts with the &lt;li&gt; tag.<\/li>\n\n\n\n<li>The\u00a0&lt;li&gt;\u00a0tag defines a list item.<\/li>\n\n\n\n<li>The\u00a0&lt;li&gt;\u00a0tag is used inside ordered lists(&lt;ol&gt;) &amp; unordered lists (&lt;ul&gt;) too.<\/li>\n\n\n\n<li>The list items will be marked with bullets (small black circles) by default<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;body&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n&lt;h2&gt;An unordered HTML list example&lt;\/h2&gt; \n&lt;ul&gt; \u00a0 \n&lt;li&gt;Language C&lt;\/li&gt; \u00a0 \n&lt;li&gt;Networking&lt;\/li&gt; \u00a0 \n&lt;li&gt;HTML&lt;\/li&gt; \n&lt;li&gt;Computer Fundamentals&lt;\/li&gt;\n&lt;\/ul&gt;\u00a0 \n&lt;\/body&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>If you want to change the style of list items from bullets to others, use the followings<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Item Type<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;body&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;h2&gt;An unordered HTML list&lt;\/h2&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;ul type=\u201dsquare\u201d&gt;\n                   &lt;li&gt;Language C&lt;\/li&gt;\n                   &lt;li&gt;C++&lt;\/li&gt;\n                   &lt;li&gt;PHP&lt;\/li&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;\/ul&gt;\u00a0\n&lt;\/body&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size\">You can also use images &amp; links as list items &lt;li&gt;.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ordered-lists\"><span class=\"ez-toc-section\" id=\"Ordered_Lists\"><\/span><strong>Ordered Lists<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>This is used to display list items in numbers or alphabets<\/li>\n\n\n\n<li>An ordered list can be numerical or alphabetical.<\/li>\n\n\n\n<li>This list is created by using &lt;ol&gt; tag.<\/li>\n\n\n\n<li>The numbering starts at one and is incremented by one for each successive ordered list element tagged with &lt;li&gt;.<\/li>\n\n\n\n<li>&lt;ol&gt; tag has other attributes too as follows<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt; \u00a0\u00a0 \n          &lt;head&gt; \u00a0\u00a0\u00a0\u00a0\u00a0 \n                       &lt;title&gt;Ordered List of Search Engines&lt;\/title&gt; \u00a0\u00a0 \n         &lt;\/head&gt; \u00a0\u00a0 \n        &lt;body&gt; \u00a0\u00a0\u00a0\u00a0\u00a0 \n\t&lt;ol&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\t\t\t      &lt;li&gt;Google&lt;\/li&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n&lt;li&gt;Yahoo!&lt;\/li&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \t\t&lt;li&gt;Bing&lt;\/li&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \t\t\t&lt;li&gt;MSN&lt;\/li&gt; \u00a0\u00a0\u00a0\u00a0\u00a0 \n\t&lt;\/ol&gt; \u00a0\u00a0 \n\t\t&lt;\/body&gt; \n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Example: type=\u201dA\u201d<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt; \u00a0\u00a0 \n\t&lt;head&gt; \u00a0\u00a0\u00a0\u00a0\u00a0 \n\t\t&lt;title&gt;HTML Ordered List&lt;\/title&gt; \u00a0\u00a0 \n\t&lt;\/head&gt; \u00a0\u00a0 \n\t&lt;body&gt; \u00a0\u00a0\u00a0\u00a0\u00a0 \n\t\t&lt;ol type = \"A\"&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n\t\t&lt;li&gt;Google&lt;\/li&gt;\u00a0   \t&lt;li&gt;Yahoo!&lt;\/li&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n\t\t\t&lt;li&gt;MSN&lt;\/li&gt; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;li&gt;Bing&lt;\/li&gt; \u00a0\u00a0\u00a0\u00a0\u00a0 \n\t\t&lt;\/ol&gt; \u00a0\u00a0 \n\t&lt;\/body&gt; \n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>start : <\/strong>You can use start attribute for &lt;ol&gt; tag to specify the starting point of numbering that you want. Following are the options:\n<ul class=\"wp-block-list\">\n<li>&lt;ol type = \u201c1\u201d start = \u201c5\u201d&gt;\u00a0\u00a0\u00a0 \u2013 Numbers starts with 5.<\/li>\n\n\n\n<li>&lt;ol type = \u201cI\u201d start = \u201c5\u201d&gt;\u00a0\u00a0\u00a0 \u2013 Numbers starts with V.<\/li>\n\n\n\n<li>&lt;ol type = \u201ci\u201d start = \u201c5\u201d&gt;\u00a0\u00a0\u00a0 \u2013 Numbers starts with v.<\/li>\n\n\n\n<li>&lt;ol type = \u201ca\u201d start = \u201c5\u201d&gt;\u00a0\u00a0\u00a0 \u2013 Letters starts with e.<\/li>\n\n\n\n<li>&lt;ol type = \u201cA\u201d start = \u201c5\u201d&gt;\u00a0\u00a0\u00a0 \u2013 Letters starts with E.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dl_tags\"><span class=\"ez-toc-section\" id=\"Definition_List_tags\"><\/span><strong>Definition List tags<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>The definition list is the perfect way to present a glossary, list of terms, or other name\/value list.<\/li>\n\n\n\n<li>This tag makes use of 3 different tags :<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list has-medium-font-size\">\n<li>&lt;dl&gt; \u2212 Defines the list<\/li>\n\n\n\n<li>&lt;dt&gt; \u2212 A term<\/li>\n\n\n\n<li>&lt;dd&gt; \u2212 Term definition<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt;\n\u00a0\u00a0 &lt;body&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;dl&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;dt&gt;&lt;b&gt;HTML&lt;\/b&gt;&lt;\/dt&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \t&lt;dd&gt;HTML stands for HyperText Markup Language&lt;\/dd&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;dt&gt;&lt;b&gt;CSS&lt;\/b&gt;&lt;\/dt&gt;\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\t&lt;dd&gt;CSS stands for Cascading Style Sheets&lt;\/dd&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;\/dl&gt;\n\u00a0\u00a0 &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a_tag\"><strong>Link \u2013 Hyperlinks \u2013 Anchor tag<\/strong> : <strong>&lt;a&gt;<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>Links are nothing but a text with underline, when you move your mouse at the text, it will show you a  \u201chand\u201d icon.<\/li>\n\n\n\n<li>If you click on it, it will open another page.<\/li>\n\n\n\n<li>Links are found in usually all web pages. Links allow users to move from one page to another page, when you click on it.<\/li>\n\n\n\n<li>This link is known as hyperlink.<\/li>\n\n\n\n<li>You can click on a link and jump to another document.<\/li>\n\n\n\n<li>A link does not only have to be text. It can also be an image or any other HTML element.<\/li>\n\n\n\n<li>To create a hyperlink, &lt;a&gt; element is used.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;a href=\"url\"&gt;link text&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>The most important attribute of the &lt;a&gt; element is the href attribute, which indicates the link\u2019s destination (where you want to go).<\/li>\n\n\n\n<li>The link text is the text that will be visible to the reader.<\/li>\n\n\n\n<li>Clicking on the link text, will send the reader to the specified URL address.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;a href=\u201dd:\/webpage1.html\u201d&gt;Click here&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size\">By default, links will appear as follows in all browsers:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>An unvisited link is underlined and blue<\/li>\n\n\n\n<li>A visited link is underlined and purple<\/li>\n\n\n\n<li>An active link is underlined and red<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Target: <\/strong>By default, the linked page will be displayed in the current browser window.<\/li>\n\n\n\n<li> If you want to change it, you have to apply another target for the link.The target attribute specifies where to open the linked document.<\/li>\n\n\n\n<li>The target attribute can have one of the following values:\n<ul class=\"wp-block-list\">\n<li>_self \u2013 Default: \u00a0Opens the document in the same window\/tab as it was clicked<\/li>\n\n\n\n<li>_blank: Opens the document in a new window or tab<\/li>\n\n\n\n<li>_parent: \u2013 Opens the document in the parent frame<\/li>\n\n\n\n<li>_top: Opens the document in the full body of the window<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt;\n\t&lt;body&gt;\n\t\t&lt;a href=\"d:\/webpage1.html\" target=\"_blank\"&gt;Click to open in New tab&lt;\/a&gt;\n\t\t&lt;p&gt;This link will open in a new browser window or tab.&lt;\/p&gt;\n\t&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"absolute-urls-relative-urls\"><span class=\"ez-toc-section\" id=\"Absolute_URLs_Relative_URLs\"><\/span><strong>Absolute URLs &amp; Relative URLs<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>Above example have used an <strong>absolute URL<\/strong> (a full path from drive to filename.extension) in the href attribute.<\/li>\n\n\n\n<li>A local link (a link to a page within the same drive or folder) is specified with a <strong>relative URL<\/strong> (without the \u201cfolder or drive name\u201d part):<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt;\n\t&lt;body&gt;\n\t\t&lt;h2&gt;Absolute URLs&lt;\/h2&gt;\n\t\t&lt;p&gt;&lt;a href=\"D:\/html\/Webpage1.html\"&gt;Demo Example 1&lt;\/a&gt;&lt;\/p&gt;\n\t\t&lt;p&gt;&lt;a href=\" D:\/format_tag\/Webpage2.html\"&gt; Demo Example 2&lt;\/a&gt;&lt;\/p&gt;\n\t\u00a0\u00a0\u00a0\u00a0    &lt;h2&gt;Relative URLs&lt;\/h2&gt;\n\t\t&lt;p&gt;&lt;a href=\"html_images.html\"&gt;HTML Images&lt;\/a&gt;&lt;\/p&gt;\n\t\t&lt;p&gt;&lt;a href=\"\/css\/default.html\"&gt;CSS Tutorial&lt;\/a&gt;&lt;\/p&gt;\n\t&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"links-use-an-image-as-a-link\"><span class=\"ez-toc-section\" id=\"Links_%E2%80%93_Use_an_Image_as_a_Link\"><\/span><strong>Links &#8211; Use an Image as a Link<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-medium-font-size\">If you want to use image as link, you have to take &lt;img&gt; inside &lt;a&gt; element.<\/p>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;html&gt;\n\t&lt;body&gt;\n        &lt;h2&gt;Image as a Link&lt;\/h2&gt;\n\t&lt;p&gt;The image below is a link. Click on it&lt;\/p&gt;\n\t&lt;a href=\"webpage.html\"&gt;&lt;img src=\"sunset.jpg\" alt=\"A scenic view of sunset at river   side\" height=\u201d50%\u201d width=\u201d50%\u201d&gt;&lt;\/a&gt;\n\t&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sp_tag\"><span class=\"ez-toc-section\" id=\"Inserting_Special_Characters_Symbols\"><\/span><strong>Inserting Special Characters &amp; Symbols<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>For adding special characters in HTML, type an ampersand followed by a pound sign (&amp;#) at the place within your HTML document where you want to add a special character<\/li>\n\n\n\n<li>Type the number of the proper code for the character to add.<\/li>\n\n\n\n<li>Type a semicolon (;) to finish.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Example:<\/strong> The \u00a9 (copyright) symbol can be displayed by using <strong>&amp;#169;<\/strong>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">You can also use entity names @copy;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"img_tag\"><span class=\"ez-toc-section\" id=\"tag\"><\/span><strong>&lt;img&gt; tag<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>The &lt;img&gt; tag is used to embed an image in an HTML page.<\/li>\n\n\n\n<li>Images are not technically inserted into a web page; images are linked to web pages. The &lt;img&gt; tag creates a holding space for the referenced image.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Attributes:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Src: <\/strong>It specifies the path to the image<\/li>\n\n\n\n<li><strong>Alt: <\/strong>It specifies an alternate text for an image, if the image for some reason cannot be displayed<\/li>\n\n\n\n<li><strong>Width<\/strong>: It specifies the width of an image in pixels or %<\/li>\n\n\n\n<li><strong>Height<\/strong>: It specifies the height of an image in pixels or %<\/li>\n\n\n\n<li><strong>Align<\/strong>: Aligns the image with its surrounding context. <strong>Allowed values<\/strong>: top, middle, bottom, left, right<\/li>\n\n\n\n<li><strong>Border<\/strong>: The width of a border around the image.<\/li>\n\n\n\n<li><strong>Hspace<\/strong>: The number of pixels of white space on the left and right of the image.<\/li>\n\n\n\n<li><strong>Vspace<\/strong>: The number of pixels of white space on the top and bottom of the image.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;img src=\"sunset.jpg\" \n\theight=\"180\" \n\twidth=\"300\" \n\talt=\"Sunset image\" \n\tborder=\u201d3\u201d \n\thspace=\u201d50\u201d \n\tvspace=\u201d100\u201d\n\talign=\u201dmiddle\u201d&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Usemap<\/strong>: It is used to specify the image as a client-side image-map. The image-map is the clickable image areas. The usemap attribute is used to create a relationship between the image and map.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;img usemap=\"#mapname\"&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>mapname:<\/strong> It is used to hold the map name containing hash (#) character.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bg_tag\"><span class=\"ez-toc-section\" id=\"tag-2\"><\/span><strong>&lt;Bgsound&gt;tag<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>It is used to play the soundtrack in the background, when you leave the page behind and open a new tab this tag will continuously play the track in the background.<\/li>\n\n\n\n<li>This tag is not for other browsers except the Internet Explorer.<\/li>\n\n\n\n<li>It does not display any graphical interface just play the track in the background.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>src:<\/strong> This attribute holds the path of the track that will be played in the background.<\/li>\n\n\n\n<li><strong>loop:<\/strong> This attribute holds a number that the number of times the track will play looping around. <\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;bgsound src=\"song.mp3\" loop=2&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>The Embed External Content element &lt;embed&gt;<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Height: <\/strong>The displayed height of the resource in pixels. This must be an absolute value; percentages are not allowed.<\/li>\n\n\n\n<li><strong>Src: <\/strong>The URL of the resource being embedded.<\/li>\n\n\n\n<li><strong>Type: <\/strong>The MIME type to use to select the plug-in to instantiate.<\/li>\n\n\n\n<li><strong>Width: <\/strong>The displayed width of the resource in pixels. This must be an absolute value; percentages are not allowed. <\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>Introduction HTML Page Structure Let\u2019s check every tag\/element of HTML: HTML Attributes Heading Tags \u2013 &lt;H1&gt; to &lt;H6&gt; Example Browsers automatically add some white space (a margin) before and after a heading. Steps to save &amp; run HTML web page Paragraphs \u2013 &lt;p&gt; Horizontal Rules \u2013 &lt;hr&gt; Line Breaks \u2013 &lt;br&gt; Preformatted Text \u2013 &lt;pre&gt; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":612,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"zakra_page_container_layout":"customizer","zakra_page_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-653","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages\/653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/swatilathia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=653"}],"version-history":[{"count":4,"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages\/653\/revisions"}],"predecessor-version":[{"id":5597,"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages\/653\/revisions\/5597"}],"up":[{"embeddable":true,"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages\/612"}],"wp:attachment":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}