How do you make a title in HTML code?

The tag defines the title of the document. The title must be text-only, and it is shown in the browser’s title bar or in the page’s tab. The <title> tag is required in HTML documents!</p> <h2 id="what-is-title-in-html-code">What is title in HTML code?</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. … Both opening and closing tags are required.</p> <h2 id="how-do-i-make-a-heading-in-html">How do I make a heading in HTML?</h2> <p>HTML headings are defined with the to tags. defines the most important heading. defines the least important heading.</p> <h2 id="how-do-you-add-a-title-to-a-website">How do you add a title to a website?</h2> <p>Tips for a good title tag</p> <ol> <li>Use no more than 66 characters. … </li> <li>Make sure your title tag accurately describes your page. … </li> <li>Think about what you want the page to do. … </li> <li>Put the keyword first. … </li> <li>Don’t forget to mention your brand name. … </li> <li>Separate your brand name from the page title. … </li> <li>Write attractive title tags. … </li> <li>Unique for every page.</li> </ol> <div style="text-align:center;"><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/html/question-what-are-the-common-tags-in-html.html" target="_self" rel="nofollow" class="u98dd0e780242f061970bd825ef88cf61"><!-- INLINE RELATED POSTS 1/3 //--><style> .u98dd0e780242f061970bd825ef88cf61 , .u98dd0e780242f061970bd825ef88cf61 .postImageUrl , .u98dd0e780242f061970bd825ef88cf61 .centered-text-area { min-height: 80px; position: relative; } .u98dd0e780242f061970bd825ef88cf61 , .u98dd0e780242f061970bd825ef88cf61:hover , .u98dd0e780242f061970bd825ef88cf61:visited , .u98dd0e780242f061970bd825ef88cf61:active { border:0!important; } .u98dd0e780242f061970bd825ef88cf61 .clearfix:after { content: ""; display: table; clear: both; } .u98dd0e780242f061970bd825ef88cf61 { 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); } .u98dd0e780242f061970bd825ef88cf61:active , .u98dd0e780242f061970bd825ef88cf61:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .u98dd0e780242f061970bd825ef88cf61 .centered-text-area { width: 100%; position: relative; } .u98dd0e780242f061970bd825ef88cf61 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u98dd0e780242f061970bd825ef88cf61 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u98dd0e780242f061970bd825ef88cf61 .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; } .u98dd0e780242f061970bd825ef88cf61:hover .ctaButton { background-color: #F39C12!important; } .u98dd0e780242f061970bd825ef88cf61 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .u98dd0e780242f061970bd825ef88cf61 .u98dd0e780242f061970bd825ef88cf61-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u98dd0e780242f061970bd825ef88cf61:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="u98dd0e780242f061970bd825ef88cf61-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">Question: What are the common tags in HTML?</span></div></div></div><div class="ctaButton"></div></a></div><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/8bZ4RPjOPYE" data-id="8bZ4RPjOPYE" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/8bZ4RPjOPYE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="where-is-title-in-html">Where is title in HTML?</h2> <p>The title must be text-only, and it is shown in the browser’s title bar or in the page’s tab. The title> tag is required in HTML documents!</p> <h2 id="what-is-head-html">What is head HTML?</h2> <p>The head> element is a container for metadata (data about data) and is placed between the html> tag and the tag. … Metadata is not displayed. Metadata typically define the document title, character set, styles, scripts, and other meta information.</p> <h2 id="what-is-a-title-attribute">What is a title attribute?</h2> <p>Definition and Usage. The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.</p> <h2 id="how-does-title-attribute-work">How does title attribute work?</h2> <p>The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element. The title attribute can be used on any HTML element (it will validate on any HTML element. However, it is not necessarily useful).</p> <div style="text-align:center;"><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/wnE9zSpxnag" data-id="wnE9zSpxnag" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/wnE9zSpxnag" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="what-is-title-text">What is Title text?</h2> <p>Title text or Title attribute (often incorrectly used as “Title tag”) is the text of images which a user sees after hovering over the image.</p> <h2 id="what-does-p-mean-in-html">What does P mean in HTML?</h2> <p>The HTML p> element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.</p> <h2 id="what-is-an-example-of-heading">What is an example of heading?</h2> <p>Heading is defined as the direction a person or thing is moving. An example of a heading is a car driving south. (masonry) The end of a stone or brick which is presented outward. The title, subtitle, or topic that stands at the top or beginning, as of a paragraph, letter, or chapter.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://html5robot.com/html/question-how-do-i-code-an-anchor-link-in-html.html" target="_self" rel="nofollow" class="uc28fbfcf5ab3fdd6fd37b1d051438a72"><!-- INLINE RELATED POSTS 2/3 //--><style> .uc28fbfcf5ab3fdd6fd37b1d051438a72 , .uc28fbfcf5ab3fdd6fd37b1d051438a72 .postImageUrl , .uc28fbfcf5ab3fdd6fd37b1d051438a72 .centered-text-area { min-height: 80px; position: relative; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 , .uc28fbfcf5ab3fdd6fd37b1d051438a72:hover , .uc28fbfcf5ab3fdd6fd37b1d051438a72:visited , .uc28fbfcf5ab3fdd6fd37b1d051438a72:active { border:0!important; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 .clearfix:after { content: ""; display: table; clear: both; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 { 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); } .uc28fbfcf5ab3fdd6fd37b1d051438a72:active , .uc28fbfcf5ab3fdd6fd37b1d051438a72:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 .centered-text-area { width: 100%; position: relative; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 .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; } .uc28fbfcf5ab3fdd6fd37b1d051438a72:hover .ctaButton { background-color: #F39C12!important; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .uc28fbfcf5ab3fdd6fd37b1d051438a72 .uc28fbfcf5ab3fdd6fd37b1d051438a72-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .uc28fbfcf5ab3fdd6fd37b1d051438a72:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="uc28fbfcf5ab3fdd6fd37b1d051438a72-content"><span class="ctaText">IT IS INTERESTING:</span>  <span class="postTitle">Question: How do I code an anchor link in HTML?</span></div></div></div><div class="ctaButton"></div></a></div><h2 id="how-many-types-of-headings-are-there-in-html">How many types of headings are there in HTML?</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> <div style="text-align:center;"><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/wWr9782LfFM" data-id="wWr9782LfFM" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/wWr9782LfFM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="what-happens-if-in-a-html-web-page-title">What happens if in a HTML web page title is not defined?</h2> <p>A page title is the content of the HTML title> tag. If your pages do not define this title> Matomo will instead report “page title not defined” for the visits on those pages.</p> <h2 id="how-do-you-find-the-title-of-a-web-page">How do you find the title of a Web page?</h2> <p>What Are Web Page Titles? A web page title is the value you assign the title> tag that’s typically found on top of an HTML/XHTML document inside the tag. Most web browsers will display the web page title at the top of the browser window and/or in the browser tab.</p> <h2 id="how-do-i-change-the-title-of-a-web-page">How do I change the title of a Web page?</h2> <p>Change the Web Page Title</p> <ol> <li>Open the Web site with the Web page you want to change.</li> <li>If necessary, click the View menu, and then click Folder List to display the Folder List.</li> <li>In the Folder List, right-click the page you want to change, and then click Properties. … </li> <li>Type a new name for the title.</li> <li>Click OK.</li> </ol> <p>20 апр. 2007 г.</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-9242" class="post-card post-9242 post type-post status-publish format-standard category-html"> <div class="post-card__image"> <a href="https://html5robot.com/html/your-question-how-do-i-indent-html-code-in-eclipse.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/your-question-how-do-i-indent-html-code-in-eclipse.html" rel="bookmark" >Your question: How do I indent HTML code in Eclipse?</a></div> </header><!-- .entry-header --> <div class="post-card__content"> go to Window –> preferences –> Web –> HTML files –> Editor. Make sure </div><!-- .entry-content --> </div><!-- #post-## --> </div> </div> <meta itemprop="author" content="SVadmin"> <meta itemprop="datePublished" content="2021-04-06T15:30:40+03:00"/> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://html5robot.com/html/how-do-you-make-a-title-in-html-code.html" content="How do you make a title in HTML code?"> <meta itemprop="dateModified" content="2021-04-06"> <meta itemprop="datePublished" content="2021-04-06T15:30:40+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_9480" action="https://html5robot.com/" class="search-form"> <label class="screen-reader-text" for="s_9480">Search: </label> <input type="text" value="" name="s" id="s_9480" class="search-form__text"> <button type="submit" id="searchsubmit_9480" 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/how-do-i-know-if-my-website-is-html-or-wordpress.html">How do I know if my website is HTML or WordPress?</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-what-tag-is-used-to-add-an-image-on-a-web-page.html">You asked: What tag is used to add an image on a Web page?</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/you-asked-how-are-web-pages-formed-using-css.html">You asked: How are Web pages formed using 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/css/how-do-i-add-a-space-between-containers-in-css.html">How do I add a space between containers 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/quick-answer-what-is-ul-used-for-in-html.html">Quick Answer: What is UL used for 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/css/is-css-profile-for-graduate-students.html">Is CSS Profile for graduate students?</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-select-all-elements-in-a-div-css.html">How do you select all elements in a div CSS?</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/how-do-you-make-a-title-in-html-code.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":"a08b10fcac"}; /* ]]> */ </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@1629409008 -->