{"id":13,"date":"2023-12-11T05:56:33","date_gmt":"2023-12-11T05:56:33","guid":{"rendered":"https:\/\/www.xopsschool.com\/tutorials\/?p=13"},"modified":"2023-12-12T16:20:22","modified_gmt":"2023-12-12T16:20:22","slug":"what-is-html-and-what-are-the-basic-structure-of-html","status":"publish","type":"post","link":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/","title":{"rendered":"What is html and what are the Basic Structure of html?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png\" alt=\"\" class=\"wp-image-15\" srcset=\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png 1024w, https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-300x157.png 300w, https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-768x402.png 768w, https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">What is html?<\/h1>\n\n\n\n<p>HTML, or HyperText Markup Language, is the standard markup language used to create and design the structure of web pages. It is the basic building block of web development and is used in conjunction with Cascading Style Sheets (CSS) and JavaScript to create visually appealing and interactive web pages.<\/p>\n\n\n\n<p>HTML consists of a series of elements, each represented by tags, which are enclosed in angle brackets. These tags define the structure of the content on a web page. For example, the tag typically contains meta-information about the document, such as the title and links to stylesheets, while the tag contains the main content of the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML&nbsp;Editors<\/h2>\n\n\n\n<p><strong><u>&nbsp;HTML Using Notepad or TextEdit,vishual Code<\/u><\/strong><\/p>\n\n\n\n<p>Html be created web <strong><u><\/u><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit.<\/li>\n\n\n\n<li>We believe that using a simple text editor is a good way to learn HTML.<\/li>\n\n\n\n<li>Follow the steps below to create your first web page with Notepad or TextEdit.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Basic Structure of html<\/h2>\n\n\n\n<p>The basic structure of an HTML (Hypertext Markup Language) document consists of several key elements. Here&#8217;s a simple template to illustrate the typical structure:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\r\n&lt;html lang=\"en\">\r\n&lt;head>\r\n    &lt;meta charset=\"UTF-8\">\r\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    &lt;title>Your Page Title&lt;\/title>\r\n    &lt;!-- Additional meta tags, stylesheets, and scripts can be included here -->\r\n&lt;\/head>\r\n&lt;body>\r\n    &lt;!-- Content of your webpage goes here -->\r\n\r\n    &lt;h1>Hello, World!&lt;\/h1>\r\n    &lt;p>This is a simple HTML document.&lt;\/p>\r\n\r\n    &lt;!-- Additional HTML elements and content -->\r\n\r\n    &lt;!-- Scripts can be included at the end of the body for better performance -->\r\n    &lt;!-- &lt;script src=\"your-script.js\">&lt;\/script> -->\r\n&lt;\/body>\r\n&lt;\/html>\r<\/code><\/pre>\n\n\n\n<p><strong>Let&#8217;s break down the structure:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><code>&lt;!DOCTYPE html><\/code>: <\/strong>This declaration defines the document type and version of HTML. It helps browsers render the page correctly.<\/li>\n\n\n\n<li><strong><code>&lt;html lang=\"en\"><\/code>: <\/strong>The root element of the HTML document. The &#8220;lang&#8221; attribute specifies the language of the document.<\/li>\n\n\n\n<li><strong><code>&lt;head><\/code>:<\/strong> Contains meta-information about the HTML document, such as character set, viewport settings, and the title of the page.<\/li>\n\n\n\n<li><strong><code>&lt;meta charset=\"UTF-8\"><\/code>: <\/strong>Specifies the character encoding for the document. UTF-8 is widely used and supports a broad range of characters.<\/li>\n\n\n\n<li><strong><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/code>:<\/strong> Sets the viewport settings for responsive design on various devices.<\/li>\n\n\n\n<li><strong><code>&lt;title>Your Page Title&lt;\/title><\/code>: <\/strong>Sets the title of the webpage, which appears in the browser tab.<\/li>\n\n\n\n<li><strong><code>&lt;body><\/code>:<\/strong> Contains the content of the HTML document, such as text, images, links, and other elements.<\/li>\n\n\n\n<li><strong><code>&lt;h1><\/code> to <code>&lt;p><\/code>: <\/strong>Example content within the body. You can add various HTML elements to structure and format your content.<\/li>\n\n\n\n<li><strong><code>&lt;script><\/code>: <\/strong>JavaScript files or code can be included here. It&#8217;s often recommended to place scripts at the end of the body for better page loading performance.<\/li>\n\n\n\n<li><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>What is html? HTML, or HyperText Markup Language, is the standard markup language used to create and design the structure of web pages. It is the basic building block of web development and is used in conjunction with Cascading Style Sheets (CSS) and JavaScript to create visually appealing and interactive web pages. HTML consists of &#8230; <a title=\"What is html and what are the Basic Structure of html?\" class=\"read-more\" href=\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\" aria-label=\"Read more about What is html and what are the Basic Structure of html?\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[5,4],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-html-tutorial","tag-html-editors","tag-what-is-html-and-what-are-the-basic-structure-of-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is html and what are the Basic Structure of html? - XOps Tutorials!!!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is html and what are the Basic Structure of html? - XOps Tutorials!!!\" \/>\n<meta property=\"og:description\" content=\"What is html? HTML, or HyperText Markup Language, is the standard markup language used to create and design the structure of web pages. It is the basic building block of web development and is used in conjunction with Cascading Style Sheets (CSS) and JavaScript to create visually appealing and interactive web pages. HTML consists of ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\" \/>\n<meta property=\"og:site_name\" content=\"XOps Tutorials!!!\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-11T05:56:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-12T16:20:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png\" \/>\n<meta name=\"author\" content=\"ritik hansda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ritik hansda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\"},\"author\":{\"name\":\"ritik hansda\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\"},\"headline\":\"What is html and what are the Basic Structure of html?\",\"datePublished\":\"2023-12-11T05:56:33+00:00\",\"dateModified\":\"2023-12-12T16:20:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\"},\"wordCount\":364,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png\",\"keywords\":[\"HTML\u00a0Editors\",\"What is html and what are the Basic Structure of html?\"],\"articleSection\":[\"HTML Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\",\"name\":\"What is html and what are the Basic Structure of html? - XOps Tutorials!!!\",\"isPartOf\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png\",\"datePublished\":\"2023-12-11T05:56:33+00:00\",\"dateModified\":\"2023-12-12T16:20:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1.png\",\"contentUrl\":\"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.xopsschool.com\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is html and what are the Basic Structure of html?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#website\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/\",\"name\":\"XOps Tutorials!!!\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xopsschool.com\/tutorials\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\",\"name\":\"ritik hansda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g\",\"caption\":\"ritik hansda\"},\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/author\/ritikhansda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is html and what are the Basic Structure of html? - XOps Tutorials!!!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/","og_locale":"en_US","og_type":"article","og_title":"What is html and what are the Basic Structure of html? - XOps Tutorials!!!","og_description":"What is html? HTML, or HyperText Markup Language, is the standard markup language used to create and design the structure of web pages. It is the basic building block of web development and is used in conjunction with Cascading Style Sheets (CSS) and JavaScript to create visually appealing and interactive web pages. HTML consists of ... Read more","og_url":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/","og_site_name":"XOps Tutorials!!!","article_published_time":"2023-12-11T05:56:33+00:00","article_modified_time":"2023-12-12T16:20:22+00:00","og_image":[{"url":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png","type":"","width":"","height":""}],"author":"ritik hansda","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ritik hansda","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#article","isPartOf":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/"},"author":{"name":"ritik hansda","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7"},"headline":"What is html and what are the Basic Structure of html?","datePublished":"2023-12-11T05:56:33+00:00","dateModified":"2023-12-12T16:20:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/"},"wordCount":364,"commentCount":0,"image":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png","keywords":["HTML\u00a0Editors","What is html and what are the Basic Structure of html?"],"articleSection":["HTML Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/","url":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/","name":"What is html and what are the Basic Structure of html? - XOps Tutorials!!!","isPartOf":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage"},"image":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1-1024x536.png","datePublished":"2023-12-11T05:56:33+00:00","dateModified":"2023-12-12T16:20:22+00:00","author":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7"},"breadcrumb":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#primaryimage","url":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1.png","contentUrl":"https:\/\/www.xopsschool.com\/tutorials\/wp-content\/uploads\/2023\/12\/image-1.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/www.xopsschool.com\/tutorials\/what-is-html-and-what-are-the-basic-structure-of-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xopsschool.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"What is html and what are the Basic Structure of html?"}]},{"@type":"WebSite","@id":"https:\/\/www.xopsschool.com\/tutorials\/#website","url":"https:\/\/www.xopsschool.com\/tutorials\/","name":"XOps Tutorials!!!","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xopsschool.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7","name":"ritik hansda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g","caption":"ritik hansda"},"url":"https:\/\/www.xopsschool.com\/tutorials\/author\/ritikhansda\/"}]}},"_links":{"self":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/13\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}