Master HTML: Essential Tags and Structure for Beginners
So, you’re curious about HTML, huh? That’s a fantastic choice, because understanding HTML is like getting the key to the digital kingdom! Whether you’re interested in web development or just want to spice up your online presence, knowing how to structure your content with HTML is a vital skill.
HTML, or HyperText Markup Language, forms the backbone of almost every website on the internet. It’s essential for creating structured documents that browsers can read and display. In this guide, we’ll break down the essential tags, their functionalities, and how you can use them to create well-structured web pages that are not only functional but also visually appealing.
### The Importance of HTML Structure
Before we dive into the tags themselves, let’s discuss why a solid structure is crucial for every webpage. A well-organized HTML structure helps with:
- SEO (Search Engine Optimization): Properly structured HTML helps search engines understand your content, improving your visibility.
- Accessibility: Good HTML practices ensure that users with disabilities can enjoy your content.
- Maintenance: Clean, well-structured HTML makes it easier to update and maintain your site.
Now, let’s explore the essential tags and structure that every beginner should know!
### Understanding HTML Document Structure
Every HTML document consists of specific sections that work together to create a functional webpage. Here’s how an HTML document typically looks:
“`html
Your Page Title
“`
Let’s break that down a bit.
#### 1. The Doctype Declaration
The first line, ``, indicates to the browser that this is an HTML5 document. This helps the browser render the content correctly.
#### 2. The Element
The `` element wraps all the content on your page. It’s like the container that holds everything together.
#### 3. The Section
Within the `
` section, you’ll include:
– The `
` tag, which defines the name of your webpage that appears in search results and the browser tab.<br />
– Metadata, such as descriptions and keywords, which help with SEO.</p>
<p>#### <b>4. The <body> Section</b></p>
<p>The `<body>` section contains all the visible content on the webpage, such as text, images, and links. Everything you want users to see goes here.</p>
<p>### Essential HTML Tags</p>
<p>Now that we have covered the basic structure, let’s dive into some of the most important HTML tags you’re going to use frequently.</p>
<p>#### <b>Text Formatting Tags</b></p>
<p>Text formatting tags allow you to emphasize and style your text. Here are some key tags:</p>
<p>– **<b>** – This tag makes your text bold. Example: `<b>This text is bold</b>`.<br />
– **<i>** – This tag italicizes text. Example: `<i>This text is italicized</i>`.<br />
– **<u>** – This tag underlines text. Example: `<u>This text is underlined</u>`.</p>
<p>#### <b>Headings</b></p>
<p>Headings are essential for organizing your content. HTML provides six levels of headings, from `</p>
<h1>` to `</p>
<h6>`. Always use the `</p>
<h1>` tag for the main title of your page, and hierarchical headings for subheadings.</p>
<ul>
<li><b><br />
<h1>:</b> Main title of the page.</li>
<li><b><br />
<h2>:</b> Major sections.</li>
<li><b><br />
<h3>:</b> Subsections.</li>
</ul>
<p>Each heading helps define the structure of your content, making it easier for both readers and search engines to understand.</p>
<p>#### <b>Lists</b></p>
<p>Lists are an excellent way to present information in a digestible format. There are two main types:</p>
<p>– **Ordered Lists:** Use `</p>
<ol>` to create a numbered list. For example:<br />
“`html</p>
<ol>
<li>First item</li>
<li>Second item</li>
</ol>
<p>“`</p>
<p>– **Unordered Lists:** Use `</p>
<ul>` for bullet points. For example:<br />
“`html</p>
<ul>
<li>First item</li>
<li>Second item</li>
</ul>
<p>“`</p>
<p>#### <b>Links</b></p>
<p>Links are crucial for connecting your page to others. To create a hyperlink, use the `<a>` tag. Here’s the structure:</p>
<p>“`html<br />
<a href="https://www.example.com" target="_blank" rel="noopener">Visit Example</a><br />
“`</p>
<p>Make sure to include relevant and descriptive link text to improve your SEO and accessibility.</p>
<p>#### <b>Images</b></p>
<p>Images can grab attention and support your content. To insert an image, use the `<img>` tag with the `src` attribute, like this:</p>
<p>“`html<br />
<img decoding="async" src="your-image-url.jpg" alt="Description of the image" title="Master HTML: Essential Tags and Structure for Beginners 1"><br />
“`</p>
<p>The `alt` attribute is essential for accessibility; it describes the image for users who cannot see it.</p>
<p>#### <b>Tables</b></p>
<p>If you need to display tabular data, the `</p>
<table>` tag is your friend. Here’s how to structure a simple table:</p>
<p>“`html</p>
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
<p>“`</p>
<p>### Designing with Semantic HTML</p>
<p>Semantic HTML involves using HTML tags that convey meaning about their content, improving accessibility and SEO. Some key semantic tags include:</p>
<p>– **</p>
<header>**: Represents the introductory content or navigational links.<br />
– **</p>
<nav>**: Contains the main navigation menu.<br />
– **</p>
<article>**: Represents a self-contained composition that can be distributed independently.<br />
– **</p>
<section>**: Represents thematic grouping of content.<br />
– **</p>
<footer>**: Contains information about its containing element, often used for author information and copyright.</p>
<p>Using these tags helps screen readers and search engines better understand the structure and context of your webpage.</p>
<p>### The Power of Forms</p>
<p>Forms are used to collect user input. Here’s a simple example of a form that collects a user’s name and email:</p>
<p>“`html</p>
<form action="submit-form.php" method="post">
<label for="name">Name:</label><br />
<input type="text" id="name" name="name" required></p>
<p> <label for="email">Email:</label><br />
<input type="email" id="email" name="email" required></p>
<p> <input type="submit" value="Submit"><br />
</form>
<p>“`</p>
<p>In this example:<br />
– The `</p>
<form>` tag defines the form’s action and method.<br />
– `<label>` tags enhance accessibility by linking labels to their corresponding input fields.<br />
– `<input>` tags are used to create various types of fields, including text and email.</p>
<p>### Keeping Your Code Clean</p>
<p>Good coding practices lead to clean and maintainable HTML. Here are some tips to keep in mind:</p>
<p>– **Indentation:** Use consistent indentation for nested tags to improve readability.<br />
– **Comments:** Use comments (`<!-- comment here -->`) to explain sections of your code.<br />
– **Validation:** Always validate your HTML through validators like the W3C Validator to find and fix errors.</p>
<p>### Tools to Enhance Your HTML Learning</p>
<p>To make your learning journey easier and more efficient, consider using these tools:</p>
<p>– **Code Playground**: Websites like CodePen and JSFiddle allow you to write and test HTML in real-time.<br />
– **Text Editors**: Editors like Visual Studio Code and Sublime Text offer syntax highlighting and code completion, helping you code faster.<br />
– **HTML Reference Sites**: Sites like MDN Web Docs are invaluable for looking up specific tags and attributes.</p>
<p>### Common Mistakes and How to Avoid Them</p>
<p>Even the best coders make mistakes! Here are some common pitfalls when writing HTML:</p>
<p>– **Forgetting Alt Tags**: Always include alt tags for images for better accessibility and SEO.<br />
– **Neglecting Closing Tags**: Ensure your elements have closing tags to prevent rendering issues.<br />
– **Overusing Inline Styles**: Separate your CSS from HTML for cleaner code and better maintenance.</p>
<p>### Summary of Key Takeaways</p>
<p>To wrap things up, mastering HTML as a beginner means focusing on essential tags, understanding structure, and adhering to best practices. Here’s a quick recap:</p>
<p>– **Basic Structure:** An HTML document includes a doctype declaration, `<html>`, `<head>`, and `<body>` sections.<br />
– **Important Tags:** Familiarize yourself with formatting, list, link, image, and form tags.<br />
– **Semantic HTML:** Use semantic elements for better accessibility and SEO benefits.<br />
– **Clean Coding:** Always ensure your HTML is tidy and validated.</p>
<p>Embracing these fundamental aspects will set you on a path to crafting stunning web pages in no time! So, go on, start experimenting with your very own HTML projects, and let your creativity shine through!</p>
</div><!-- .entry -->
<div class="post-tags clr">
<span class="owp-tag-texts">Tags</span>: <a href="https://blueniaga.com/tag/web-design-and-development/" rel="tag">Web Design and Development</a></div>
<nav class="navigation post-navigation" aria-label="Read more articles">
<h2 class="screen-reader-text">Read more articles</h2>
<div class="nav-links"><div class="nav-previous"><a href="https://blueniaga.com/global-web-conferencing-software-market-trends-and-key-players/" rel="prev"><span class="title"><i class=" fas fa-long-arrow-alt-left" aria-hidden="true" role="img"></i> Previous Post</span><span class="post-title">Global Web Conferencing Software Market Trends and Key Players</span></a></div><div class="nav-next"><a href="https://blueniaga.com/enhance-your-web-design-skills-with-css-styling-techniques/" rel="next"><span class="title"><i class=" fas fa-long-arrow-alt-right" aria-hidden="true" role="img"></i> Next Post</span><span class="post-title">Enhance Your Web Design Skills with CSS Styling Techniques</span></a></div></div>
</nav>
<section id="related-posts" class="clr">
<h3 class="theme-heading related-posts-title">
<span class="text">You Might Also Like</span>
</h3>
<div class="oceanwp-row clr">
<article class="related-post clr col span_1_of_3 col-1 post-12563 post type-post status-publish format-standard hentry category-web-design-by-blue-niaga tag-web-design-and-development entry">
<h3 class="related-post-title">
<a href="https://blueniaga.com/unlock-10-off-squarespace-subscription-for-2025-success/" rel="bookmark">Unlock 10% Off Squarespace Subscription for 2025 Success</a>
</h3><!-- .related-post-title -->
<time class="published" datetime="2024-11-20T08:04:10+08:00"><i class=" icon-clock" aria-hidden="true" role="img"></i>November 20, 2024</time>
</article><!-- .related-post -->
<article class="related-post clr col span_1_of_3 col-2 post-13499 post type-post status-publish format-standard hentry category-web-design-by-blue-niaga tag-web-design-and-development entry">
<h3 class="related-post-title">
<a href="https://blueniaga.com/mastering-digital-success-be-responsive-reactive-and-remarkable/" rel="bookmark">Mastering Digital Success: Be Responsive, Reactive, and Remarkable</a>
</h3><!-- .related-post-title -->
<time class="published" datetime="2025-01-15T14:27:00+08:00"><i class=" icon-clock" aria-hidden="true" role="img"></i>January 15, 2025</time>
</article><!-- .related-post -->
<article class="related-post clr col span_1_of_3 col-3 post-12570 post type-post status-publish format-standard hentry category-web-design-by-blue-niaga tag-web-design-and-development entry">
<h3 class="related-post-title">
<a href="https://blueniaga.com/innovative-website-design-elevates-ellivuori-resorts-online-presence/" rel="bookmark">Innovative Website Design Elevates Ellivuori Resort’s Online Presence</a>
</h3><!-- .related-post-title -->
<time class="published" datetime="2024-11-22T08:01:44+08:00"><i class=" icon-clock" aria-hidden="true" role="img"></i>November 22, 2024</time>
</article><!-- .related-post -->
</div><!-- .oceanwp-row -->
</section><!-- .related-posts -->
</article>
</div><!-- #content -->
</div><!-- #primary -->
<aside id="right-sidebar" class="sidebar-container widget-area sidebar-primary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar" role="complementary" aria-label="Primary Sidebar">
<div id="right-sidebar-inner" class="clr">
<div id="block-2" class="sidebar-box widget_block widget_search clr"><form role="search" method="get" action="https://blueniaga.com/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-2" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></div><div id="block-3" class="sidebar-box widget_block clr">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<h2 class="wp-block-heading">Recent Posts</h2>
<ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://blueniaga.com/dart-digital-agency-emerges-as-top-web-designing-company/">Dart Digital Agency Emerges as Top Web Designing Company</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blueniaga.com/enhance-your-website-with-top-css-animation-libraries/">Enhance Your Website with Top CSS Animation Libraries</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blueniaga.com/unlock-your-writing-potential-with-publish-ninja-today/">Unlock Your Writing Potential with Publish Ninja Today</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blueniaga.com/gityer-and-bucharest-launch-web3-regulatory-sandbox-in-romania/">Gityer and Bucharest Launch Web3 Regulatory Sandbox in Romania</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blueniaga.com/revitalize-your-old-website-affordably-and-effectively/">Revitalize Your Old Website Affordably and Effectively</a></li>
</ul></div></div>
</div>
</div><!-- #sidebar-inner -->
</aside><!-- #right-sidebar -->
</div><!-- #content-wrap -->
</main><!-- #main -->
<div class='footer-width-fixer'> <div data-elementor-type="wp-post" data-elementor-id="159" class="elementor elementor-159" data-elementor-settings="{"ha_cmc_init_switcher":"no"}">
<section class="elementor-section elementor-top-section elementor-element elementor-element-3369dcb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3369dcb" data-element_type="section" data-settings="{"_ha_eqh_enable":false}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-da6d638" data-id="da6d638" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-dd09948 elementor-widget elementor-widget-heading" data-id="dd09948" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">BlueNiaga</span> </div>
</div>
<div class="elementor-element elementor-element-ebeb1c6 elementor-widget elementor-widget-text-editor" data-id="ebeb1c6" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><a href="https://blueniaga.com/about-us/">About Us</a><br /><a href="https://blueniaga.com/product/">Product</a><br /><a href="https://blueniaga.com/contact-us/">Contact Us</a><br /><a href="https://blueniaga.com/privacy-policy/" rel="nofollow">Privacy Policy</a><br /><a href="https://blueniaga.com/terms-of-use/" rel="nofollow">Terms Of Use</a></p> </div>
</div>
<div class="elementor-element elementor-element-807e6fd elementor-widget elementor-widget-heading" data-id="807e6fd" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">Contact Information</span> </div>
</div>
<div class="elementor-element elementor-element-bc035cc elementor-widget elementor-widget-text-editor" data-id="bc035cc" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><a href="mailto:hello@blueniaga.com">hello@blueniaga.com</a><br /><a href="tel:+60198288270">+6019 – 8288 270</a><br /><a href="https://blueniaga.com/">Web Design Malaysia</a></p> </div>
</div>
<div class="elementor-element elementor-element-c308b22 e-grid-align-tablet-left e-grid-align-mobile-left elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="c308b22" data-element_type="widget" data-widget_type="social-icons.default">
<div class="elementor-widget-container">
<div class="elementor-social-icons-wrapper elementor-grid">
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-35535d1" href="https://www.facebook.com/blueniaga" target="_blank" rel="nofollow">
<span class="elementor-screen-only">Facebook</span>
<i class="fab fa-facebook"></i> </a>
</span>
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-d9d6e7c" href="https://wa.me/60198288270?text=Hi%20I%20want%20to%20ask%20about%20Blueniaga%20Products%20and%20Services" target="_blank" rel="nofollow">
<span class="elementor-screen-only">Whatsapp</span>
<i class="fab fa-whatsapp"></i> </a>
</span>
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-b6e994c" target="_blank">
<span class="elementor-screen-only">Youtube</span>
<i class="fab fa-youtube"></i> </a>
</span>
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-dribbble elementor-repeater-item-5f9979c" target="_blank">
<span class="elementor-screen-only">Dribbble</span>
<i class="fab fa-dribbble"></i> </a>
</span>
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-behance elementor-repeater-item-6e671e0" target="_blank">
<span class="elementor-screen-only">Behance</span>
<i class="fab fa-behance"></i> </a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-088b219" data-id="088b219" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-b8f890a elementor-widget elementor-widget-heading" data-id="b8f890a" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">Our Products & Services</span> </div>
</div>
<div class="elementor-element elementor-element-f618848 elementor-widget elementor-widget-text-editor" data-id="f618848" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><a href="https://blueniaga.com/web-design/">Web Design</a> <br /><a href="https://blueniaga.com/seo/">SEO</a><br /><a href="https://blueniaga.com/mobile-app-development/">Mobile App Development</a><br /><a href="https://blueniaga.com/iot-system/">IOT System</a><br /><a href="https://blueniaga.com/technical-translation/">Translation</a><br /><a href="https://blueniaga.com/graphic-design/">Graphic Design</a><br />(Maintenance)</p> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-75ce108" data-id="75ce108" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-e4fdd29 elementor-widget elementor-widget-heading" data-id="e4fdd29" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">Useful Resources</span> </div>
</div>
<div class="elementor-element elementor-element-43366c6 elementor-widget elementor-widget-text-editor" data-id="43366c6" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><a href="https://blueniaga.com/blog/">Blog</a><br />Ebook <br />Start With The Design<br /><a href="https://blueniaga.com/html-sitemap">Sitemap</a></p> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-d799204" data-id="d799204" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-aae8f3c elementor-widget elementor-widget-heading" data-id="aae8f3c" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">Support</span> </div>
</div>
<div class="elementor-element elementor-element-49e2866 elementor-widget elementor-widget-text-editor" data-id="49e2866" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Support<br />F.A.Q<br />Documentation</p> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-f90b9a2" data-id="f90b9a2" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-0ef17ab elementor-widget elementor-widget-heading" data-id="0ef17ab" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default"><a href="https://blueniaga.com/">Blue Business Technology (IP0571520-H)</a></span> </div>
</div>
<div class="elementor-element elementor-element-aa42a6b elementor-widget elementor-widget-text-editor" data-id="aa42a6b" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><a href="https://blueniaga.com/"><img decoding=async data-opt-src="https://mlv2gj9ilqfb.i.optimole.com/w:auto/h:auto/q:mauto/ig:avif/https://blueniaga.com/wp-content/uploads/2022/06/cropped-Blueniaga-3-512-1.png" class="" src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E" width="114" height="112" /></a></p> </div>
</div>
<div class="elementor-element elementor-element-89e880b elementor-widget elementor-widget-html" data-id="89e880b" data-element_type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div><a target="_blank" href="https://www.goodfirms.co/company/blueniaga"><img style="width:180px" src="https://goodfirms-prod.s3.amazonaws.com/badges/blue-button/top-web-design-companies.svg" alt="GoodFirms Badge"></a></div> </div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-dbeb187 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="dbeb187" data-element_type="section" data-settings="{"_ha_eqh_enable":false}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3044fc" data-id="b3044fc" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-94aa274 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="94aa274" data-element_type="widget" data-widget_type="divider.default">
<div class="elementor-widget-container">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
</div>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-a0d0af2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a0d0af2" data-element_type="section" data-settings="{"_ha_eqh_enable":false}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-276f484" data-id="276f484" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-0f2ba56 elementor-widget elementor-widget-heading" data-id="0f2ba56" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">2025 Blueniaga | Blue Business Technology | © All Rights Reserved</span> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3e334b7" data-id="3e334b7" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-913f3e2 elementor-widget elementor-widget-heading" data-id="913f3e2" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">Web Design Malaysia</span> </div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
</div>
</div>
<footer id="footer" class="site-footer" itemscope="itemscope" itemtype="https://schema.org/WPFooter" role="contentinfo">
<div id="footer-inner" class="clr">
<div id="footer-bottom" class="clr no-footer-nav">
<div id="footer-bottom-inner" class="container clr">
<div id="copyright" class="clr" role="contentinfo">
Copyright 2025 - <a href="https://blueniaga.com/">Blue Business Technology </a> IP0571520-H </div><!-- #copyright -->
</div><!-- #footer-bottom-inner -->
</div><!-- #footer-bottom -->
</div><!-- #footer-inner -->
</footer><!-- #footer -->
</div><!-- #wrap -->
</div><!-- #outer-wrap -->
<a aria-label="Scroll to the top of the page" href="#" id="scroll-top" class="scroll-top-right"><i class=" fa fa-angle-up" aria-hidden="true" role="img"></i></a>
<script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() {
;
(function($, w) {
'use strict';
let $window = $(w);
$(document).ready(function() {
let isEnable = "";
let isEnableLazyMove = "";
let speed = isEnableLazyMove ? '0.7' : '0.2';
if ( haCursor == null ) {
initiateHaCursorObject(speed);
}
setTimeout(function() {
let targetCursor = $('.ha-cursor');
if (targetCursor) {
if (!isEnable) {
$('body').removeClass('hm-init-default-cursor-none');
$('.ha-cursor').addClass('ha-init-hide');
} else {
$('body').addClass('hm-init-default-cursor-none');
$('.ha-cursor').removeClass('ha-init-hide');
}
}
}, 500);
});
}(jQuery, window));
});</script>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link rel='stylesheet' id='widget-heading-css' href='https://blueniaga.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.25.10' media='all' />
<link rel='stylesheet' id='widget-text-editor-css' href='https://blueniaga.com/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.25.10' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' href='https://blueniaga.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.25.10' media='all' />
<link rel='stylesheet' id='e-apple-webkit-css' href='https://blueniaga.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.25.10' media='all' />
<link rel='stylesheet' id='widget-divider-css' href='https://blueniaga.com/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.25.10' media='all' />
<script src="https://blueniaga.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://blueniaga.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="rocketlazyloadscript" id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://blueniaga.com/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=1733473799" id="swv-js" defer></script>
<script type="rocketlazyloadscript" id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/blueniaga.com\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://blueniaga.com/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/js/index.js?ver=1733473799" id="contact-form-7-js" defer></script>
<script id="happy-elementor-addons-js-extra">
var HappyLocalize = {"ajax_url":"https:\/\/blueniaga.com\/wp-admin\/admin-ajax.php","nonce":"303271f065","pdf_js_lib":"https:\/\/blueniaga.com\/wp-content\/plugins\/happy-elementor-addons\/assets\/vendor\/pdfjs\/lib"};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://blueniaga.com/wp-content/plugins/happy-elementor-addons/assets/js/happy-addons.min.js?ver=3.15.0" id="happy-elementor-addons-js" defer></script>
<script type="rocketlazyloadscript" id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/blueniaga.com","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script type="rocketlazyloadscript" id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<script src="https://blueniaga.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js" defer></script>
<script id="oceanwp-main-js-extra">
var oceanwpLocalize = {"nonce":"76f6d0e241","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","customScrollOffset":"0","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select","ajax_url":"https:\/\/blueniaga.com\/wp-admin\/admin-ajax.php","oe_mc_wpnonce":"0cd0162ba1"};
</script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/theme.min.js?ver=1.0" id="oceanwp-main-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/vendors/isotope.pkgd.min.js?ver=3.0.6" id="ow-isotop-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/blog-masonry.min.js?ver=1.0" id="oceanwp-blog-masonry-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/drop-down-mobile-menu.min.js?ver=1.0" id="oceanwp-drop-down-mobile-menu-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/drop-down-search.min.js?ver=1.0" id="oceanwp-drop-down-search-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/vendors/magnific-popup.min.js?ver=1.0" id="ow-magnific-popup-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/ow-lightbox.min.js?ver=1.0" id="oceanwp-lightbox-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/vendors/flickity.pkgd.min.js?ver=1.0" id="ow-flickity-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/ow-slider.min.js?ver=1.0" id="oceanwp-slider-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/scroll-effect.min.js?ver=1.0" id="oceanwp-scroll-effect-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/scroll-top.min.js?ver=1.0" id="oceanwp-scroll-top-js" defer></script>
<script src="https://blueniaga.com/wp-content/themes/oceanwp/assets/js/select.min.js?ver=1.0" id="oceanwp-select-js" defer></script>
<script data-minify="1" src="https://blueniaga.com/wp-content/cache/min/1/wp-content/plugins/elementskit-lite/libs/framework/assets/js/frontend-script.js?ver=1733473799" id="elementskit-framework-js-frontend-js" defer></script>
<script id="elementskit-framework-js-frontend-js-after">
var elementskit = {
resturl: 'https://blueniaga.com/wp-json/elementskit/v1/',
}
</script>
<script data-minify="1" src="https://blueniaga.com/wp-content/cache/min/1/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=1733473799" id="ekit-widget-scripts-js" defer></script>
<script id="flickr-widget-script-js-extra">
var flickrWidgetParams = {"widgets":[]};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://blueniaga.com/wp-content/plugins/ocean-extra/includes/widgets/js/flickr.min.js?ver=6.7.1" id="flickr-widget-script-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://blueniaga.com/wp-content/plugins/happy-elementor-addons/assets/js/extension-reading-progress-bar.min.js?ver=3.15.0" id="happy-reading-progress-bar-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://blueniaga.com/wp-content/plugins/happy-elementor-addons/assets/vendor/gsap/gsap.min.js?ver=3.15.0" id="gsap-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://blueniaga.com/wp-content/plugins/happy-elementor-addons/assets/vendor/mouse-follower/mouse-follower.min.js?ver=3.15.0" id="mouse-follower-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://blueniaga.com/wp-content/plugins/happy-elementor-addons/assets/js/custom-mouse-cursor.min.js?ver=3.15.0" id="happy-custom-mouse-cursor-js" defer></script>
<script id="eael-general-js-extra">
var localize = {"ajaxurl":"https:\/\/blueniaga.com\/wp-admin\/admin-ajax.php","nonce":"03c8b1c176","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https:\/\/blueniaga.com\/master-html-essential-tags-and-structure-for-beginners\/","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}};
</script>
<script src="https://blueniaga.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=6.0.11" id="eael-general-js" defer></script>
<script src="https://stats.wp.com/e-202503.js" id="jetpack-stats-js" data-wp-strategy="defer" defer></script>
<script id="jetpack-stats-js-after">
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"239567725\",\"post\":\"12615\",\"tz\":\"8\",\"srv\":\"blueniaga.com\",\"j\":\"1:14.1\"}") ]);
_stq.push([ "clickTrackerInit", "239567725", "12615" ]);
</script>
<script src="https://blueniaga.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.25.10" id="elementor-webpack-runtime-js" defer></script>
<script src="https://blueniaga.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.25.10" id="elementor-frontend-modules-js" defer></script>
<script src="https://blueniaga.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js" defer></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.25.10","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_optimized_control_loading":true,"e_onboarding":true,"e_css_smooth_scroll":true,"home_screen":true,"landing-pages":true,"nested-elements":true,"editor_v2":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/blueniaga.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/blueniaga.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/blueniaga.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"e169cb25b6"},"swiperClass":"swiper","settings":{"page":{"ha_cmc_init_switcher":"no"},"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","ha_rpb_enable":"no"},"post":{"id":12615,"title":"Master%20HTML%3A%20Essential%20Tags%20and%20Structure%20for%20Beginners%20%7C%20Blueniaga","excerpt":"","featuredImage":false}};
</script>
<script src="https://blueniaga.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.25.10" id="elementor-frontend-js" defer></script>
<script src="https://blueniaga.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/animate-circle.min.js?ver=3.3.2" id="animate-circle-js" defer></script>
<script id="elementskit-elementor-js-extra">
var ekit_config = {"ajaxurl":"https:\/\/blueniaga.com\/wp-admin\/admin-ajax.php","nonce":"5b90b819aa"};
</script>
<script data-minify="1" src="https://blueniaga.com/wp-content/cache/min/1/wp-content/plugins/elementskit-lite/widgets/init/assets/js/elementor.js?ver=1733473799" id="elementskit-elementor-js" defer></script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1737062766 --> 