Which tags are required for an HTML page?

Some of the essential tags for an HTML document are doctype, , , and <body>.</p> <h2 id="what-are-the-basic-tags-of-html">What are the basic tags of HTML?</h2> <p>Basic HTML</p> <table> <tbody> <tr class="ztXv9"> <th style="padding-left:0">Tag</th> <th>Description</th> </tr> <tr> <td style="padding-left:0"><title></td> <td>Defines a title for the document</td> </tr> <tr> <td style="padding-left:0"><body></td> <td>Defines the document’s body</td> </tr> <tr> <td style="padding-left:0"><h1> to <h6></td> <td>Defines HTML headings</td> </tr> <tr> <td style="padding-left:0"><p></td> <td>Defines a paragraph</td> </tr> </tbody> </table> <h2 id="what-are-the-5-basic-html-tags">What are the 5 basic HTML tags?</h2> <p>These HTML 5 tags (elements) provide a better document structure.<br/>…<br/>List of HTML 5 Tags.</p> <table> <tbody> <tr class="ztXv9"> <th style="padding-left:0">Tag</th> <th>Description</th> </tr> <tr> <td style="padding-left:0"><footer></td> <td>It defines a footer for a section.</td> </tr> <tr> <td style="padding-left:0"><header></td> <td>It defines a header for a section.</td> </tr> <tr> <td style="padding-left:0"><main></td> <td>It defines the main content of a document.</td> </tr> <tr> <td style="padding-left:0"><mark></td> <td>It specifies the marked or highlighted content.</td> </tr> </tbody> </table> <h2 id="which-two-html-tags-are-required-for-every">Which two HTML tags are required for every webpage?</h2> <p>Every web page begins with <HTML> and ends with </HTML>. <HTML> announces to the web browser that this is an HTML document. Everything within the web page will be between by these tags.</p> <div style="text-align:center;"><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/o3Gfsc6kihk" data-id="o3Gfsc6kihk" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/o3Gfsc6kihk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="what-are-the-10-basic-html-tags">What are the 10 basic HTML tags?</h2> <p>Your First 10 HTML Tags</p> <ul> <li><html> … </html> — The root element. … </li> <li><head> … </head> — The document head. … </li> <li><title> … </title> — The page title. … </li> <li><body> … </body> — The page’s content. … </li> <li><h1> … </h1> — A section heading. … </li> <li><p> … </p> — A paragraph. … </li> <li><a> … </a> — A link. … </li> <li><img> — An image. The img element lets you insert images into your web pages.</li> </ul> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/html/how-do-i-enable-html-formatting-in-outlook.html" target="_self" rel="nofollow" class="ufab08f6d9d299db54d11d88f633b387c"><!-- INLINE RELATED POSTS 1/3 //--><style> .ufab08f6d9d299db54d11d88f633b387c , .ufab08f6d9d299db54d11d88f633b387c .postImageUrl , .ufab08f6d9d299db54d11d88f633b387c .centered-text-area { min-height: 80px; position: relative; } .ufab08f6d9d299db54d11d88f633b387c , .ufab08f6d9d299db54d11d88f633b387c:hover , .ufab08f6d9d299db54d11d88f633b387c:visited , .ufab08f6d9d299db54d11d88f633b387c:active { border:0!important; } .ufab08f6d9d299db54d11d88f633b387c .clearfix:after { content: ""; display: table; clear: both; } .ufab08f6d9d299db54d11d88f633b387c { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #1ABC9C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .ufab08f6d9d299db54d11d88f633b387c:active , .ufab08f6d9d299db54d11d88f633b387c:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .ufab08f6d9d299db54d11d88f633b387c .centered-text-area { width: 100%; position: relative; } .ufab08f6d9d299db54d11d88f633b387c .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .ufab08f6d9d299db54d11d88f633b387c .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .ufab08f6d9d299db54d11d88f633b387c .ctaButton { background-color: #16A085!important; color: #FFFFFF; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://html5robot.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .ufab08f6d9d299db54d11d88f633b387c:hover .ctaButton { background-color: #F39C12!important; } .ufab08f6d9d299db54d11d88f633b387c .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .ufab08f6d9d299db54d11d88f633b387c .ufab08f6d9d299db54d11d88f633b387c-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .ufab08f6d9d299db54d11d88f633b387c:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="ufab08f6d9d299db54d11d88f633b387c-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">How do I enable HTML formatting in Outlook?</span></div></div></div><div class="ctaButton"></div></a></div><p>13 июл. 2010 г.</p> <h2 id="what-are-the-4-basic-html-tags">What are the 4 basic HTML tags?</h2> <p>To build any webpage you will need four primary tags: <html>, <head>, <title> and <body>. These are all container tags and must appear as pairs with a beginning and an ending. Here is a diagram, showing the two main parts and the primary tags.</p> <h2 id="how-do-i-start-html-coding">How do I start HTML coding?</h2> <p>HTML Editors</p> <ol> <li>Step 1: Open Notepad (PC) Windows 8 or later: … </li> <li>Step 1: Open TextEdit (Mac) Open Finder > Applications > TextEdit. … </li> <li>Step 2: Write Some HTML. Write or copy the following HTML code into Notepad: … </li> <li>Step 3: Save the HTML Page. Save the file on your computer. … </li> <li>Step 4: View the HTML Page in Your Browser.</li> </ol> <h2 id="how-many-tags-are-in-html">How many tags are in HTML?</h2> <p>This tutorial is an introduction to the 10 most common HTML tags. HTML is a very simple markup language. Even though there are close to 100 tags in HTML5, you usually only end up using a handful 99% of the time.<br/>…<br/>10 HTML Tags.</p> <table> <tbody> <tr class="ztXv9"> <th style="padding-left:0"><h1> – <h6></th> <th>Heading</th> </tr> <tr> <td style="padding-left:0"><img></td> <td>Image</td> </tr> <tr> <td style="padding-left:0"><div></td> <td>Division</td> </tr> </tbody> </table> <div style="text-align:center;"><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/bUEykHfMMnc" data-id="bUEykHfMMnc" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/bUEykHfMMnc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="what-is-html-tag-example">What is HTML tag example?</h2> <table> <tbody> <tr class="ztXv9"> <th colspan="3" style="text-align:center;padding-left:0">HTML Tags Chart source: www.web-source.net</th> </tr> <tr> <th style="padding-left:0">Tag</th> <th>Name</th> <th>Code Example</th> </tr> <tr> <td style="padding-left:0"><BIG></td> <td>big (text)</td> <td><BIG>Example</BIG></td> </tr> <tr> <td style="padding-left:0"><BODY></td> <td>body of document</td> <td><BODY>The content of your page</BODY></td> </tr> <tr> <td style="padding-left:0"><BR></td> <td>line break</td> <td>The contents of your page<BR>The contents of your page</td> </tr> </tbody> </table> <h2 id="what-are-semantic-tags-in-html">What are semantic tags in HTML?</h2> <p>Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readable way. Elements such as <header> , <footer> and <article> are all considered semantic because they accurately describe the purpose of the element and the type of content that is inside them.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/html/is-html-good-for-websites.html" target="_self" rel="nofollow" class="u1239e5f46a5168baa778e00cbd8316d0"><!-- INLINE RELATED POSTS 2/3 //--><style> .u1239e5f46a5168baa778e00cbd8316d0 , .u1239e5f46a5168baa778e00cbd8316d0 .postImageUrl , .u1239e5f46a5168baa778e00cbd8316d0 .centered-text-area { min-height: 80px; position: relative; } .u1239e5f46a5168baa778e00cbd8316d0 , .u1239e5f46a5168baa778e00cbd8316d0:hover , .u1239e5f46a5168baa778e00cbd8316d0:visited , .u1239e5f46a5168baa778e00cbd8316d0:active { border:0!important; } .u1239e5f46a5168baa778e00cbd8316d0 .clearfix:after { content: ""; display: table; clear: both; } .u1239e5f46a5168baa778e00cbd8316d0 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #1ABC9C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .u1239e5f46a5168baa778e00cbd8316d0:active , .u1239e5f46a5168baa778e00cbd8316d0:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .u1239e5f46a5168baa778e00cbd8316d0 .centered-text-area { width: 100%; position: relative; } .u1239e5f46a5168baa778e00cbd8316d0 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u1239e5f46a5168baa778e00cbd8316d0 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u1239e5f46a5168baa778e00cbd8316d0 .ctaButton { background-color: #16A085!important; color: #FFFFFF; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://html5robot.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .u1239e5f46a5168baa778e00cbd8316d0:hover .ctaButton { background-color: #F39C12!important; } .u1239e5f46a5168baa778e00cbd8316d0 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .u1239e5f46a5168baa778e00cbd8316d0 .u1239e5f46a5168baa778e00cbd8316d0-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u1239e5f46a5168baa778e00cbd8316d0:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="u1239e5f46a5168baa778e00cbd8316d0-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">Is HTML good for websites?</span></div></div></div><div class="ctaButton"></div></a></div><h2 id="what-is-opening-tag-of-html-called">What is opening tag of HTML called?</h2> <p>Opening tag of html is called a ending tag b starting.</p> <h2 id="what-are-the-two-basic-types-of-tags">What are the two basic types of tags?</h2> <p>HTML tags can be of two types:</p> <ul> <li>Paired Tags.</li> <li>Singular Tags.</li> </ul> <div style="text-align:center;"><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/FjvYEKUruts" data-id="FjvYEKUruts" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/FjvYEKUruts" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="which-html-tag-is-the-most-powerful">Which HTML tag is the most powerful?</h2> <p>The <strong> tag is used to define text with strong importance. The content inside is typically displayed in bold. Tip: Use the <b> tag to specify bold text without any extra importance!</p> <h2 id="what-is-an-a-tag-in-html">What is an A tag in HTML?</h2> <p>The HTML <a> element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Content within each <a> should indicate the link’s destination.</p> <h2 id="what-is-tag-example">What is TAG example?</h2> <p>In Web pages, tags indicate what should be displayed on the screen when the page loads. … Tags are the basic formatting tool used in HTML (hypertext markup language) and other markup languages, such as XML. For example, to create a table on a Web page, the <table> tag is used.</p><div class='code-block code-block-5' style='margin: 8px 0; clear: both;'> <!-- Под статьей --> <div style="margin: 50px 0px 40px; clear: both;"> <div></div> </div></div> <!-- AI CONTENT END 3 --> </div><!-- .entry-content --> </article><!-- #post-## --> <div class="entry-footer"> </div> <div class="b-related"> <div class="b-related__items"> <div id="post-9249" class="post-card post-9249 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/what-can-we-use-instead-of-iframe-in-html.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>HTML</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div><!-- .entry-meta --> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/html/what-can-we-use-instead-of-iframe-in-html.html" rel="bookmark" >What can we use instead of iframe in HTML?</a></div> </header><!-- .entry-header --> <div class="post-card__content"> In which case the iframe can be the MUCH easier alternative. As others have </div><!-- .entry-content --> </div><!-- #post-## --> <div id="post-9250" class="post-card post-9250 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/how-do-you-display-address-in-html.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>HTML</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div><!-- .entry-meta --> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/html/how-do-you-display-address-in-html.html" rel="bookmark" >How do you display address in HTML?</a></div> </header><!-- .entry-header --> <div class="post-card__content"> To markup postal address in HTML, use the tag. The … tag is to </div><!-- .entry-content --> </div><!-- #post-## --> <div id="post-9251" class="post-card post-9251 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/best-answer-how-do-i-print-a-background-image-in-html.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>HTML</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div><!-- .entry-meta --> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/html/best-answer-how-do-i-print-a-background-image-in-html.html" rel="bookmark" >Best answer: How do I print a background image in HTML?</a></div> </header><!-- .entry-header --> <div class="post-card__content"> How do you make an image a background in HTML? The most common & </div><!-- .entry-content --> </div><!-- #post-## --> <div id="post-9252" class="post-card post-9252 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/what-is-html-partial-in-mvc.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>HTML</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div><!-- .entry-meta --> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/html/what-is-html-partial-in-mvc.html" rel="bookmark" >What is HTML partial in MVC?</a></div> </header><!-- .entry-header --> <div class="post-card__content"> What is a partial HTML? Html. Partial injects the html string of the partial </div><!-- .entry-content --> </div><!-- #post-## --> <div id="post-9253" class="post-card post-9253 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/how-do-you-design-html.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>HTML</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div><!-- .entry-meta --> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/html/how-do-you-design-html.html" rel="bookmark" >How do you design HTML?</a></div> </header><!-- .entry-header --> <div class="post-card__content"> How can I design HTML? HTML is a very basic markup language and requires </div><!-- .entry-content --> </div><!-- #post-## --> <div id="post-9230" class="post-card post-9230 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/how-do-i-get-rid-of-the-blue-underline-in-html.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>HTML</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div><!-- .entry-meta --> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/html/how-do-i-get-rid-of-the-blue-underline-in-html.html" rel="bookmark" >How do I get rid of the blue underline in HTML?</a></div> </header><!-- .entry-header --> <div class="post-card__content"> To remove underline from a link in HTML, use the CSS property text-decoration. Use </div><!-- .entry-content --> </div><!-- #post-## --> </div> </div> <meta itemprop="author" content="SVadmin"> <meta itemprop="datePublished" content="2021-04-06T15:54:56+03:00"/> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://html5robot.com/html/which-tags-are-required-for-an-html-page.html" content="Which tags are required for an HTML page?"> <meta itemprop="dateModified" content="2021-04-06"> <meta itemprop="datePublished" content="2021-04-06T15:54:56+03:00"> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject" style="display: none;"><img width="820" height="881" itemprop="url image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20820%20881'%3E%3C/svg%3E" alt="HTML5 Robot" data-lazy-src="https://html5robot.com/wp-content/uploads/2021/04/logo-2.jpg"><noscript><img width="820" height="881" itemprop="url image" src="https://html5robot.com/wp-content/uploads/2021/04/logo-2.jpg" alt="HTML5 Robot"></noscript></div><meta itemprop="name" content="HTML5 Robot"><meta itemprop="telephone" content="HTML5 Robot"><meta itemprop="address" content="https://html5robot.com"></div> </main><!-- #main --> </div><!-- #primary --> </div><!-- micro --> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div id="search-2" class="widget widget_search"> <form role="search" method="get" id="searchform_4033" action="https://html5robot.com/" class="search-form"> <label class="screen-reader-text" for="s_4033">Search: </label> <input type="text" value="" name="s" id="s_4033" class="search-form__text"> <button type="submit" id="searchsubmit_4033" class="search-form__submit"></button> </form></div><div id="text-5" class="widget widget_text"><div class="widget-header">About the author</div> <div class="textwidget"><p><img class="size-full wp-image-88 alignleft" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20120'%3E%3C/svg%3E" alt="" width="120" height="120" data-lazy-src="https://html5robot.com/wp-content/uploads/2021/04/logo-autor.jpg"/><noscript><img class="size-full wp-image-88 alignleft" src="https://html5robot.com/wp-content/uploads/2021/04/logo-autor.jpg" alt="" width="120" height="120"/></noscript>Hello, my name is Nicholas. I believe the best way to learn web development is through practice. Therefore, in my blog, I collect articles and lessons for getting to know HTML and CSS.</p> </div> </div><div id="wpshop_widget_articles-2" class="widget widget_wpshop_widget_articles"><div class="widget-articles"> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/you-asked-which-value-of-align-attribute-in-paragraph-tag-is-used-to-make-the-margins-evenly-on-both-sides.html">You asked: Which value of align attribute in paragraph tag is used to make the margins evenly on both sides?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/which-of-the-following-html-elements-is-used-to-add-a-row-in-a-table.html">Which of the following HTML elements is used to add a row in a table?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/you-asked-is-tr-an-empty-tag.html">You asked: Is TR an empty tag?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/what-is-the-html-code-for-displaying-images.html">What is the HTML code for displaying images?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/is-html-still-used.html">Is HTML still used?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/html/how-do-i-run-html-code-on-my-phone.html">How do I run HTML code on my phone?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://html5robot.com/css/how-do-i-find-css-files.html">How do I find CSS files?</a></div> </div> </div></div></div><div id="ai_widget-2" class="widget ai_widget"><div class='code-block code-block-1' style='margin: 8px 0; clear: both;'> <div></div> </div> </div> </aside><!-- #secondary --> </div><!-- #content --> <div class="footer-navigation container"> <div class="main-navigation-inner "> <div class="menu-main-container"><ul id="footer_menu" class="menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9254"><a href="https://html5robot.com/css">CSS</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-9255"><a href="https://html5robot.com/html">HTML</a></li> </ul></div> </div> </div> <footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"> <div class="site-footer-inner "> <div class="footer-info"> © 2021 HTML5 Robot <div class="footer-text"><p> <a href="https://html5robot.com/contact"> Contacts </a> | <a href="https://html5robot.com/about-us"> About us </a> | <a href="https://html5robot.com/policy"> Privacy Policy & Cookies </a> </p> <p> ATTENTION TO RIGHT HOLDERS! All materials posted on the site are strictly for informational and educational purposes! If you believe that the posting of any material infringes your copyright, be sure to contact us through the contact form and your material will be removed! </p></div> </div><!-- .site-info --> </div><!-- .site-footer-inner --> </footer><!-- .site-footer --> <button type="button" class="scrolltop js-scrolltop" data-mob="on"></button> </div><!-- #page --> <script type="rocketlazyloadscript">var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><!-- Код RB <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> rbConfig={start:performance.now(),rbDomain:"www.takidd.site",rotator:'1iqw4'};</script> <script type="rocketlazyloadscript" async="async" data-rocket-type="text/javascript" src="//www.takidd.site/1iqw4.min.js"></script> --> <!-- Yandex.Metrika counter --> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(75336235, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/75336235" style="position:absolute; left:-9999px;" alt=""/></div></noscript> <!-- /Yandex.Metrika counter --><script type="rocketlazyloadscript">document.addEventListener("copy", (event) => {var pagelink = "\nИсточник: https://html5robot.com/html/which-tags-are-required-for-an-html-page.html";event.clipboardData.setData("text", document.getSelection() + pagelink);event.preventDefault();});</script><script type="rocketlazyloadscript" data-rocket-type="text/javascript">!function(t,e){"use strict";function n(){if(!a){a=!0;for(var t=0;t<d.length;t++)d[t].fn.call(window,d[t].ctx);d=[]}}function o(){"complete"===document.readyState&&n()}t=t||"docReady",e=e||window;var d=[],a=!1,c=!1;e[t]=function(t,e){return a?void setTimeout(function(){t(e)},1):(d.push({fn:t,ctx:e}),void("complete"===document.readyState||!document.attachEvent&&"interactive"===document.readyState?setTimeout(n,1):c||(document.addEventListener?(document.addEventListener("DOMContentLoaded",n,!1),window.addEventListener("load",n,!1)):(document.attachEvent("onreadystatechange",o),window.attachEvent("onload",n)),c=!0)))}}("wpBruiserDocReady",window); (function(){var wpbrLoader = (function(){var g=document,b=g.createElement('script'),c=g.scripts[0];b.async=1;b.src='https://html5robot.com/?gdbc-client=3.1.43-'+(new Date()).getTime();c.parentNode.insertBefore(b,c);});wpBruiserDocReady(wpbrLoader);window.onunload=function(){};window.addEventListener('pageshow',function(event){if(event.persisted){(typeof window.WPBruiserClient==='undefined')?wpbrLoader():window.WPBruiserClient.requestTokens();}},false);})(); </script><script type="rocketlazyloadscript" data-rocket-type='text/javascript' 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 type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin|\/logout|\/qa_sitess","usesTrailingSlash":"","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/html5robot.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' 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 type="rocketlazyloadscript" data-minify="1" src='https://html5robot.com/wp-content/cache/min/1/wp-content/themes/root/js/lightbox.js?ver=1621945170' id='root-lightbox-js' defer></script> <script type='text/javascript' id='root-scripts-js-extra'> /* <![CDATA[ */ var settings_array = {"rating_text_average":"average","rating_text_from":"from","lightbox_enabled":""}; var wps_ajax = {"url":"https:\/\/html5robot.com\/wp-admin\/admin-ajax.php","nonce":"cf9feb1973"}; /* ]]> */ </script> <script type="rocketlazyloadscript" src='https://html5robot.com/wp-content/themes/root/js/scripts.min.js' id='root-scripts-js' defer></script> <script type='text/javascript' id='q2w3_fixed_widget-js-extra'> /* <![CDATA[ */ var q2w3_sidebar_options = [{"sidebar":"sidebar-1","margin_top":10,"margin_bottom":0,"stop_id":"","screen_max_width":0,"screen_max_height":0,"width_inherit":false,"refresh_interval":1500,"window_load_hook":false,"disable_mo_api":false,"widgets":["ai_widget-2"]}]; /* ]]> */ </script> <script type="rocketlazyloadscript" src='https://html5robot.com/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js' id='q2w3_fixed_widget-js' defer></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://html5robot.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> <script type="rocketlazyloadscript">"use strict";var wprRemoveCPCSS=function wprRemoveCPCSS(){var elem;document.querySelector('link[data-rocket-async="style"][rel="preload"]')?setTimeout(wprRemoveCPCSS,200):(elem=document.getElementById("rocket-critical-css"))&&"remove"in elem&&elem.remove()};window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><noscript><link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/css?family=Roboto%3A400%2C400i%2C700&subset=cyrillic&display=swap' media='all'/><link data-minify="1" rel='stylesheet' id='root-style-css' href='https://html5robot.com/wp-content/cache/min/1/wp-content/themes/root/css/style.min.css?ver=1621945169' media='all'/><link rel='stylesheet' id='root-style-child-css' href='https://html5robot.com/wp-content/themes/root_child/style.css' media='all'/></noscript></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1629461741 -->