In 2004, a group of major browser developers, including Google, Apple, Mozilla, and Firefox, created the WHATWG (The Web Hypertext Application Technology Working Group) which in Spanish would be like The Web Hypertext Application Technology Working Group. This group is responsible for developing and advancing the HTML format.
How does it work
Through the markup language HTML elements that make up the structures of web pages are presented. Typically, each element includes an opening tag enclosed in angle brackets (
Subsequently, over time, other web technologies such as CSS (.css) and JavaScript (.js) code have been introduced in current HTML web pages. Developers typically create and edit HTML files and then upload them to browsers’ web servers, which are responsible for analyzing and interpreting in seconds showing us the final result when we visit the page. This is why we never see the HTML source code in the browser.
To explain the basic structure of an HTML document, we must know that there are three tags that describe it and through which simple information about it is offered. These tags do not affect the appearance of the document at all, but simply frame and structure the HTML file:
- and : surround the document and indicate the language in which it is written.
- : Specifies the preface for the rest of the file. Inside there are few tags, highlighting the title
which is responsible for identifying the content of the page. There can only be one title in each document, and if possible, keep it short and meaningful. Also, in the header there should be no text from the document.</li> <li><strong><body></strong>: here we find the main content or cause of the document. This is the part of the HTML document that is displayed on the computer.</li> </ul> <h3>View HTML preview from browser</h3> <p>As we have mentioned, web browsers are responsible for interpreting the HTML code to show us all the content graphically, whether as text, images or videos, just as it has been designed. However, it is possible <strong>view a preview of an HTML web page</strong> of any web from the browser, following certain steps depending on the one we use</p> <ul> <li><strong>Google Chrome:</strong> from its options menu, clicking on “More tools” and “Developer tools”.</li> <li><strong>MozillaFirefox</strong>: In your options menu select “More tools” and “Page source code”.</li> <li><strong>Microsoft Edge</strong>: By clicking on “More tools” and “Developer tools”, within its options menu.</li> <li><strong>apple-safari</strong>: in its options menu by clicking on “View source code”.</li> </ul> <p style="display:inline-block; width:100%;"><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684729 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20389'%3E%3C/svg%3E" alt="Mozilla website source code" width="900" height="389" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2022/03/They-are-essential-for-websites-but-do-you-know-HTML.jpg"/><noscript><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684729 size-full" src="https://techunwrapped.com/wp-content/uploads/2022/03/They-are-essential-for-websites-but-do-you-know-HTML.jpg" alt="Mozilla website source code" width="900" height="389"/></noscript></p> <p>These are just a few examples within the most popular browsers, but virtually any web browser on the market has the ability to view HTML code.</p> <h2>How to easily create an HTML file</h2> <p>If we want to quickly and easily create an HTML file, we can make use of these free text editors, which will allow us to create and save it in a matter of seconds.</p> <h3>memo pad</h3> <p>It is a simple editor integrated into Windows, through which it can be used to write small text documents such as notes. At the same time it can also be used to easily create an HTML file. To do this, it will only be necessary to open it from the search engine of the Start menu.</p> <p>Once opened we only have to write the code we need. Once finished, we click on the “File” tab, a drop-down menu will open where we select <strong>“Save as”</strong>.</p> <p style="display:inline-block; width:100%;"><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684720 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20718'%3E%3C/svg%3E" alt="Notepad save HTML file" width="900" height="718" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2022/03/1646417957_773_They-are-essential-for-websites-but-do-you-know-HTML.jpg"/><noscript><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684720 size-full" src="https://techunwrapped.com/wp-content/uploads/2022/03/1646417957_773_They-are-essential-for-websites-but-do-you-know-HTML.jpg" alt="Notepad save HTML file" width="900" height="718"/></noscript></p> <p>Now within the Type tab at the bottom of the window, we must change the option “Text documents (*.txt)” to<strong> “All the files (*.*)”</strong>. In this way, our file will be saved as an HTML document. All that remains is to select the location of the file and add a name to it along with the “html” extension. All that remains is to click on Save to convert our text document into an HTML file.</p> <h3>NotePad++</h3> <p>This is possibly the best alternative text editor to Windows Notepad. It is a free and open source program compatible with different programming languages, it has native support for Windows and with which we can create an HTML file very easily. To get started, just download it from the developer’s website.</p> <p>Once downloaded and installed, we only have to run it so that its interface appears. We write the desired code and once finished click on the “File” tab. This will open a drop-down menu where we will choose the option to<strong> “Save as”</strong>.</p> <p style="display:inline-block; width:100%;"><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684714 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20697'%3E%3C/svg%3E" alt="notepad plus plus save html file" width="900" height="697" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2022/03/1646417957_373_They-are-essential-for-websites-but-do-you-know-HTML.jpg"/><noscript><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684714 size-full" src="https://techunwrapped.com/wp-content/uploads/2022/03/1646417957_373_They-are-essential-for-websites-but-do-you-know-HTML.jpg" alt="notepad plus plus save html file" width="900" height="697"/></noscript></p> <p>In the new window that appears, we go to the Type tab, where we display all the options and select <strong>“Hypertext Markup Language (*.hmtl, *.htm, *.shmtl, *.shtm, *.xhtml, *.xht, *.hta)”</strong>. Now we only have to enter the desired name for the HTML file and the location where we want it to be stored. Finally, click on “Save”.</p> <h3>EditPad Lite</h3> <p>Another very popular text editor program is EditPad Lite, which has a free version for personal use. It has full Unicode support and allows direct editing of text files using Windows text encodings and line breaks. Despite the fact that its interface is in English and easy and intuitive, allowing us to create our HTML file in a matter of seconds. To do this, the first thing is to download it from its official website.</p> <p>We install it and run it so that its interface appears. Here we write the code we need and once finished click on the File tab. This will open a drop-down menu where we select the option to <strong>Save Ace.</strong></p> <p style="display:inline-block; width:100%;"><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684717 size-full" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20929%20702'%3E%3C/svg%3E" alt="EditPad Lite save HTML file" width="929" height="702" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2022/03/1646417957_926_They-are-essential-for-websites-but-do-you-know-HTML.jpg"/><noscript><img decoding="async" viewbox="0 0 3 2" loading="lazy" class="aligncenter wp-image-684717 size-full" src="https://techunwrapped.com/wp-content/uploads/2022/03/1646417957_926_They-are-essential-for-websites-but-do-you-know-HTML.jpg" alt="EditPad Lite save HTML file" width="929" height="702"/></noscript></p> <p>In the new pop-up window that appears, we go to the Type section, located at the bottom. Here we display the list and choose <strong>“HTML documents (*.html, *.htm, *.shtml, *.hta)”</strong>. Now we only have to give it a name and a path to save the file. Finally, click on Save and we have already created our HTML file.</p> <h2>Best programs to open and edit an HTML file</h2> <p>To be able to see a preview of the HTML files, our own web browser may suffice. However, if we want to open and edit HTML files, it is best to use different types of web development programs such as the ones we are going to see below.</p> <h3>Visual Studio Code</h3> <p>Microsoft is the company in charge of developing this source code editor that works with multiple programming languages, among which are <strong>include the HTML</strong>. It features support for Git built-in control debugging, syntax highlighting, smart code completion, snippets, and code refactoring. It also supports the use of snippets, which helps us drastically reduce the time spent writing code. Of course, the software is customizable, which will allow us to configure everything from the workspace to the HTTP or CCS configuration.</p> <p>Visual Studio Code is a multi-system application that we can download for free from its website.</p> <h3>SublimeText</h3> <p>This text editing app for professionals has become one of the best options for <strong>open and edit HTML and CSS files</strong>along with other programming languages. With it we will be able to jump to strings or symbols, define several syntaxes, highlight code, select several lines and do a divided edition. It is also compatible with keyboard shortcuts, which will allow us to dominate and reduce programming and debugging time. It is especially aimed at advanced users, so it is not indicated for novice users who are starting to do their first programming jobs.</p> <p>Sublime Text is cross-platform and has a free version that we can download from the developer’s website.</p> <h3>Adobe Dreamweaver CC</h3> <p>This application has been created and developed by Adobe to become one of the industry standards when it comes to <strong>design a web page in HTML</strong>, since it has certain functions to create pages with the latest design innovations along with a modern look and allowing some flexibility to facilitate our work. Its evolution over time has led this software to become one of the preferred options for web designers. Also, if we don’t know how to code, it includes a series of predefined modules to help us create websites.</p> <p>We can download a trial version of Dreamweaver from the Adobe website. If we want to use it permanently, we must pay a subscription of 24.19 euros per month.</p> </p></div> <div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'> <!-- YARPP List --> We have other articles that may interest you:<ol> <li><a href="https://techunwrapped.com/windows-10-will-be-much-more-secure-by-activating-this-function-by-default/" rel="bookmark" title="Windows 10 will be much more secure by activating this function by default">Windows 10 will be much more secure by activating this function by default</a></li> <li><a href="https://techunwrapped.com/easily-create-and-burn-your-own-cds-and-dvds-with-nero/" rel="bookmark" title="Easily create and burn your own CDs and DVDs with Nero">Easily create and burn your own CDs and DVDs with Nero</a></li> <li><a href="https://techunwrapped.com/when-should-i-install-nvidia-geforce-experience/" rel="bookmark" title="When should I install NVIDIA GeForce Experience?">When should I install NVIDIA GeForce Experience?</a></li> <li><a href="https://techunwrapped.com/if-you-buy-a-z690-board-and-an-intel-cpu-you-get-e-250-back-2/" rel="bookmark" title="If you buy a Z690 board and an Intel CPU, you get € 250 back!">If you buy a Z690 board and an Intel CPU, you get € 250 back!</a></li> <li><a href="https://techunwrapped.com/is-ekwb-the-best-liquid-cooling-hardware-company/" rel="bookmark" title="Is EKWB the best liquid cooling hardware company?">Is EKWB the best liquid cooling hardware company?</a></li> <li><a href="https://techunwrapped.com/take-advantage-of-libreoffice-news-by-configuring-its-updates/" rel="bookmark" title="Take advantage of LibreOffice news by configuring its updates">Take advantage of LibreOffice news by configuring its updates</a></li> </ol> </div> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div id="single-post-meta" class="post-meta clearfix"><span class="author-meta single-author no-avatars"><span class="meta-item meta-author-wrapper meta-author-1"><span class="meta-author"><a href="https://techunwrapped.com/author/admin/" class="author-name tie-icon" title="Deepak Gupta">Deepak Gupta</a></span></span></span><span class="date meta-item tie-icon">March 4, 2022</span><div class="tie-alignright"><span class="meta-comment tie-icon meta-item fa-before">0</span></div></div><!-- .post-meta --> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Article","dateCreated":"2022-03-04T18:19:17+00:00","datePublished":"2022-03-04T18:19:17+00:00","dateModified":"2022-03-04T18:19:17+00:00","headline":"They are essential for websites, but do you know HTML files?","name":"They are essential for websites, but do you know HTML files?","keywords":[],"url":"https:\/\/techunwrapped.com\/they-are-essential-for-websites-but-do-you-know-html-files\/","description":"In 2004, a group of major browser developers, including Google, Apple, Mozilla, and Firefox, created the WHATWG (The Web Hypertext Application Technology Working Group) which in Spanish would be like","copyrightYear":"2022","articleSection":"Computer","articleBody":" In 2004, a group of major browser developers, including Google, Apple, Mozilla, and Firefox, created the WHATWG (The Web Hypertext Application Technology Working Group) which in Spanish would be like The Web Hypertext Application Technology Working Group. This group is responsible for developing and advancing the HTML format. How does it work Through the markup language HTML elements that make up the structures of web pages are presented. Typically, each element includes an opening tag enclosed in angle brackets () and a closing tag also enclosed in square brackets, but with a forward slash between the tags (). Subsequently, over time, other web technologies such as CSS (.css) and JavaScript (.js) code have been introduced in current HTML web pages. Developers typically create and edit HTML files and then upload them to browsers' web servers, which are responsible for analyzing and interpreting in seconds showing us the final result when we visit the page. This is why we never see the HTML source code in the browser. To explain the basic structure of an HTML document, we must know that there are three tags that describe it and through which simple information about it is offered. These tags do not affect the appearance of the document at all, but simply frame and structure the HTML file: and : surround the document and indicate the language in which it is written. : Specifies the preface for the rest of the file. Inside there are few tags, highlighting the title which is responsible for identifying the content of the page. There can only be one title in each document, and if possible, keep it short and meaningful. Also, in the header there should be no text from the document. : here we find the main content or cause of the document. This is the part of the HTML document that is displayed on the computer. View HTML preview from browser As we have mentioned, web browsers are responsible for interpreting the HTML code to show us all the content graphically, whether as text, images or videos, just as it has been designed. However, it is possible view a preview of an HTML web page of any web from the browser, following certain steps depending on the one we use Google Chrome: from its options menu, clicking on \u201cMore tools\u201d and \u201cDeveloper tools\u201d. MozillaFirefox: In your options menu select \u201cMore tools\u201d and \u201cPage source code\u201d. Microsoft Edge: By clicking on \u201cMore tools\u201d and \u201cDeveloper tools\u201d, within its options menu. apple-safari: in its options menu by clicking on \u201cView source code\u201d. These are just a few examples within the most popular browsers, but virtually any web browser on the market has the ability to view HTML code. How to easily create an HTML file If we want to quickly and easily create an HTML file, we can make use of these free text editors, which will allow us to create and save it in a matter of seconds. memo pad It is a simple editor integrated into Windows, through which it can be used to write small text documents such as notes. At the same time it can also be used to easily create an HTML file. To do this, it will only be necessary to open it from the search engine of the Start menu. Once opened we only have to write the code we need. Once finished, we click on the \u201cFile\u201d tab, a drop-down menu will open where we select \"Save as\". Now within the Type tab at the bottom of the window, we must change the option \u201cText documents (*.txt)\u201d to \"All the files (*.*)\". In this way, our file will be saved as an HTML document. All that remains is to select the location of the file and add a name to it along with the \u201chtml\u201d extension. All that remains is to click on Save to convert our text document into an HTML file. NotePad++ This is possibly the best alternative text editor to Windows Notepad. It is a free and open source program compatible with different programming languages, it has native support for Windows and with which we can create an HTML file very easily. To get started, just download it from the developer's website. Once downloaded and installed, we only have to run it so that its interface appears. We write the desired code and once finished click on the \u201cFile\u201d tab. This will open a drop-down menu where we will choose the option to \"Save as\". In the new window that appears, we go to the Type tab, where we display all the options and select \"Hypertext Markup Language (*.hmtl, *.htm, *.shmtl, *.shtm, *.xhtml, *.xht, *.hta)\". Now we only have to enter the desired name for the HTML file and the location where we want it to be stored. Finally, click on \u201cSave\u201d. EditPad Lite Another very popular text editor program is EditPad Lite, which has a free version for personal use. It has full Unicode support and allows direct editing of text files using Windows text encodings and line breaks. Despite the fact that its interface is in English and easy and intuitive, allowing us to create our HTML file in a matter of seconds. To do this, the first thing is to download it from its official website. We install it and run it so that its interface appears. Here we write the code we need and once finished click on the File tab. This will open a drop-down menu where we select the option to Save Ace. In the new pop-up window that appears, we go to the Type section, located at the bottom. Here we display the list and choose \u201cHTML documents (*.html, *.htm, *.shtml, *.hta)\u201d. Now we only have to give it a name and a path to save the file. Finally, click on Save and we have already created our HTML file. Best programs to open and edit an HTML file To be able to see a preview of the HTML files, our own web browser may suffice. However, if we want to open and edit HTML files, it is best to use different types of web development programs such as the ones we are going to see below. Visual Studio Code Microsoft is the company in charge of developing this source code editor that works with multiple programming languages, among which are include the HTML. It features support for Git built-in control debugging, syntax highlighting, smart code completion, snippets, and code refactoring. It also supports the use of snippets, which helps us drastically reduce the time spent writing code. Of course, the software is customizable, which will allow us to configure everything from the workspace to the HTTP or CCS configuration. Visual Studio Code is a multi-system application that we can download for free from its website. SublimeText This text editing app for professionals has become one of the best options for open and edit HTML and CSS filesalong with other programming languages. With it we will be able to jump to strings or symbols, define several syntaxes, highlight code, select several lines and do a divided edition. It is also compatible with keyboard shortcuts, which will allow us to dominate and reduce programming and debugging time. It is especially aimed at advanced users, so it is not indicated for novice users who are starting to do their first programming jobs. Sublime Text is cross-platform and has a free version that we can download from the developer's website. Adobe Dreamweaver CC This application has been created and developed by Adobe to become one of the industry standards when it comes to design a web page in HTML, since it has certain functions to create pages with the latest design innovations along with a modern look and allowing some flexibility to facilitate our work. Its evolution over time has led this software to become one of the preferred options for web designers. Also, if we don't know how to code, it includes a series of predefined modules to help us create websites. We can download a trial version of Dreamweaver from the Adobe website. If we want to use it permanently, we must pay a subscription of 24.19 euros per month. ","publisher":{"@id":"#Publisher","@type":"Organization","name":"TechUnwrapped","logo":{"@type":"ImageObject","url":"https:\/\/techunwrapped.com\/wp-content\/uploads\/2020\/05\/TechUnwrapped_logo.png"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/techunwrapped.com\/they-are-essential-for-websites-but-do-you-know-html-files\/"},"author":{"@type":"Person","name":"Deepak Gupta","url":"https:\/\/techunwrapped.com\/author\/admin\/"},"image":{"@type":"ImageObject","url":"https:\/\/techunwrapped.com\/wp-content\/uploads\/2022\/03\/They-are-essential-for-websites-but-do-you-know-HTML.jpg","width":1200,"height":389}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links "> <a href="https://www.facebook.com/sharer.php?u=https://techunwrapped.com/they-are-essential-for-websites-but-do-you-know-html-files/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn large-share-button" data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="social-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=They%20are%20essential%20for%20websites%2C%20but%20do%20you%20know%20HTML%20files%3F&url=https://techunwrapped.com/they-are-essential-for-websites-but-do-you-know-html-files/" rel="external noopener nofollow" title="Twitter" target="_blank" class="twitter-share-btn large-share-button" data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="social-text">Twitter</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://techunwrapped.com/they-are-essential-for-websites-but-do-you-know-html-files/&title=They%20are%20essential%20for%20websites%2C%20but%20do%20you%20know%20HTML%20files%3F" rel="external noopener nofollow" title="LinkedIn" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">LinkedIn</span> </a> <a href="https://www.tumblr.com/share/link?url=https://techunwrapped.com/they-are-essential-for-websites-but-do-you-know-html-files/&name=They%20are%20essential%20for%20websites%2C%20but%20do%20you%20know%20HTML%20files%3F" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://techunwrapped.com/they-are-essential-for-websites-but-do-you-know-html-files/&description=They%20are%20essential%20for%20websites%2C%20but%20do%20you%20know%20HTML%20files%3F&media=https://techunwrapped.com/wp-content/uploads/2022/03/They-are-essential-for-websites-but-do-you-know-HTML.jpg" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://techunwrapped.com/they-are-essential-for-websites-but-do-you-know-html-files/&title=They%20are%20essential%20for%20websites%2C%20but%20do%20you%20know%20HTML%20files%3F" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="mailto:?subject=They%20are%20essential%20for%20websites%2C%20but%20do%20you%20know%20HTML%20files%3F&body=https://techunwrapped.com/they-are-essential-for-websites-but-do-you-know-html-files/" rel="external noopener nofollow" title="Share via Email" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Share via Email</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="post-components"> <div class="container-wrapper" id="post-newsletter"> <div class="subscribe-widget"> <div class="widget-inner-wrap"> <span class="tie-icon-envelope newsletter-icon" aria-hidden="true"></span> <div class="subscribe-widget-content"> <h4>Do you like stuff like this?</h4> <h3>Subscribe to our mailing list to get the new updates!</h3> </div> <form action="https://feedburner.google.com/fb/a/mailverify" method="post" class="subscribe-form" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=techunwrappedfeed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <label class="screen-reader-text" for="email">Enter your Email address</label> <input class="subscribe-input required email" id="email" type="text" name="email" placeholder="Enter your Email address"> <input type="hidden" value="techunwrappedfeed" name="uri"> <input type="hidden" name="loc" value="en_US"> <input class="button subscribe-submit" type="submit" name="submit" value="Subscribe"> </form> </div><!-- .widget-inner-wrap /--> </div><!-- .subscribe-widget /--> </div><!-- #post-newsletter /--> <div id="related-posts" class="container-wrapper has-extra-post"> <div class="mag-box-title the-global-title"> <h3>Related Articles</h3> </div> <div class="related-posts-list"> <div class="related-item"> <a aria-label="Update your Windows and Office licenses from only 13 euros" href="https://techunwrapped.com/update-your-windows-and-office-licenses-from-only-13-euros/" class="post-thumb"><img width="390" height="204" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20390%20204'%3E%3C/svg%3E" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" data-lazy-srcset="https://techunwrapped.com/wp-content/uploads/2021/06/1623946595_Update-your-Windows-and-Office-licenses-from-only-13-euros.jpg 1268w, https://techunwrapped.com/wp-content/uploads/2021/06/1623946595_Update-your-Windows-and-Office-licenses-from-only-13-euros-800x419.jpg 800w" data-lazy-sizes="(max-width: 390px) 100vw, 390px" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2021/06/1623946595_Update-your-Windows-and-Office-licenses-from-only-13-euros.jpg" /><noscript><img width="390" height="204" src="https://techunwrapped.com/wp-content/uploads/2021/06/1623946595_Update-your-Windows-and-Office-licenses-from-only-13-euros.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" srcset="https://techunwrapped.com/wp-content/uploads/2021/06/1623946595_Update-your-Windows-and-Office-licenses-from-only-13-euros.jpg 1268w, https://techunwrapped.com/wp-content/uploads/2021/06/1623946595_Update-your-Windows-and-Office-licenses-from-only-13-euros-800x419.jpg 800w" sizes="(max-width: 390px) 100vw, 390px" /></noscript></a> <h3 class="post-title"><a href="https://techunwrapped.com/update-your-windows-and-office-licenses-from-only-13-euros/">Update your Windows and Office licenses from only 13 euros</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">June 17, 2021</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item"> <a aria-label="How does AMD integrate its FSR into games to gain GPU performance?" href="https://techunwrapped.com/how-does-amd-integrate-its-fsr-into-games-to-gain-gpu-performance/" class="post-thumb"><img width="390" height="204" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20390%20204'%3E%3C/svg%3E" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2021/07/1627626753_How-does-AMD-integrate-its-FSR-into-games-to-gain.jpg" /><noscript><img width="390" height="204" src="https://techunwrapped.com/wp-content/uploads/2021/07/1627626753_How-does-AMD-integrate-its-FSR-into-games-to-gain.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" /></noscript></a> <h3 class="post-title"><a href="https://techunwrapped.com/how-does-amd-integrate-its-fsr-into-games-to-gain-gpu-performance/">How does AMD integrate its FSR into games to gain GPU performance?</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">July 30, 2021</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item"> <a aria-label="Take advantage of these monitor deals before Prime Day ends" href="https://techunwrapped.com/take-advantage-of-these-monitor-deals-before-prime-day-ends/" class="post-thumb"><img width="390" height="204" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20390%20204'%3E%3C/svg%3E" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" data-lazy-srcset="https://techunwrapped.com/wp-content/uploads/2021/06/1624375246_Take-advantage-of-these-monitor-deals-before-Prime-Day-ends.jpg 1268w, https://techunwrapped.com/wp-content/uploads/2021/06/1624375246_Take-advantage-of-these-monitor-deals-before-Prime-Day-ends-800x419.jpg 800w" data-lazy-sizes="(max-width: 390px) 100vw, 390px" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2021/06/1624375246_Take-advantage-of-these-monitor-deals-before-Prime-Day-ends.jpg" /><noscript><img width="390" height="204" src="https://techunwrapped.com/wp-content/uploads/2021/06/1624375246_Take-advantage-of-these-monitor-deals-before-Prime-Day-ends.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" srcset="https://techunwrapped.com/wp-content/uploads/2021/06/1624375246_Take-advantage-of-these-monitor-deals-before-Prime-Day-ends.jpg 1268w, https://techunwrapped.com/wp-content/uploads/2021/06/1624375246_Take-advantage-of-these-monitor-deals-before-Prime-Day-ends-800x419.jpg 800w" sizes="(max-width: 390px) 100vw, 390px" /></noscript></a> <h3 class="post-title"><a href="https://techunwrapped.com/take-advantage-of-these-monitor-deals-before-prime-day-ends/">Take advantage of these monitor deals before Prime Day ends</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">June 22, 2021</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item"> <a aria-label="Give your PC the box it deserves with this CORSAIR 4000D on sale" href="https://techunwrapped.com/give-your-pc-the-box-it-deserves-with-this-corsair-4000d-on-sale/" class="post-thumb"><img width="390" height="204" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20390%20204'%3E%3C/svg%3E" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" data-lazy-src="https://techunwrapped.com/wp-content/uploads/2021/09/1632849133_Give-your-PC-the-box-it-deserves-with-this-CORSAIR.jpg" /><noscript><img width="390" height="204" src="https://techunwrapped.com/wp-content/uploads/2021/09/1632849133_Give-your-PC-the-box-it-deserves-with-this-CORSAIR.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" /></noscript></a> <h3 class="post-title"><a href="https://techunwrapped.com/give-your-pc-the-box-it-deserves-with-this-corsair-4000d-on-sale/">Give your PC the box it deserves with this CORSAIR 4000D on sale</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">September 28, 2021</span></div><!-- .post-meta --> </div><!-- .related-item /--> </div><!-- .related-posts-list /--> </div><!-- #related-posts /--> <div id="comments" class="comments-area"> <div id="add-comment-block" class="container-wrapper"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title the-global-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/they-are-essential-for-websites-but-do-you-know-html-files/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://techunwrapped.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='41879' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #add-comment-block /--> </div><!-- .comments-area --> </div><!-- .post-components /--> </div><!-- .main-content --> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side" aria-label="Primary Sidebar"> <div class="theiaStickySidebar"> <div id="recent-posts-4" class="container-wrapper widget widget_recent_entries"> <div class="widget-title the-global-title"><div class="the-subtitle">What’s New!</div></div> <ul> <li> <a href="https://techunwrapped.com/what-are-the-best-multiple-cloud-storage-managers/">What are the best multiple cloud storage managers?</a> </li> <li> <a href="https://techunwrapped.com/blooket-game/">Blooket Game: How to Join and Play</a> </li> <li> <a href="https://techunwrapped.com/play-god-of-war-2-galaxy-s24-ultra/">How to play God of War 2 on Galaxy S24 Ultra</a> </li> <li> <a href="https://techunwrapped.com/best-icon-packs-galaxy-s24-ultra/">10 Best Icon Packs for Samsung Galaxy S24 Ultra</a> </li> <li> <a href="https://techunwrapped.com/best-racing-games-galaxy-a15/">10 best racing games for Samsung Galaxy A15</a> </li> <li> <a href="https://techunwrapped.com/galaxy-s24-ultra-ai-features/">15 Best Galaxy S24 Ultra AI Features You Must Know</a> </li> <li> <a href="https://techunwrapped.com/honest-gochatty-review-a-journey-into-modern-dating/">Honest GoChatty Review: A Journey into Modern Dating</a> </li> <li> <a href="https://techunwrapped.com/threads-add-hidden-words-filter/">Threads Add Words Filter ‘Hidden Words’</a> </li> </ul> <div class="clearfix"></div></div><!-- .widget /--> </div><!-- .theiaStickySidebar /--> </aside><!-- .sidebar /--> </div><!-- .main-content-row /--></div><!-- #content /--> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first">All rights reserved. TechUnwrapped.com</div><div class="footer-menu"><ul id="menu-our-sites" class="menu"><li id="menu-item-3829" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3829"><a href="https://techunwrapped.com/contact-us/">Contact Us</a></li> <li id="menu-item-3828" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3828"><a rel="privacy-policy" href="https://techunwrapped.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-177" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-177"><a href="https://techunwrapped.com/sitemap_index.xml">Sitemap</a></li> </ul></div> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area appear-from-right" aria-label="Secondary Sidebar" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://techunwrapped.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class=" has-custom-menu"> <div class="menu-main-menu-container"><ul id="mobile-custom-menu" class="menu" role="menubar"><li id="menu-item-3816" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3816"><a href="https://techunwrapped.com/category/apple/">Apple</a></li> <li id="menu-item-58" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-58"><a href="https://techunwrapped.com/category/mobile/">Mobile</a></li> <li id="menu-item-3815" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3815"><a href="https://techunwrapped.com/category/tech/">Tech</a></li> <li id="menu-item-715" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-715"><a href="https://techunwrapped.com/category/computer/">Computer</a></li> <li id="menu-item-93" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-93"><a href="https://techunwrapped.com/category/internet/">Internet</a></li> <li id="menu-item-716" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-716"><a href="https://techunwrapped.com/category/electronics/">Electronics</a></li> <li id="menu-item-713" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-713"><a href="https://techunwrapped.com/category/business/">Business</a></li> <li id="menu-item-714" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-714"><a href="https://techunwrapped.com/category/gaming/">Gaming</a></li> <li id="menu-item-3817" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3817"><a href="https://techunwrapped.com/category/entertainment/">Entertainment</a></li> <li id="menu-item-56" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-56"><a href="https://techunwrapped.com/about-us/">About Us</a></li> <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-57"><a href="https://techunwrapped.com/privacy-policy/">Privacy Policy</a></li> </ul></div> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div><link rel='stylesheet' id='yarppRelatedCss-css' href='https://techunwrapped.com/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=5.30.10' type='text/css' media='all' /> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/techunwrapped.com\/wp-admin\/admin-ajax.php","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_2","mobile_menu_parent":"","lightbox_all":"","lightbox_gallery":"","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"","is_singular":"1","autoload_posts":"","reading_indicator":"","lazyload":"","select_share":"","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"","ad_blocker_detector":"","sticky_behavior":"default","sticky_desktop":"","sticky_mobile":"","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"","lang_no_results":"Nothing Found","sticky_share_mobile":"","sticky_share_post":""}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" src="https://techunwrapped.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=5.4.5" id="tie-scripts-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" src="https://techunwrapped.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=5.4.5" id="tie-js-desktop-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" src="https://techunwrapped.com/wp-content/themes/jannah/assets/js/single.min.js?ver=5.4.5" id="tie-js-single-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" src="https://techunwrapped.com/wp-includes/js/comment-reply.min.js?ver=6.5.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://techunwrapped.com/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->