Is there a head tag with a title for the page?

The title tag is a section of HTML code that every page should have. It declares what the page’s title is. … The tag appears within the <head> section of a web page.</p> <h2 id="which-tag-gives-the-title-of-your-page">Which tag gives the title of your page?</h2> <p>The HTML Title element ( <title> ) defines the document’s title that is shown in a browser’s title bar or a page’s tab. It only contains text; tags within the element are ignored.</p> <h2 id="how-can-you-insert-head-body-and-title-into">How can you insert head body and title into a HTML page?</h2> <p>Chapter Summary</p> <ol> <li>The <head> element is a container for metadata (data about data)</li> <li>The <head> element is placed between the <html> tag and the <body> tag.</li> <li>The <title> element is required and it defines the title of the document.</li> <li>The <style> element is used to define style information for a single document.</li> </ol> <h2 id="what-are-head-and-title-tags">What are head and title tags?</h2> <p>The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. Metadata is data about the HTML document. … <title> (required in every HTML document) <style> <base></p> <div style="text-align:center;"><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/html/best-answer-what-is-document-type-in-html.html" target="_self" rel="nofollow" class="ua66b70af19ad66091c92a9d83d5697ce"><style> .ua66b70af19ad66091c92a9d83d5697ce , .ua66b70af19ad66091c92a9d83d5697ce .postImageUrl , .ua66b70af19ad66091c92a9d83d5697ce .centered-text-area { min-height: 80px; position: relative; } .ua66b70af19ad66091c92a9d83d5697ce , .ua66b70af19ad66091c92a9d83d5697ce:hover , .ua66b70af19ad66091c92a9d83d5697ce:visited , .ua66b70af19ad66091c92a9d83d5697ce:active { border:0!important; } .ua66b70af19ad66091c92a9d83d5697ce .clearfix:after { content: ""; display: table; clear: both; } .ua66b70af19ad66091c92a9d83d5697ce { 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); } .ua66b70af19ad66091c92a9d83d5697ce:active , .ua66b70af19ad66091c92a9d83d5697ce:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .ua66b70af19ad66091c92a9d83d5697ce .centered-text-area { width: 100%; position: relative; } .ua66b70af19ad66091c92a9d83d5697ce .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .ua66b70af19ad66091c92a9d83d5697ce .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .ua66b70af19ad66091c92a9d83d5697ce .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; } .ua66b70af19ad66091c92a9d83d5697ce:hover .ctaButton { background-color: #F39C12!important; } .ua66b70af19ad66091c92a9d83d5697ce .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .ua66b70af19ad66091c92a9d83d5697ce .ua66b70af19ad66091c92a9d83d5697ce-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .ua66b70af19ad66091c92a9d83d5697ce:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="ua66b70af19ad66091c92a9d83d5697ce-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">Best answer: What is document type in HTML?</span></div></div></div><div class="ctaButton"></div></a></div><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/roT8AvdhVfo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h2 id="what-is-the-difference-between-head-tag-and">What is the difference between head tag and title tag?</h2> <p>The main difference between them is:  Title tag content is shown in search engines and hyperlinks for which the searcher looks for and click on. These are the default titles used when we bookmark a page. …  Head tag content is shown as the heading of the webpage in large text and is not shown on the search engine.</p> <h2 id="how-do-you-write-a-good-title-tag">How do you write a good title tag?</h2> <p>How do I write a good title tag?</p> <ol> <li>Watch your title length. … </li> <li>Don’t overdo SEO keywords. … </li> <li>Give every page a unique title. … </li> <li>Put important keywords first. … </li> <li>Take advantage of your brand. … </li> <li>Write for your customers.</li> </ol> <h2 id="what-is-a-good-site-title">What is a good site title?</h2> <p>The title tag should contain the keyword you want to score with for that page. Make sure you use that keyword somewhere on the page itself. Use a keyword your visitors use. It’s nice to do well in Google but if it’s with a word nobody uses it’s not really going to do you any good.</p> <h2 id="what-is-the-head-of-a-web-page">What is the head of a web page?</h2> <p>The head of an HTML document is the part that is not displayed in the web browser when the page is loaded.</p> <div style="text-align:center;"><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/xWSZFwnsWF4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h2 id="is-head-tag-mandatory-in-html">Is head tag mandatory in HTML?</h2> <p>head is required and it should be used just once. It should start immediately after the opening html tag and end directly before the opening body tag.</p> <h2 id="what-is-the-difference-between-the-head-and">What is the difference between the head and body of an HTML page?</h2> <p>A HTML file has headers and a “body” (payload) — just like a HTTP request. The <body> encapsulates the contents of the document, while the <head> part contains meta elements, i.e., information about the contents. This is (typically) title, encoding, author, styling etc.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/html/best-answer-can-we-convert-psd-to-html.html" target="_self" rel="nofollow" class="ueb437e2948edc88e220ff12deeac1659"><style> .ueb437e2948edc88e220ff12deeac1659 , .ueb437e2948edc88e220ff12deeac1659 .postImageUrl , .ueb437e2948edc88e220ff12deeac1659 .centered-text-area { min-height: 80px; position: relative; } .ueb437e2948edc88e220ff12deeac1659 , .ueb437e2948edc88e220ff12deeac1659:hover , .ueb437e2948edc88e220ff12deeac1659:visited , .ueb437e2948edc88e220ff12deeac1659:active { border:0!important; } .ueb437e2948edc88e220ff12deeac1659 .clearfix:after { content: ""; display: table; clear: both; } .ueb437e2948edc88e220ff12deeac1659 { 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); } .ueb437e2948edc88e220ff12deeac1659:active , .ueb437e2948edc88e220ff12deeac1659:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .ueb437e2948edc88e220ff12deeac1659 .centered-text-area { width: 100%; position: relative; } .ueb437e2948edc88e220ff12deeac1659 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .ueb437e2948edc88e220ff12deeac1659 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .ueb437e2948edc88e220ff12deeac1659 .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; } .ueb437e2948edc88e220ff12deeac1659:hover .ctaButton { background-color: #F39C12!important; } .ueb437e2948edc88e220ff12deeac1659 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .ueb437e2948edc88e220ff12deeac1659 .ueb437e2948edc88e220ff12deeac1659-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .ueb437e2948edc88e220ff12deeac1659:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="ueb437e2948edc88e220ff12deeac1659-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">Best answer: Can we convert PSD to HTML?</span></div></div></div><div class="ctaButton"></div></a></div><h2 id="what-should-i-put-as-my-head-in-html">What should I put as my head in HTML?</h2> <p>Valid <head> elements include meta , link , title , style , script , noscript , and base . These elements provide information for how a document should be perceived, and rendered, by web technologies.</p> <h2 id="how-do-you-use-an-id-tag">How do you use an ID tag?</h2> <p>The id attribute is used to point to a specific style declaration in a style sheet. It is also used by JavaScript to access and manipulate the element with the specific id. The syntax for id is: write a hash character (#), followed by an id name. Then, define the CSS properties within curly braces {}.</p> <div style="text-align:center;"><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/oBC_JpV9meI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h2 id="is-html-tag-required">Is HTML tag required?</h2> <p>Those tags are required by the DOCTYPE you’re using and should not be omitted. The html element is the root element of every html page. If you look at all other elements’ description it says where an element can be used (and almost all elements require either head or body).</p> <h2 id="what-are-the-6-levels-of-heading-tags">What are the 6 levels of heading tags?</h2> <p>HTML defines six levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least.</p> <h2 id="what-is-the-difference-between-container">What is the difference between container tag and empty tag?</h2> <p>Container tag consists of opening tag+content+closing tag . While empty tag is tag without content or a closing tag. Container tags are used to enclose texts, images etc. … Like you can insert a line-break or an image anywhere in your page but it should be inside some container tag.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/html/how-do-you-show-hide-in-html.html" target="_self" rel="nofollow" class="u9c4ddbc8a5e38ceae4143955241fd57a"><style> .u9c4ddbc8a5e38ceae4143955241fd57a , .u9c4ddbc8a5e38ceae4143955241fd57a .postImageUrl , .u9c4ddbc8a5e38ceae4143955241fd57a .centered-text-area { min-height: 80px; position: relative; } .u9c4ddbc8a5e38ceae4143955241fd57a , .u9c4ddbc8a5e38ceae4143955241fd57a:hover , .u9c4ddbc8a5e38ceae4143955241fd57a:visited , .u9c4ddbc8a5e38ceae4143955241fd57a:active { border:0!important; } .u9c4ddbc8a5e38ceae4143955241fd57a .clearfix:after { content: ""; display: table; clear: both; } .u9c4ddbc8a5e38ceae4143955241fd57a { 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); } .u9c4ddbc8a5e38ceae4143955241fd57a:active , .u9c4ddbc8a5e38ceae4143955241fd57a:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .u9c4ddbc8a5e38ceae4143955241fd57a .centered-text-area { width: 100%; position: relative; } .u9c4ddbc8a5e38ceae4143955241fd57a .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u9c4ddbc8a5e38ceae4143955241fd57a .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u9c4ddbc8a5e38ceae4143955241fd57a .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; } .u9c4ddbc8a5e38ceae4143955241fd57a:hover .ctaButton { background-color: #F39C12!important; } .u9c4ddbc8a5e38ceae4143955241fd57a .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .u9c4ddbc8a5e38ceae4143955241fd57a .u9c4ddbc8a5e38ceae4143955241fd57a-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u9c4ddbc8a5e38ceae4143955241fd57a:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="u9c4ddbc8a5e38ceae4143955241fd57a-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">How do you show hide in HTML?</span></div></div></div><div class="ctaButton"></div></a></div><h2 id="what-is-the-difference-between-title-and">What is the difference between title and heading?</h2> <p>titles. Although heading and titles are similar, they are distinct: A title leads the entire document and captures its content in one or two phrases; a heading leads only a chapter or section and captures only the content of that chapter or section.</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> </div> </article> <div class="entry-footer"> </div> <div class="b-related"> <div class="b-related__items"> <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> </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> <div class="post-card__content"> To markup postal address in HTML, use the tag. The … tag is to </div> </div> <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> </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> <div class="post-card__content"> How do you make an image a background in HTML? The most common & </div> </div> <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> </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> <div class="post-card__content"> What is a partial HTML? Html. Partial injects the html string of the partial </div> </div> <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> </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> <div class="post-card__content"> How can I design HTML? HTML is a very basic markup language and requires </div> </div> <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> </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> <div class="post-card__content"> In which case the iframe can be the MUCH easier alternative. As others have </div> </div> <div id="post-9234" class="post-card post-9234 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/how-do-you-remove-paragraph-spacing-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> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://html5robot.com/html/how-do-you-remove-paragraph-spacing-in-html.html" rel="bookmark" >How do you remove paragraph spacing in HTML?</a></div> </header> <div class="post-card__content"> 8 Answers. You can use margin: 0; to remove the spaces. Try to use </div> </div> </div> </div> <meta itemprop="author" content="SVadmin"> <meta itemprop="datePublished" content="2021-04-06T15:27:15+03:00"/> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://html5robot.com/html/is-there-a-head-tag-with-a-title-for-the-page.html" content="Is there a head tag with a title for the page?"> <meta itemprop="dateModified" content="2021-04-06"> <meta itemprop="datePublished" content="2021-04-06T15:27:15+03:00"> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject" style="display: none;"><img itemprop="url image" src="https://html5robot.com/wp-content/uploads/2021/04/logo-2.jpg" alt="HTML5 Robot"></div><meta itemprop="name" content="HTML5 Robot"><meta itemprop="telephone" content="HTML5 Robot"><meta itemprop="address" content="https://html5robot.com"></div> </main> </div> </div> <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_7606" action="https://html5robot.com/" class="search-form"> <label class="screen-reader-text" for="s_7606">Search: </label> <input type="text" value="" name="s" id="s_7606" class="search-form__text"> <button type="submit" id="searchsubmit_7606" 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 loading="lazy" class="size-full wp-image-88 alignleft" src="https://html5robot.com/wp-content/uploads/2021/04/logo-autor.jpg" alt="" width="120" height="120"/>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/css/which-css-properties-are-inherited.html">Which CSS properties are inherited?</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/best-answer-which-university-is-best-for-css-in-pakistan.html">Best answer: Which university is best for CSS in Pakistan?</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-you-put-a-space-between-buttons-in-css.html">How do you put a space between buttons in CSS?</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-fix-the-length-of-a-text-field-in-html.html">How do I fix the length of a text field in HTML?</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-data-is-stored-in-sql-database-using-html.html">How data is stored in SQL database using HTML?</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-change-the-size-of-an-image-in-html-and-css.html">How do I change the size of an image in HTML and CSS?</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-you-add-an-editable-table-in-html.html">How do you add an editable table in HTML?</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> </div> <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> </div> </footer> <button type="button" class="scrolltop js-scrolltop" data-mob="on"></button> </div> <script type="text/javascript">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> <script 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> <script>document.oncopy = function () {var bodyElement = document.body;var selection = getSelection();var link_url = document.URL;var page_link = "<br>Источник: %link%";page_link = page_link.replace("%link%", " " + link_url + " ");var copy_text = selection + page_link;var divElement = document.createElement("div");divElement.style.position="absolute";divElement.style.left="-99999px";bodyElement.appendChild(divElement);divElement.innerHTML = copy_text;selection.selectAllChildren(divElement);window.setTimeout(function() {bodyElement.removeChild(divElement);},0);}</script><script 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 src='https://html5robot.com/wp-content/themes/root/js/lightbox.js' id='root-lightbox-js'></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":"805dd0345c"}; /* ]]> */ </script> <script src='https://html5robot.com/wp-content/themes/root/js/scripts.min.js' id='root-scripts-js'></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 src='https://html5robot.com/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js' id='q2w3_fixed_widget-js'></script> </body> </html>