{"id":83,"date":"2025-11-26T22:39:52","date_gmt":"2025-11-26T22:39:52","guid":{"rendered":"https:\/\/blogen.oplenyx.com\/?p=83"},"modified":"2025-12-02T11:46:53","modified_gmt":"2025-12-02T11:46:53","slug":"html-tags-head-tags-in-html","status":"publish","type":"post","link":"https:\/\/www.oplenyx.com\/blog\/en\/html-tags-head-tags-in-html\/","title":{"rendered":"HTML Tags: head tags in HTML"},"content":{"rendered":"\n<p>In this post we will learn about the head tags in HTML, but before we start the explanation we would like to welcome you, our dear visitors, welcome.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The <code>head<\/code> tag in <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h2>\n\n\n\n<p>The &lt;head&gt; tag is one of the most important elements of HTML. No HTML page is without this important element. For more details, visit this <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/html-file-structure-and-how-to-write-html-in-the-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">article<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Elements\/meta\" target=\"_blank\" rel=\"noreferrer noopener\">meta<\/a> tag In <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h3>\n\n\n\n<p>The &lt;meta&gt; element represents metadata that cannot be described by other HTML elements, such as a site description or the language called on the site.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">The meta tag contains element <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/what-are-attributes-in-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">attributes<\/a>, among which are:<\/h4>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;meta charset=\"\" \/&gt;\n&lt;meta name=\"\" content=\"\" \/&gt;<\/code><\/pre>\n\n\n\n<p>The charset value is specific to the languages \u200b\u200bsupported on the site. If you want your site to support all languages, enter the value utf-8.<\/p>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;meta charset=\"utf-8\" \/&gt;<\/code><\/pre>\n\n\n\n<p>The name of the page has many values, and its value determines what is written in the page content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Among the most important values:<\/h4>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;meta name=\"description\" content=\"Site description\" \/&gt;\n&lt;meta name=\"keywords\" content=\"The most important keywords for the site and the separation between them using the letter,\" \/&gt;\n&lt;meta name=\"author\" content=\"Author's name\" \/&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">The <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Elements\/style\" target=\"_blank\" rel=\"noreferrer noopener\">style<\/a> Tag in <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h3>\n\n\n\n<p>The &lt;style&gt; element contains CSS styles, which apply to HTML elements located in the body section of the document.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">For example:<\/h4>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;style&gt;\n  body{\n    color:red;\n  }\n&lt;\/style&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">The <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Elements\/title\" target=\"_blank\" rel=\"noreferrer noopener\">title<\/a> tag in <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h3>\n\n\n\n<p>The &lt;title&gt; element defines the document title that appears at the top; for more details, see the code below.&lt;\/p&gt;<\/p>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;title&gt;Page name&lt;\/title&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">The <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Elements\/link\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a> tag in <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h3>\n\n\n\n<p>Tag &lt;link&gt; This tag defines the relationship between the current document and external resources. This element is usually used to link an HTML document to CSS documents, and it is also used for other things.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">This element contains element <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/what-are-attributes-in-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">attributes<\/a>, among which are:<\/h4>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;link rel=\"stylesheet\" href=\"File path or link\" \/&gt;\n&lt;link rel=\"icon\" href=\"Image path or link\" \/&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">The <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Elements\/script\" target=\"_blank\" rel=\"noreferrer noopener\">script<\/a> tag in <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h3>\n\n\n\n<p>The element &lt;script&gt; It is used to include executable code, mostly used to include JavaScript code.<\/p>\n\n\n\n<p>This element can also be used to link an HTML document to a JAVASCRIPT document, via an attribute called src.<\/p>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;script&gt;JavaScript codes&lt;\/script&gt;\n&lt;script src=\"JavaScript file path\"&gt;&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-b9dd3b7981281dd6383c003de29d267d\">Note: You can write the script element below the body element, which is the best way.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Important elements on the page <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h2>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;DOCTYPE html!&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"utf-8\" \/&gt;\n    &lt;title&gt;Page or website name&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">How to write all tags head On page <a href=\"https:\/\/www.oplenyx.com\/blog\/en\/learn-html-what-is-html-definition-of-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/h2>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;DOCTYPE html!>\n&lt;html>\n\n  &lt;head>\n    &lt;meta charset=\"utf-8\" \/>\n    &lt;meta name=\"description\" content=\"Site description\" \/>\n    &lt;meta name=\"keywords\" content=\"The most important keywords for the website and how to differentiate between them.\" \/>\n    &lt;style>\n      body{\n        color:red;\n      }\n    &lt;\/style>\n    &lt;link rel=\"icon\" href=\"Image path or link\" \/>\n    &lt;link rel=\"stylesheet\" href=\"CSS file path\" \/>\n    &lt;title>Page or website name&lt;\/title>\n  &lt;\/head>\n\n  &lt;body>\n\n\n    &lt;script src=\"JavaScript file path\">&lt;\/script>\n  &lt;\/body>\n\n&lt;\/html><\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post we will learn about the head tags in HTML, but before we start the explanation we would like to welcome you, our dear visitors, welcome. The head tag in HTML: The &lt;head&gt; tag is one of the most important elements of HTML. No HTML page is without this important element. For more&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-html-essentials"],"_links":{"self":[{"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":16,"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/posts\/83\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oplenyx.com\/blog\/en\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}