{"id":508,"date":"2025-05-19T11:26:06","date_gmt":"2025-05-19T11:26:06","guid":{"rendered":"https:\/\/buhave.com\/courses\/?p=508"},"modified":"2026-06-06T12:24:59","modified_gmt":"2026-06-06T12:24:59","slug":"introduction-to-html","status":"publish","type":"post","link":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/","title":{"rendered":"Introduction to HTML"},"content":{"rendered":"<h2>What is HTML?<\/h2>\n<p>HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. Every website you visit is built on HTML in some form\u2014it&#8217;s the foundation of all web pages. As you continue learning, you may also want to explore styling with CSS in our <a href=\"https:\/\/buhave.com\/courses\/css\/introduction-to-css\/\" title=\"Introduction to CSS\">Introduction to CSS<\/a> course.<\/p>\n<p><strong>Breaking It Down<\/strong><\/p>\n<h3>HyperText<\/h3>\n<ul>\n<li>Refers to text that links to other text or documents.<\/li>\n<li>This is how webpages are connected\u2014via hyperlinks.<\/li>\n<li>Example: Clicking a link to navigate from one page to another.<\/li>\n<\/ul>\n<h3>Markup<\/h3>\n<ul>\n<li>HTML is not a programming language; it\u2019s a markup language.<\/li>\n<li>It uses tags to describe how content (like text, images, or videos) should be displayed.<\/li>\n<li>Tags are enclosed in angle brackets, e.g., &lt;p&gt; for paragraphs, &lt;img&gt; for images.<\/li>\n<\/ul>\n<h3>Language<\/h3>\n<ul>\n<li>HTML provides a standard syntax and structure that browsers (like Chrome, Firefox) understand.<\/li>\n<li>This ensures that content looks consistent across different platforms.<\/li>\n<\/ul>\n<p>For semantic structure and meaning in HTML, see <a href=\"https:\/\/buhave.com\/courses\/html\/semantic-html-and-structure\/\" title=\"Semantic HTML and Structure\">Semantic HTML and Structure<\/a>.<\/p>\n<p><strong>HTML Document Structure<\/strong><\/p>\n<p>A basic HTML document looks like this:<\/p>\n<p style=\"text-align: center\"><em>&lt;!DOCTYPE html&gt;<\/em><br \/>\n<em>&lt;html&gt;<\/em><br \/>\n<em>&lt;head&gt;<\/em><br \/>\n<em>&lt;title&gt;My First Page&lt;\/title&gt;<\/em><br \/>\n<em>&lt;\/head&gt;<\/em><br \/>\n<em>&lt;body&gt;<\/em><br \/>\n<em>&lt;h1&gt;Hello, World!&lt;\/h1&gt;<\/em><br \/>\n<em>&lt;p&gt;This is a paragraph.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;\/body&gt;<\/em><br \/>\n<em>&lt;\/html&gt;<\/em><\/p>\n<ul>\n<li>&lt;!DOCTYPE html&gt;: Declares the document type (HTML5).<\/li>\n<li>&lt;html&gt;: Root of the HTML document.<\/li>\n<li>&lt;head&gt;: Contains meta-information, title, links to CSS, etc.<\/li>\n<li>&lt;body&gt;: Contains everything that appears on the webpage.<\/li>\n<\/ul>\n<p><strong>Why Is HTML Important?<\/strong><\/p>\n<ul>\n<li>Essential for web development \u2013 Every site is built with HTML at its core.<\/li>\n<li>Works with CSS &amp; JavaScript \u2013 CSS handles styling, JavaScript handles interactivity.<\/li>\n<li>Browser-friendly \u2013 HTML is universally supported by all web browsers.<\/li>\n<li>SEO and Accessibility \u2013 Proper HTML structure helps search engines and screen readers understand the page.<\/li>\n<\/ul>\n<p>For a deeper look at the head elements and metadata, see <a href=\"https:\/\/buhave.com\/courses\/html\/metadata-and-head-elements\/\" title=\"Metadata and Head Elements\">Metadata and Head Elements<\/a>.<\/p>\n<p>Fun Fact<br \/>\nThe first ever website, created by Tim Berners-Lee in 1991, was written in plain HTML and explained what the World Wide Web was!<\/p>\n<h2>History and evolution<\/h2>\n<p>HTML has come a long way since its humble beginnings in the early &#8217;90s. From a basic way to share academic documents, it has evolved into the foundation of modern web applications.<\/p>\n<h3>1991 \u2013 The Birth of HTML<\/h3>\n<ul>\n<li>Invented by Tim Berners-Lee, a British computer scientist at CERN.<\/li>\n<li>The first version of HTML had only 18 tags, including &lt;p&gt;, &lt;a&gt;, &lt;img&gt;, and &lt;h1&gt;.<\/li>\n<li>It was designed to share and link scientific research documents across institutions.<\/li>\n<li>The first website ever (info.cern.ch) was just plain HTML explaining what the Web was.<\/li>\n<\/ul>\n<p><strong>1995 \u2013 HTML 2.0<\/strong><\/p>\n<ul>\n<li>Standardized by the Internet Engineering Task Force (IETF).<\/li>\n<li>Included more structured formatting: forms, tables, basic styling.<\/li>\n<li>Aimed to unify the HTML tags being used across early websites.<\/li>\n<\/ul>\n<p><strong>1997\u20131999 \u2013 HTML 3.2 and 4.01<\/strong><\/p>\n<ul>\n<li>HTML 3.2 introduced new elements like &lt;font&gt;, &lt;center&gt;, and scripting support (JavaScript).<\/li>\n<li>HTML 4.01 focused on separating structure (HTML) from presentation (CSS).<\/li>\n<li>Brought in elements for accessibility and better document structure.<\/li>\n<\/ul>\n<h3>The Decline and XHTML Attempt (Early 2000s)<\/h3>\n<ul>\n<li>The web was growing fast, but HTML development stalled.<\/li>\n<li>The W3C (World Wide Web Consortium) proposed XHTML, a stricter, XML-based version of HTML.<\/li>\n<li>XHTML was too rigid and didn&#8217;t gain widespread adoption\u2014developers preferred HTML&#8217;s forgiving syntax.<\/li>\n<\/ul>\n<p><strong>2008\u20132014 \u2013 Rise of HTML5<\/strong><\/p>\n<ul>\n<li>HTML5 was developed by the WHATWG (Web Hypertext Application Technology Working Group) and later adopted by W3C.<\/li>\n<li>Added powerful new features:<\/li>\n<li>Semantic tags: &lt;header&gt;, &lt;footer&gt;, &lt;section&gt;, etc.<\/li>\n<li>Multimedia support: &lt;audio&gt;, &lt;video&gt;<\/li>\n<li>APIs: Canvas, localStorage, geolocation, drag-and-drop<\/li>\n<li>Officially released as a W3C Recommendation in 2014.<\/li>\n<li>Marked a shift from static content to rich web applications.<\/li>\n<\/ul>\n<p><strong>HTML Living Standard (Today)<\/strong><\/p>\n<ul>\n<li>Maintained by WHATWG as a &#8220;living document&#8221;, meaning it\u2019s constantly updated.<\/li>\n<li>New features are added incrementally based on real-world use and browser support.<\/li>\n<li>Browsers like Chrome, Firefox, Safari continuously support new features.<\/li>\n<\/ul>\n<p>For a deeper dive into HTML5 features, see our <a href=\"https:\/\/buhave.com\/courses\/html\/html5-features\/\" title=\"HTML5 Features\">HTML5 Features<\/a> course.<\/p>\n<p><strong>Summary of Milestones:<\/strong><\/p>\n<table border=\"1\" style=\"border-collapse: collapse;width: 100%\" cellspacing=\"0\" cellpadding=\"8\">\n<thead>\n<tr>\n<th><strong>Year<\/strong><\/th>\n<th><strong>Version<\/strong><\/th>\n<th><strong>Highlights<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1991<\/td>\n<td>HTML (original)<\/td>\n<td>Created by Tim Berners-Lee, 18 basic tags<\/td>\n<\/tr>\n<tr>\n<td>1995<\/td>\n<td>HTML 2.0<\/td>\n<td>First standardized version<\/td>\n<\/tr>\n<tr>\n<td>1997<\/td>\n<td>HTML 3.2<\/td>\n<td>Tables, forms, scripting support<\/td>\n<\/tr>\n<tr>\n<td>1999<\/td>\n<td>HTML 4.01<\/td>\n<td>Separation of content &amp; design, accessibility<\/td>\n<\/tr>\n<tr>\n<td>2000s<\/td>\n<td>XHTML<\/td>\n<td>Attempt to reform HTML via XML (largely failed)<\/td>\n<\/tr>\n<tr>\n<td>2014<\/td>\n<td>HTML5<\/td>\n<td>Multimedia, semantics, APIs<\/td>\n<\/tr>\n<tr>\n<td>Ongoing<\/td>\n<td>Living Standard<\/td>\n<td>Continuous updates, modern web support<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Why It Matters<\/strong><\/p>\n<p>HTML\u2019s evolution reflects how the internet has changed\u2014from document sharing to interactive apps, video streaming, online stores, and more. It remains the core technology of everything on the web<\/p>\n<h2>HTML document structure (&lt;!DOCTYPE&gt;, &lt;html&gt;, &lt;head&gt;, &lt;body&gt;)<\/h2>\n<p>Every HTML document follows a basic structure that tells the browser how to interpret and render the content. This structure ensures consistency, proper formatting, and compatibility across web browsers.<\/p>\n<p>To learn how this structure maps to real-world pages, explore <a href=\"https:\/\/buhave.com\/courses\/html\/metadata-and-head-elements\/\" title=\"Metadata and Head Elements\">Metadata and Head Elements<\/a> for meta-information, or <a href=\"https:\/\/buhave.com\/courses\/html\/semantic-html-and-structure\/\" title=\"Semantic HTML and Structure\">Semantic HTML and Structure<\/a> for meaningful markup.<\/p>\n<p><strong>Basic Structure Template<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;!DOCTYPE html&gt;<\/em><br \/>\n<em>&lt;html&gt;<\/em><br \/>\n<em>&lt;head&gt;<\/em><br \/>\n<em>&lt;title&gt;My First Web Page&lt;\/title&gt;<\/em><br \/>\n<em>&lt;\/head&gt;<\/em><br \/>\n<em>&lt;body&gt;<\/em><br \/>\n<em>&lt;h1&gt;Hello, World!&lt;\/h1&gt;<\/em><br \/>\n<em>&lt;p&gt;This is my first HTML web page.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;\/body&gt;<\/em><br \/>\n<em>&lt;\/html&gt;<\/em><\/p>\n<h3>&lt;!DOCTYPE html&gt;<\/h3>\n<ul>\n<li>Declares the document type and HTML version.<\/li>\n<li>&lt;!DOCTYPE html&gt; is used for HTML5 (the current standard).<\/li>\n<li>It must be the very first line of an HTML document.<\/li>\n<li>Tells the browser: &#8220;This is an HTML5 document,&#8221; enabling modern features and consistent rendering.<\/li>\n<\/ul>\n<h3>&lt;html&gt;&#8230;&lt;\/html&gt;<\/h3>\n<ul>\n<li>This is the root element of any HTML page.<\/li>\n<li>It wraps the entire content of the page\u2014everything inside the &lt;head&gt; and &lt;body&gt;.<\/li>\n<li>Can include an optional lang attribute (e.g., &lt;html lang=&#8221;en&#8221;&gt;) for accessibility and SEO.<\/li>\n<\/ul>\n<h3>&lt;head&gt;&#8230;&lt;\/head&gt;<\/h3>\n<ul>\n<li>Contains meta-information about the page (not visible to users).<\/li>\n<\/ul>\n<p><strong>Includes:<\/strong><\/p>\n<ul>\n<li>&lt;title&gt;: The title displayed on the browser tab.<\/li>\n<li>&lt;meta&gt; tags: Charset, author, description, viewport settings.<\/li>\n<li>&lt;link&gt;: External resources like CSS files or fonts.<\/li>\n<li>&lt;style&gt;: Internal CSS (not recommended for large stylesheets).<\/li>\n<li>&lt;script&gt;: JavaScript references or inline scripts.<\/li>\n<\/ul>\n<p>Includes: <a href=\"https:\/\/buhave.com\/courses\/html\/metadata-and-head-elements\/\" title=\"Metadata and Head Elements\">Metadata and Head Elements<\/a> play a key role in search optimization and accessibility.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;head&gt;<\/em><br \/>\n<em>&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/em><br \/>\n<em>&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/em><br \/>\n<em>&lt;title&gt;About Me&lt;\/title&gt;<\/em><br \/>\n<em>&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;styles.css&#8221;&gt;<\/em><br \/>\n<em>&lt;\/head&gt;<\/em><\/p>\n<h3>&lt;body&gt;&#8230;&lt;\/body&gt;<\/h3>\n<ul>\n<li>Contains everything visible on the webpage.<\/li>\n<\/ul>\n<p><strong>This is where you place:<\/strong><\/p>\n<ul>\n<li>Headings (&lt;h1&gt; to &lt;h6&gt;)<\/li>\n<li>Paragraphs (&lt;p&gt;)<\/li>\n<li>Links (&lt;a&gt;), images (&lt;img&gt;), lists, tables, forms<\/li>\n<li>Any actual content users interact with<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;body&gt;<\/em><br \/>\n<em>&lt;h1&gt;Welcome to My Website&lt;\/h1&gt;<\/em><br \/>\n<em>&lt;p&gt;This is a paragraph of text.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;img src=&#8221;me.jpg&#8221; alt=&#8221;My photo&#8221;&gt;<\/em><br \/>\n<em>&lt;\/body&gt;<\/em><\/p>\n<p><strong>Summary Table:<\/strong><\/p>\n<table style=\"border-collapse: collapse;width: 100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"8\">\n<thead>\n<tr style=\"background-color: #f2f2f2\">\n<th style=\"text-align: left;padding: 12px\"><strong>Tag<\/strong><\/th>\n<th style=\"text-align: left;padding: 12px\"><strong>Purpose<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 12px\"><code>&lt;!DOCTYPE html&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Declares HTML5 document<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px\"><code>&lt;html&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Wraps the entire HTML content<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px\"><code>&lt;head&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Meta-information, title, links, scripts<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px\"><code>&lt;body&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Main content visible on the page<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Why Structure Matters<\/strong><\/p>\n<ul>\n<li>Ensures cross-browser compatibility<\/li>\n<li>Helps with SEO, accessibility, and maintainability<\/li>\n<li>Serves as the foundation for adding CSS, JavaScript, and external tools<\/li>\n<\/ul>\n<p>For a deeper look at the head elements and metadata, see <a href=\"https:\/\/buhave.com\/courses\/html\/metadata-and-head-elements\/\" title=\"Metadata and Head Elements\">Metadata and Head Elements<\/a>.<\/p>\n<h2>Writing your first HTML page<\/h2>\n<p>Creating your first HTML page is a foundational step in web development. It\u2019s where you begin to see how simple code turns into a functional web page right in your browser.<\/p>\n<p><strong>Step-by-Step Breakdown<\/strong><\/p>\n<h3>1. Open a Code Editor<\/h3>\n<p><strong>Use any plain text editor or IDE (like):<\/strong><\/p>\n<ul>\n<li>VS Code (recommended)<\/li>\n<li>Sublime Text<\/li>\n<li>Notepad++<br \/>\nEven Notepad will work for basics.<\/li>\n<\/ul>\n<h3>2. Create a New File<\/h3>\n<ul>\n<li>Go to File &gt; New File<\/li>\n<li>Save the file as: index.html<br \/>\n(Use .html extension to indicate an HTML file)<\/li>\n<\/ul>\n<h3>3. Write Basic HTML Template<\/h3>\n<p style=\"text-align: center\"><em>&lt;!DOCTYPE html&gt;<\/em><br \/>\n<em>&lt;html lang=&#8221;en&#8221;&gt;<\/em><br \/>\n<em>&lt;head&gt;<\/em><br \/>\n<em>&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/em><br \/>\n<em>&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/em><br \/>\n<em>&lt;title&gt;My First Page&lt;\/title&gt;<\/em><br \/>\n<em>&lt;\/head&gt;<\/em><br \/>\n<em>&lt;body&gt;<\/em><br \/>\n<em>&lt;h1&gt;Hello, World!&lt;\/h1&gt;<\/em><br \/>\n<em>&lt;p&gt;This is my first HTML web page.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;\/body&gt;<\/em><br \/>\n<em>&lt;\/html&gt;<\/em><\/p>\n<h3>4. Save the File<\/h3>\n<ul>\n<li>Press Ctrl + S (or Cmd + S on Mac)<\/li>\n<li>Ensure the file is saved with .html extension<\/li>\n<\/ul>\n<h3>5. Open in a Web Browser<\/h3>\n<ul>\n<li>Right-click the index.html file<\/li>\n<li>Choose \u201cOpen with\u201d and select your browser (Chrome, Firefox, Edge, etc.)<\/li>\n<\/ul>\n<p><strong>You should now see:<\/strong><\/p>\n<ul>\n<li>A heading: \u201cHello, World!\u201d<\/li>\n<li>A paragraph: \u201cThis is my first HTML web page.\u201d<\/li>\n<\/ul>\n<p><strong>What This Code Does<\/strong><\/p>\n<table style=\"width: 100%;border-collapse: collapse;font-family: Arial, sans-serif;margin: 20px 0\">\n<thead>\n<tr style=\"background-color: #f8f9fa;border-bottom: 2px solid #ddd\">\n<th style=\"padding: 12px;text-align: left;font-weight: bold\"><strong>Code<\/strong><\/th>\n<th style=\"padding: 12px;text-align: left;font-weight: bold\"><strong>Description<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"border-bottom: 1px solid #ddd\">\n<td style=\"padding: 12px\"><code style=\"background-color: #f3f4f6;padding: 2px 4px;border-radius: 3px\">&lt;!DOCTYPE html&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Declares HTML5 document<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #ddd\">\n<td style=\"padding: 12px\"><code style=\"background-color: #f3f4f6;padding: 2px 4px;border-radius: 3px\">&lt;html lang=\"en\"&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Root tag, sets document language<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #ddd\">\n<td style=\"padding: 12px\"><code style=\"background-color: #f3f4f6;padding: 2px 4px;border-radius: 3px\">&lt;head&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Contains page metadata and title<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #ddd\">\n<td style=\"padding: 12px\"><code style=\"background-color: #f3f4f6;padding: 2px 4px;border-radius: 3px\">&lt;title&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Sets the title in the browser tab<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #ddd\">\n<td style=\"padding: 12px\"><code style=\"background-color: #f3f4f6;padding: 2px 4px;border-radius: 3px\">&lt;body&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Contains all visible content<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #ddd\">\n<td style=\"padding: 12px\"><code style=\"background-color: #f3f4f6;padding: 2px 4px;border-radius: 3px\">&lt;h1&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Main heading<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px\"><code style=\"background-color: #f3f4f6;padding: 2px 4px;border-radius: 3px\">&lt;p&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Paragraph text<\/td>\n<\/tr>\n","protected":false},"excerpt":{"rendered":"<p>What is HTML? HTML stands for HyperText Markup Language. It is the standard language used to create and structure content [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":509,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-508","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introduction to HTML - HTML Course<\/title>\n<meta name=\"description\" content=\"HTML is the standard markup language used to create, structure, and display interactive web content across all modern browsers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction to HTML - HTML Course\" \/>\n<meta property=\"og:description\" content=\"HTML is the standard markup language used to create, structure, and display interactive web content across all modern browsers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/\" \/>\n<meta property=\"og:site_name\" content=\"BUHAVE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BeYouHave\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/naveedsafdarawan\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T11:26:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-06T12:24:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Introduction-to-HTML.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Naveed Safdar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Naveed Safdar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/\"},\"author\":{\"name\":\"Naveed Safdar\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/person\\\/04fe0254e118521c9fbb3da39de5acca\"},\"headline\":\"Introduction to HTML\",\"datePublished\":\"2025-05-19T11:26:06+00:00\",\"dateModified\":\"2026-06-06T12:24:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/\"},\"wordCount\":1505,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Introduction-to-HTML.webp\",\"articleSection\":[\"HTML Course\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/\",\"name\":\"Introduction to HTML - HTML Course\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Introduction-to-HTML.webp\",\"datePublished\":\"2025-05-19T11:26:06+00:00\",\"dateModified\":\"2026-06-06T12:24:59+00:00\",\"description\":\"HTML is the standard markup language used to create, structure, and display interactive web content across all modern browsers.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Introduction-to-HTML.webp\",\"contentUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Introduction-to-HTML.webp\",\"width\":1200,\"height\":628,\"caption\":\"Introduction to HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/introduction-to-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Courses\",\"item\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Course\",\"item\":\"https:\\\/\\\/buhave.com\\\/courses\\\/learn\\\/html\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introduction to HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#website\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\",\"name\":\"BUHAVE\",\"description\":\"Courses - Learn Online for Free\",\"publisher\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buhave.com\\\/courses\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\",\"name\":\"BUHAVE\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/buhave-course.webp\",\"contentUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/buhave-course.webp\",\"width\":375,\"height\":75,\"caption\":\"BUHAVE\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BeYouHave\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/buhave\",\"https:\\\/\\\/www.youtube.com\\\/@buhave\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/person\\\/04fe0254e118521c9fbb3da39de5acca\",\"name\":\"Naveed Safdar\",\"description\":\"I\u2019m Naveed Safdar - SEO Manager with over 10 years of experience in SEO and Digital Marketing. I\u2019ve had the privilege of working with leading national and international companies including Grafdom, PakWheels, Systems Limited, Confiz, Educative, and Dubizzle Labs. My expertise spans technical SEO, content strategy, organic growth, and performance analytics - helping businesses improve visibility, traffic, and ROI.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/naveedsafdar\\\/\",\"https:\\\/\\\/www.facebook.com\\\/naveedsafdarawan\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@naveedsafdar\"],\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/author\\\/naveed-safdar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introduction to HTML - HTML Course","description":"HTML is the standard markup language used to create, structure, and display interactive web content across all modern browsers.","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:\/\/buhave.com\/courses\/html\/introduction-to-html\/","og_locale":"en_US","og_type":"article","og_title":"Introduction to HTML - HTML Course","og_description":"HTML is the standard markup language used to create, structure, and display interactive web content across all modern browsers.","og_url":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/","og_site_name":"BUHAVE","article_publisher":"https:\/\/www.facebook.com\/BeYouHave\/","article_author":"https:\/\/www.facebook.com\/naveedsafdarawan\/","article_published_time":"2025-05-19T11:26:06+00:00","article_modified_time":"2026-06-06T12:24:59+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Introduction-to-HTML.webp","type":"image\/webp"}],"author":"Naveed Safdar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Naveed Safdar","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#article","isPartOf":{"@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/"},"author":{"name":"Naveed Safdar","@id":"https:\/\/buhave.com\/courses\/#\/schema\/person\/04fe0254e118521c9fbb3da39de5acca"},"headline":"Introduction to HTML","datePublished":"2025-05-19T11:26:06+00:00","dateModified":"2026-06-06T12:24:59+00:00","mainEntityOfPage":{"@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/"},"wordCount":1505,"commentCount":0,"publisher":{"@id":"https:\/\/buhave.com\/courses\/#organization"},"image":{"@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#primaryimage"},"thumbnailUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Introduction-to-HTML.webp","articleSection":["HTML Course"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/","url":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/","name":"Introduction to HTML - HTML Course","isPartOf":{"@id":"https:\/\/buhave.com\/courses\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#primaryimage"},"image":{"@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#primaryimage"},"thumbnailUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Introduction-to-HTML.webp","datePublished":"2025-05-19T11:26:06+00:00","dateModified":"2026-06-06T12:24:59+00:00","description":"HTML is the standard markup language used to create, structure, and display interactive web content across all modern browsers.","breadcrumb":{"@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buhave.com\/courses\/html\/introduction-to-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#primaryimage","url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Introduction-to-HTML.webp","contentUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Introduction-to-HTML.webp","width":1200,"height":628,"caption":"Introduction to HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Courses","item":"https:\/\/buhave.com\/courses\/"},{"@type":"ListItem","position":2,"name":"HTML Course","item":"https:\/\/buhave.com\/courses\/learn\/html\/"},{"@type":"ListItem","position":3,"name":"Introduction to HTML"}]},{"@type":"WebSite","@id":"https:\/\/buhave.com\/courses\/#website","url":"https:\/\/buhave.com\/courses\/","name":"BUHAVE","description":"Courses - Learn Online for Free","publisher":{"@id":"https:\/\/buhave.com\/courses\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buhave.com\/courses\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buhave.com\/courses\/#organization","name":"BUHAVE","url":"https:\/\/buhave.com\/courses\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buhave.com\/courses\/#\/schema\/logo\/image\/","url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/03\/buhave-course.webp","contentUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/03\/buhave-course.webp","width":375,"height":75,"caption":"BUHAVE"},"image":{"@id":"https:\/\/buhave.com\/courses\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BeYouHave\/","https:\/\/www.linkedin.com\/company\/buhave","https:\/\/www.youtube.com\/@buhave"]},{"@type":"Person","@id":"https:\/\/buhave.com\/courses\/#\/schema\/person\/04fe0254e118521c9fbb3da39de5acca","name":"Naveed Safdar","description":"I\u2019m Naveed Safdar - SEO Manager with over 10 years of experience in SEO and Digital Marketing. I\u2019ve had the privilege of working with leading national and international companies including Grafdom, PakWheels, Systems Limited, Confiz, Educative, and Dubizzle Labs. My expertise spans technical SEO, content strategy, organic growth, and performance analytics - helping businesses improve visibility, traffic, and ROI.","sameAs":["https:\/\/www.linkedin.com\/in\/naveedsafdar\/","https:\/\/www.facebook.com\/naveedsafdarawan\/","https:\/\/www.youtube.com\/@naveedsafdar"],"url":"https:\/\/buhave.com\/courses\/author\/naveed-safdar\/"}]}},"_links":{"self":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/comments?post=508"}],"version-history":[{"count":3,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/508\/revisions"}],"predecessor-version":[{"id":1135,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/508\/revisions\/1135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/media\/509"}],"wp:attachment":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/media?parent=508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/categories?post=508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/tags?post=508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}