Master the Art of Coding: A Guided Tour of HTML Basics
Master the Art of Coding: A Guided Tour of HTML Basics
HTML Basics Introduction
HTML, an acronym for Hyper Text Markup Language, is the foundation of all web content. It delivers structure to content on the web, allowing other web technologies to interact with it. This passage provides a comprehensive guide to the basics of HTML.
Let’s dive deep into the world of HTML.
What is HTML?
HTML originates from SGML (Standard Generalized Markup Language). It uses tags to define elements within a document. Each element represents a different type of content available on the web. As an example, consider a simple text paragraph. The `
` tag in HTML encapsulates a block of text to denote paragraph content.
HTML Elements
An HTML element usually consists of a start tag and an end tag, encompassing the content. For instance, `
This is an example paragraph.
` is an HTML element. Here, `
` is the start tag, the text between the tags is the content, and `
` is the end tag. Not all elements follow this structure; some, identified as empty elements like ``, have only one tag.
Each HTML document begins with the document type declaration “, ensuring compatibility across browsers. It is composed of a head and a body. The “ element includes meta-information about the document and the “ element contains the main content of the document.
Anatomy of an HTML Page
Let’s consider a basic HTML document:
“`
Title of the document
The content of the document……
“`
The `
` element inside the “ designates the title of the document, which is displayed on the browser tab. The “ holds all the visible web page content, including text, images, and more.
<p>
<figure class="wp-block-image size-full is-resized"><amp-img src="https://davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg" alt="html basics – Image 3" class="wp-image-2447 amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" width="1280" height="854" srcset="https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?w=1280&ssl=1 1280w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=300%2C200&ssl=1 300w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=1024%2C683&ssl=1 1024w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=768%2C512&ssl=1 768w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=600%2C400&ssl=1 600w" sizes="(max-width: 1000px) 100vw, 1000px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg1NCIgd2lkdGg9IjEyODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer><noscript><img decoding="async" src="https://davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg" alt="html basics – Image 3" width="1280" height="854" srcset="https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?w=1280&ssl=1 1280w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=300%2C200&ssl=1 300w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=1024%2C683&ssl=1 1024w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=768%2C512&ssl=1 768w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/gb397d8bcde1b0d0470e40ac2e6db7e5fbb73492260f6abddf52f9b27afe13f05e4e8b793041047e43b2d751fda9a45a7a87bbdc7d34eeff788ad35661bb6585b_1280.jpg?resize=600%2C400&ssl=1 600w" sizes="(max-width: 1000px) 100vw, 1000px"></noscript></amp-img></figure>
</p>
<h2 class="wp-block-heading">HTML Attributes</h2>
<p>HTML elements can contain attributes that offer additional information. For example, the key attribute in the image element is ‘src’ (source). By assigning a source file to the ‘src’ attribute, you can display an image on your website. The format for defining an attribute is: `attribute_name=”value”`. Here is an example image element: `<amp-img src="image.jpg" width="600" height="400" class="amp-wp-unknown-size amp-wp-unknown-width amp-wp-unknown-height amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwMCIgd2lkdGg9IjYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img decoding="async" src="image.jpg" width="600" height="400"></noscript></amp-img>`.</p>
<p>
<figure class="wp-block-image size-full is-resized"><amp-img src="https://davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg" alt="html basics – Image 4" class="wp-image-2448 amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" width="1280" height="853" srcset="https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?w=1280&ssl=1 1280w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=300%2C200&ssl=1 300w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=1024%2C682&ssl=1 1024w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=768%2C512&ssl=1 768w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=600%2C400&ssl=1 600w" sizes="(max-width: 1000px) 100vw, 1000px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg1MyIgd2lkdGg9IjEyODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer><noscript><img loading="lazy" decoding="async" src="https://davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg" alt="html basics – Image 4" width="1280" height="853" srcset="https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?w=1280&ssl=1 1280w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=300%2C200&ssl=1 300w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=1024%2C682&ssl=1 1024w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=768%2C512&ssl=1 768w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g17c9c42268ec6f7532f2b360f49feac4f6b65efff9b2b7bd366c36384b8c6b5f74f7541e849858098a2e622dee2cb72d1aefe3c8a23f505358266d4b49c90680_1280.jpg?resize=600%2C400&ssl=1 600w" sizes="(max-width: 1000px) 100vw, 1000px"></noscript></amp-img></figure>
</p>
<h2 class="wp-block-heading">FAQ</h2>
<h3 class="wp-block-heading">What are HTML tables?</h3>
<p>HTML tables are defined with the `</p><table>` tag. They are used to present data in a structured tabular format with rows and columns.
<h3 class="wp-block-heading">How do you add a link in HTML?</h3>
<p>Links are created using the `<a>` tag. The ‘href’ attribute within the tag specifies the destination of the link. For example: `</a><a href="https://www.example.com" target="_blank" rel="noopener">Click Here</a>`.</p>
<h3 class="wp-block-heading">What does the `<div>` tag do?</h3>
<p>The `</p><div>` tag is a container that groups elements together. It helps in applying CSS styles and performing JavaScript operations on grouped content.
<h3 class="wp-block-heading">Are HTML and CSS the same?</h3>
<p>While both are vital for web development, HTML provides structure to web pages, while CSS is used for styling these structures.</p>
<h3 class="wp-block-heading">Is HTML case-sensitive?</h3>
<p>HTML tag names are not case-sensitive, but it’s a good practice to use lowercase.</p>
<p>
<figure class="wp-block-image size-full is-resized"><amp-img src="https://davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg" alt="html basics – Image 5" class="wp-image-2449 amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" width="1280" height="847" srcset="https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?w=1280&ssl=1 1280w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=300%2C199&ssl=1 300w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=1024%2C678&ssl=1 1024w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=768%2C508&ssl=1 768w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=600%2C397&ssl=1 600w" sizes="(max-width: 1000px) 100vw, 1000px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg0NyIgd2lkdGg9IjEyODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer><noscript><img loading="lazy" decoding="async" src="https://davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg" alt="html basics – Image 5" width="1280" height="847" srcset="https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?w=1280&ssl=1 1280w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=300%2C199&ssl=1 300w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=1024%2C678&ssl=1 1024w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=768%2C508&ssl=1 768w, https://i0.wp.com/davidellinger.com/wp-content/uploads/2025/09/g908a372c061c719c5e711f1a83f1a72f27ca96b9c082ae748971d80d96e418f19f4296c10f5dddf63c679afe1985e3b43af7cc2cead68ff2872265a1317fde12_1280.jpg?resize=600%2C397&ssl=1 600w" sizes="(max-width: 1000px) 100vw, 1000px"></noscript></amp-img></figure>
</p>
<h2 class="wp-block-heading">Conclusion</h2>
<p>Getting familiar with HTML is the first step to becoming a proficient web developer. Though simple to learn, it sets the foundation for much of what we see on the internet. Remember, HTML gives structure to the web, turning plain text into a versatile, interactive environment. As you explore further, concepts like CSS and JavaScript will build on this HTML base, enhancing your ability to create more complex and functional web designs.</p>
<div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-2450" class="share-facebook sd-button share-icon" href="https://davidellinger.com/master-the-art-of-coding-a-guided-tour-of-html-basics/?share=facebook&=1" target="_blank" aria-labelledby="sharing-facebook-2450">
<span id="sharing-facebook-2450" hidden>Click to share on Facebook (Opens in new window)</span>
<span>Facebook</span>
</a></li><li class="share-x"><a rel="nofollow noopener noreferrer" data-shared="sharing-x-2450" class="share-x sd-button share-icon" href="https://davidellinger.com/master-the-art-of-coding-a-guided-tour-of-html-basics/?share=x&=1" target="_blank" aria-labelledby="sharing-x-2450">
<span id="sharing-x-2450" hidden>Click to share on X (Opens in new window)</span>
<span>X</span>
</a></li></ul></div></div></div><div class="heateor_sss_sharing_container heateor_sss_vertical_sharing heateor_sss_bottom_sharing amp-wp-42587f8" data-amp-original-style="width:44px;left: -10px;top: 100px;-webkit-box-shadow:none;box-shadow:none;"><div class="heateor_sss_sharing_ul"><a class="heateor_sss_amp heateor_sss_amp_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1" title="Facebook" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/facebook.svg" width="40" height="40" alt="Facebook" class="amp-wp-enforced-sizes amp-wp-479236c i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width: 40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a><a class="heateor_sss_amp heateor_sss_amp_x" href="https://twitter.com/intent/tweet?text=Master%20the%20Art%20of%20Coding%3A%20A%20Guided%20Tour%20of%20HTML%20Basics&url=https%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1" title="X" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/x.svg" width="40" height="40" alt="X" class="amp-wp-enforced-sizes amp-wp-a9221c8 i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width:40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a><a class="heateor_sss_amp heateor_sss_amp_reddit" href="https://reddit.com/submit?url=https%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1&title=Master%20the%20Art%20of%20Coding%3A%20A%20Guided%20Tour%20of%20HTML%20Basics" title="Reddit" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/reddit.svg" width="40" height="40" alt="Reddit" class="amp-wp-enforced-sizes amp-wp-479236c i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width: 40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a><a class="heateor_sss_amp heateor_sss_amp_linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1" title="Linkedin" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/linkedin.svg" width="40" height="40" alt="Linkedin" class="amp-wp-enforced-sizes amp-wp-479236c i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width: 40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a><a class="heateor_sss_amp heateor_sss_amp_pinterest" href="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1&media=https://davidellinger.com/wp-content/uploads/2025/09/image_68b5eec2b4b11.png&description=Master%20the%20Art%20of%20Coding%3A%20A%20Guided%20Tour%20of%20HTML%20Basics" title="Pinterest" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/pinterest.svg" width="40" height="40" alt="Pinterest" class="amp-wp-enforced-sizes amp-wp-a9221c8 i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width:40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a><a class="heateor_sss_amp heateor_sss_amp_mastodon" href="https://davidellinger.com?heateor_mastodon_share=https%3A%2F%2Fmastodon.social%2Fshare%3Ftext%3Dhttps%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1&title=Master+the+Art+of+Coding%3A+A+Guided+Tour+of+HTML+Basics&=1" title="Mastodon" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/mastodon.svg" width="40" height="40" alt="Mastodon" class="amp-wp-enforced-sizes amp-wp-479236c i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width: 40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a><a class="heateor_sss_amp heateor_sss_amp_mix" href="https://mix.com/mixit?url=https%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1" title="Mix" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/mix.svg" width="40" height="40" alt="Mix" class="amp-wp-enforced-sizes amp-wp-479236c i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width: 40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a><a class="heateor_sss_amp heateor_sss_amp_whatsapp" href="https://api.whatsapp.com/send?text=Master%20the%20Art%20of%20Coding%3A%20A%20Guided%20Tour%20of%20HTML%20Basics%20https%3A%2F%2Fdavidellinger.com%2Fmaster-the-art-of-coding-a-guided-tour-of-html-basics%2F%3Famp%3D1" title="Whatsapp" rel="nofollow noopener" target="_blank"><amp-img src="https://davidellinger.com/wp-content/plugins/sassy-social-share/public/../images/amp/whatsapp.svg" width="40" height="40" alt="Whatsapp" class="amp-wp-enforced-sizes amp-wp-479236c i-amphtml-layout-fixed i-amphtml-layout-size-defined" data-amp-original-style="width: 40px;" style="width:40px;height:40px" i-amphtml-layout="fixed"></amp-img></a></div><div class="heateorSssClear"></div></div> </div>
<footer class="amp-wp-article-footer">
<div class="amp-wp-meta amp-wp-tax-category">
Categories: <a href="https://davidellinger.com/category/davidellinger/html/?amp=1" rel="category tag">HTML</a> </div>
<div class="amp-wp-meta amp-wp-tax-tag">
Tags: <a href="https://davidellinger.com/tag/beginner-html/?amp=1" rel="tag">Beginner HTML</a>, <a href="https://davidellinger.com/tag/front-end-development/?amp=1" rel="tag">Front-End Development</a>, <a href="https://davidellinger.com/tag/html-basics/?amp=1" rel="tag">HTML basics</a>, <a href="https://davidellinger.com/tag/html-tags/?amp=1" rel="tag">HTML Tags</a>, <a href="https://davidellinger.com/tag/web-development/?amp=1" rel="tag">Web development</a> </div>
<div class="amp-wp-meta amp-wp-comments-link">
<a href="https://davidellinger.com/master-the-art-of-coding-a-guided-tour-of-html-basics/?noamp=mobile#respond">
Leave a Comment </a>
</div>
</footer>
<footer class="amp-wp-footer">
<div>
<h2>David Ellinger</h2>
<a href="#top" class="back-to-top">Back to top</a>
</div>
</footer>
<amp-pixel src="https://pixel.wp.com/g.gif?v=ext&blog=244750880&post=2450&tz=-5&srv=davidellinger.com&host=davidellinger.com&rand=RANDOM&ref=DOCUMENT_REFERRER" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px" i-amphtml-layout="fixed"></amp-pixel> <div id="amp-mobile-version-switcher">
<a rel="nofollow" href="https://davidellinger.com/master-the-art-of-coding-a-guided-tour-of-html-basics/?noamp=mobile">
Exit mobile version </a>
</div>
<amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px" i-amphtml-layout="fixed">
<script type="application/json">{"vars":{"gtag_id":"G-26ZBEYLQGY","config":{"G-26ZBEYLQGY":{"groups":"default","linker":{"domains":["davidellinger.com"]}}}},"optoutElementId":"__gaOptOutExtension"}</script>
</amp-analytics>
<amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px" i-amphtml-layout="fixed"><script type="application/json">{"optoutElementId":"__gaOptOutExtension","vars":{"gtag_id":"G-26ZBEYLQGY","config":{"G-26ZBEYLQGY":{"groups":"default"},"linker":{"domains":["davidellinger.com"]}}}}</script></amp-analytics>
</table>
