{"id":5236,"date":"2020-05-01T20:21:24","date_gmt":"2020-05-01T15:51:24","guid":{"rendered":"https:\/\/maktabkhooneh.org\/mag\/?p=5236"},"modified":"2026-04-07T13:19:56","modified_gmt":"2026-04-07T09:49:56","slug":"learn-html-article-in-simple-language","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/learn-html-article-in-simple-language\/","title":{"rendered":"\u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u0686\u0647\u0627\u0631\u0645"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 (\u06a9\u0644\u0627\u0633 \u0648 \u0622\u06cc \u062f\u06cc)<\/span><\/h2>\n\n\n\n<p><span style=\"font-size: 16px;\"><span style=\"color: #000000;\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u062a\u0627 \u0628\u0627 \u06a9\u0644\u0627\u0633 \u0648 \u0622\u06cc \u062f\u06cc \u0622\u0634\u0646\u0627 \u0634\u0648\u06cc\u0645 \u0648 \u0633\u067e\u0633 \u0645\u0628\u0627\u062d\u062b \u0646\u0647\u0627\u06cc\u06cc <strong>\u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/strong><\/span><strong>\u00a0HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/strong> <span style=\"color: #000000;\">\u0631\u0627 \u0645\u0637\u0631\u062d \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0627 \u0622\u06cc \u062f\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u06a9\u0645 \u0648 \u0628\u06cc\u0634 \u0628\u0647 \u0648\u0627\u0633\u0637\u0647 \u0645\u062b\u0627\u0644\u200c\u0647\u0627 \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f. \u06a9\u0644\u0627\u0633 \u0648 \u0622\u06cc \u062f\u06cc \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631\u062f \u0645\u0634\u062a\u0631\u06a9 \u062f\u0627\u0631\u0646\u062f \u0648 \u0622\u0646 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0627\u0632 \u0637\u0631\u06cc\u0642 css \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/span><\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><style><\/style><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/03\/learn-html-in-simple-way-300x169.jpg.webp\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u0635\u0641\u0631\" srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/03\/learn-html-in-simple-way-300x169.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/03\/learn-html-in-simple-way-1024x576.jpg.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/03\/learn-html-in-simple-way-768x432.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/03\/learn-html-in-simple-way-1536x864.jpg.webp 1536w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2020\/03\/learn-html-in-simple-way.jpg 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/learn-html-in-simple-way\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u0635\u0641\u0631<\/a>\n<\/section><\/div>\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u06cc\u0647 \u062a\u0641\u0627\u0648\u062a \u0627\u0633\u0627\u0633\u06cc \u0646\u06cc\u0632 \u062f\u0627\u0631\u0646\u062f \u0648 \u0622\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0622\u06cc \u062f\u06cc \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f\u0647 \u0648 \u0627\u0632 \u06cc\u06a9 \u0622\u06cc \u062f\u06cc \u062a\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u062a\u06af \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0648\u062f \u0648\u0644\u06cc \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633\u200c \u0647\u06cc\u0686 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06cc\u0633\u062a. \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0644\u0627\u0633 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0645\u0647 \u0627\u062e\u062a\u0635\u0627\u0635 \u0622\u0646 \u0628\u0647 \u0646\u0627\u0645 class \u0635\u0648\u0631\u062a \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;div class=\"cities\"&gt;&lt;\/div&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0634\u0645\u0627 \u062a\u0639\u0631\u06cc\u0641 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;style&gt;\n.cities {\n  background-color: black;\n  color: white;\n  margin: 20px;\n  padding: 20px;\n}\n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;div class=\"cities\"&gt;\n  &lt;h2&gt;London&lt;\/h2&gt;\n  &lt;p&gt;London is the capital of England.&lt;\/p&gt;\n&lt;\/div&gt;\n\n&lt;div class=\"cities\"&gt;\n  &lt;h2&gt;Paris&lt;\/h2&gt;\n  &lt;p&gt;Paris is the capital of France.&lt;\/p&gt;\n&lt;\/div&gt;\n\n&lt;div class=\"cities\"&gt;\n  &lt;h2&gt;Tokyo&lt;\/h2&gt;\n  &lt;p&gt;Tokyo is the capital of Japan.&lt;\/p&gt;\n&lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0628\u0631\u0627\u06cc \u0686\u0646\u062f\u06cc\u0646 \u062a\u06af \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0628\u0631\u0627\u06cc \u0622\u06cc \u062f\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;h1 id=\"myHeader\"&gt;My Header&lt;\/h1&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u0645\u0642\u0627\u0644\u0647 css \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631 \u06cc\u06a9 \u0627\u06cc\u0646 \u062f\u0648 \u0645\u0634\u062e\u0635\u0647 \u062c\u0647\u062a \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0635\u062d\u0628\u062a \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062a\u0646\u0647\u0627 \u0645\u062b\u0627\u0644\u06cc \u0627\u0632 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0646\u0645\u0648\u0646\u0647 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0628\u0647 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0631\u0627 \u062f\u0631 \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0631\u062f\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0622\u06cc \u062f\u06cc \u0646\u06cc\u0632 \u0645\u062b\u0627\u0644 \u067e\u0627\u06cc\u06cc\u0646 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u062f\u0631 css<\/span><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;style&gt;\n    #myHeader {\n      background-color: lightblue;\n      color: black;\n      padding: 40px;\n      text-align: center;\n    }\n&lt;\/style&gt;\n    \n&lt;h1 id=\"myHeader\"&gt;My Header&lt;\/h1&gt;\n<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0628\u0647 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0627\u0632 . \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0622\u06cc \u062f\u06cc \u0627\u0632 # \u062c\u0647\u062a \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\"><span style=\"color: #000000;\">&#8221; \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645\u06cc \u062a\u06af\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644 <strong>\u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/strong><\/span><strong>&nbsp;HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/strong> <span style=\"color: #000000;\">\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0644\u0627\u0633 \u0648 \u06cc\u0627 \u0622\u06cc \u062f\u06cc \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f. &#8220;<\/span><\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u06a9\u0644\u0627\u0633\u200c\u0647\u0627 \u0648 \u0622\u06cc \u062f\u06cc \u0628\u0647 \u0647\u0645\u06cc\u0646 \u0633\u0627\u062f\u06af\u06cc \u06a9\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0631\u062f\u06cc\u062f \u0628\u0648\u062f\u0646\u062f \u0627\u0645\u0627 \u0628\u0633\u06cc\u0627\u0631 \u067e\u0631 \u06a9\u0627\u0631\u0628\u0631\u062f \u0647\u0645 \u062f\u0631 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u062f\u0631 css \u0648 \u0647\u0645 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06a9\u0647 \u0647\u0631 \u062f\u0648 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062f\u0631 \u0645\u0642\u0627\u0644\u0627\u062a \u0622\u0645\u0648\u0632\u0634\u06cc \u0635\u062d\u0628\u062a \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/span><\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"169\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-elements-300x169.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u0627\u0648\u0644\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-elements-300x169.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-elements-1024x576.jpg.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-elements-768x432.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2020\/04\/html-elements.jpg 1280w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/169;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/learn-html-in-simple-language-first-part\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u0627\u0648\u0644<\/a>\n<\/section><\/div>\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0645\u0628\u062d\u062b \u0628\u0639\u062f\u06cc \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u0637\u0631\u06cc\u0642\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06cc\u06a9 \u0648\u06cc\u062f\u0626\u0648 \u0648 \u06cc\u0627 \u062d\u062a\u06cc \u06cc\u06a9 \u0628\u0627\u0632\u06cc \u062a\u062d\u062a \u0648\u0628 \u0648 \u0647\u0631 \u0645\u062f\u0644 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u062f \u062f\u0631 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f\u060c \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0627\u0632 \u062a\u06af\u06cc \u0628\u0647 \u0646\u0627\u0645 \u062a\u06af &lt;iframe&gt; \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;iframe src=\"URL\"&gt;&lt;\/iframe&gt;<\/span><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u0645\u0642\u062f\u0627\u0631 src<\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0645\u0642\u062f\u0627\u0631 src \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0633\u0627\u06cc\u062a\u060c \u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0648\u06cc\u062f\u0626\u0648 \u0648 \u06cc\u0627 \u0644\u06cc\u0646\u06a9 \u0628\u0627\u0632\u06cc \u062a\u062d\u062a \u0648\u0628 \u0628\u0627\u0634\u062f. \u0647\u0631 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0644\u06cc\u0646\u06a9 \u0622\u0646 \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u062f\u0631 \u0627\u06cc\u0646 \u062a\u06af \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0627\u06cc\u0646 \u062a\u06af \u06cc\u06a9 \u0641\u0631\u06cc\u0645\u06cc \u0627\u0632 \u0646\u0645\u0627\u06cc\u0634 \u0645\u0646\u0628\u0639 \u0644\u06cc\u0646\u06a9 \u0628\u0647 \u0645\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0634\u0645\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u062a\u06af \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0639\u0631\u0636 \u06cc\u0627 \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0634\u062e\u0635 \u0628\u062f\u0647\u06cc\u062f (\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u0645\u06a9\u0627\u0646 \u0627\u06cc\u0646\u06a9\u0627\u0631 \u062f\u0631 css). \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0627\u0631 \u06a9\u0627\u0641\u06cc\u0633\u062a \u062a\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0639\u0645\u0644 \u06a9\u0646\u06cc\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;iframe src=\"url\" height=\"200\" width=\"300\"&gt;&lt;\/iframe&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0628\u0627\u0632\u06cc \u06a9\u0627\u0648\u0634\u06af\u0631 \u0641\u0636\u0627\u06cc \u062f\u0631 \u062a\u0648\u0644\u062f \u06f8 \u0633\u0627\u0644\u06af\u06cc \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u0631\u0627&nbsp;\u0628\u0627\u0632\u06cc \u06a9\u0631\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f. \u0641\u0636\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0628\u0627\u0632\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0631\u062f\u06cc\u062f \u062f\u0631 \u0648\u0627\u0642\u0639 \u06cc\u06a9 \u062a\u06af &lt;iframe&gt; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u0622\u062e\u0631\u06cc\u0646 \u0633\u0631\u06cc \u0627\u0632 <strong>\u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/strong> HTML \u062f\u0631 \u0628\u062e\u0634 &lt;body&gt; \u0633\u0631\u0627\u063a \u062a\u06af\u200c\u0647\u0627\u06cc \u0645\u0648\u0644\u062a\u06cc \u0645\u062f\u06cc\u0627 \u0645\u06cc\u200c\u0631\u0648\u06cc\u0645. \u062a\u06af\u200c\u0647\u0627\u06cc \u0645\u0648\u0644\u062a\u06cc \u0645\u062f\u06cc\u0627 \u0634\u0627\u0645\u0644 \u062a\u06af &lt;video&gt; \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0648\u06cc\u062f\u0626\u0648 \u0648 \u062a\u06af &lt;audio&gt; \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0641\u0636\u0627\u06cc \u067e\u062e\u0634 \u0635\u062f\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;video&gt;<\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;video&gt; \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0648\u06cc\u062f\u0626\u0648 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u062a\u06af \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;video width=\"320\" height=\"240\" controls&gt;\n    &lt;source src=\"movie.mp4\" type=\"video\/mp4\"&gt;\n    &lt;source src=\"movie.ogg\" type=\"video\/ogg\"&gt;\n  Your browser does not support the video tag.\n&lt;\/video&gt; \n<\/span><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc controls \u062f\u0631 \u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647&nbsp;<\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc controls \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f play\u060c pause \u0648 &#8230; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0639\u0631\u0636 \u0648 \u06cc\u0627 \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u06cc\u0646 \u062a\u06af \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u062f\u0627\u062e\u0644 \u0627\u06cc\u0646 \u062a\u06af\u060c \u062a\u06af\u06cc \u0628\u0647 \u0646\u0627\u0645 &lt;source&gt; \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u062f\u0631 \u0648\u0627\u0642\u0639 \u0627\u06cc\u0646 \u062a\u06af \u0645\u0646\u062c\u0631 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0648\u06cc\u062f\u0626\u0648 \u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u06af &lt;video&gt; \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u062a\u06af \u062f\u0627\u0631\u0627\u06cc \u06f4 \u0648\u06cc\u0698\u06af\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">\u062a\u0639\u0631\u06cc\u0641<\/span><\/td><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc<\/span><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">\u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0648\u06cc\u062f\u0626\u0648 \u0648 \u06cc\u0627 \u0635\u062f\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/span><\/td><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">src<\/span><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">\u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0639\u06a9\u0633 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u0628\u0627 \u062a\u06af &lt;picture&gt; \u0645\u06cc\u200c\u0622\u06cc\u062f.<\/span><\/td><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">srcset<\/span><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">\u062c\u0647\u062a \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0647 (\u0646\u0645\u0627\u06cc\u0634 \u0635\u062d\u06cc\u062d \u062f\u0631 \u0633\u0627\u06cc\u0632\u0647\u0627 \u0648 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f). \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u06a9\u0645\u062a\u0631 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0648 \u0627\u06a9\u062b\u0631\u0627 \u062a\u0648\u0633\u0637 css \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span><\/td><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">media<\/span><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">\u0646\u0648\u0639 \u0641\u0631\u0645\u062a \u0648\u06cc\u062f\u0626\u0648 \u0648\u06cc\u0627 \u0635\u062f\u0627 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/span><\/td><td class=\"has-text-align-center\" data-align=\"center\"><span style=\"color: #000000; font-size: 16px;\">type<\/span><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0645\u0648\u0636\u0648\u0639\u06cc \u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0627\u06cc\u062f \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f\u060c \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0648 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u067e\u062e\u0634 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0641\u0631\u0645\u062a MP4 \u06a9\u0647 \u0631\u0627\u06cc\u062c \u062a\u0631\u06cc\u0646 \u0641\u0631\u0645\u062a \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0631\u0627 \u062a\u0645\u0627\u0645\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0641\u0631\u0645\u062a \u062c\u0647\u062a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0646\u0648\u0639 \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0641\u0631\u0645\u062a \u062f\u0631 type \u062f\u0631 \u0645\u062b\u0627\u0644 \u0630\u06a9\u0631 \u0634\u062f\u0647\u060c \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/span><\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"150\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-hpg-featured-new-300x150.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u062f\u0648\u0645\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-hpg-featured-new-300x150.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-hpg-featured-new-768x384.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2020\/04\/html-hpg-featured-new.jpg 1000w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/150;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/learning-basic-html\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u062f\u0648\u0645<\/a>\n<\/section><\/div>\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><span style=\"color: #000000;\">\u062a\u06af &lt;audio&gt; <\/span><span style=\"color: #000000;\">\u062f\u0631 \u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647&nbsp;<\/span><\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af \u0628\u0639\u062f\u06cc \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u062a\u06af &lt;audio&gt; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0627\u06cc\u0646 \u062a\u06af \u0646\u06cc\u0632 \u0645\u0634\u0627\u0628\u0647 \u062a\u06af &lt;video&gt; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0648 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0634\u06a9\u0644 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;audio controls&gt;\n    &lt;source src=\"horse.ogg\" type=\"audio\/ogg\"&gt;\n    &lt;source src=\"horse.mp3\" type=\"audio\/mpeg\"&gt;\n  Your browser does not support the audio element.\n&lt;\/audio&gt; \n<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u06cc\u0632 \u0628\u0627\u06cc\u062f \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0648 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc\u06cc \u0635\u0648\u062a\u06cc \u06a9\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f. \u0641\u0631\u0645\u062a MP3 \u0631\u0627\u06cc\u062c \u062a\u0631\u06cc\u0646 \u0641\u0631\u0645\u062a \u0635\u0648\u062a\u06cc \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0648 \u062a\u0645\u0627\u0645\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0646\u06cc\u0632 \u0627\u0632 \u0622\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0646\u0648\u0639 \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0641\u0631\u0645\u062a \u062f\u0631 type \u062f\u0631 \u0645\u062b\u0627\u0644 \u0630\u06a9\u0631 \u0634\u062f\u0647\u060c \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"> \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062a\u06af &lt;source&gt; <\/span><span style=\"color: #000000;\">\u062f\u0631 \u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647&nbsp;<\/span><\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062a\u06af &lt;source&gt; \u0630\u06a9\u0631 \u0634\u062f\u060c \u06cc\u06a9 \u062a\u06af \u062f\u06cc\u06af\u0631 \u0646\u06cc\u0632 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u062e\u0635\u0648\u0635 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u062f\u0631html \u0645\u0627 \u062f\u0648 \u0646\u0648\u0639 \u062a\u06af \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062a\u0635\u0627\u0648\u06cc\u0631 \u062f\u0627\u0631\u06cc\u0645. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;img&gt; \u06a9\u0647 \u0631\u0627\u06cc\u062c \u062a\u0631\u06cc\u0646 \u062a\u06af \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0639\u06a9\u0633 \u0648 \u062a\u06af &lt;picture&gt; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0627\u0632 \u062a\u06af &lt;img&gt; \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u062a\u06af \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;img src=\"pic_trulli.jpg\" alt=\"Italian Trulli\"&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc src \u062f\u0631 \u0627\u06cc\u0646 \u062a\u06af\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u0646\u0628\u0639\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0639\u06a9\u0633 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0639\u06a9\u0633\u06cc \u06a9\u0647 \u0642\u0635\u062f \u0646\u0645\u0627\u06cc\u0634 \u0622\u0646 \u0631\u0627 \u062f\u0627\u0631\u06cc\u0645 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af alt \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062a\u0648\u0636\u06cc\u062d\u06cc \u0628\u0631\u0627\u06cc \u0639\u06a9\u0633 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0648\u0642\u062a\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0639\u06a9\u0633 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f\u060c \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0628\u0631\u0627\u06cc \u0633\u0626\u0648 \u0627\u0647\u0645\u06cc\u062a \u062e\u0627\u0635\u06cc \u062f\u0627\u0631\u062f \u0648 \u0645\u0646\u062c\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u062f\u0631 \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a \u0648 \u062c\u0648\u06cc \u06af\u0648\u06af\u0644 \u0628\u0647\u062a\u0631 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u062f\u06cc\u062f\u0647 \u0634\u0648\u062f.<\/span><\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"169\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/000-Semantic-HTML-300x169.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u0633\u0648\u0645\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/000-Semantic-HTML-300x169.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/000-Semantic-HTML-768x432.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2020\/04\/000-Semantic-HTML.jpg 1000w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/169;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/free-html-training\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 HTML \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u2013 \u0642\u0633\u0645\u062a \u0633\u0648\u0645<\/a>\n<\/section><\/div>\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0627\u06cc\u0646 \u062a\u06af \u0646\u06cc\u0632 \u0647\u0645\u0627\u0646\u0646\u062f \u062a\u06af\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0645\u0648\u0644\u062a\u06cc \u0645\u062f\u06cc\u0627\u060c \u0627\u0645\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u0639\u0631\u0636 \u0648 \u0627\u0631\u062a\u0641\u0627\u0639 \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u062f\u0631 css \u062f\u0631 \u0622\u0646 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;img src=\"img_girl.jpg\" alt=\"Girl in a jacket\" width=\"500\" height=\"600\"&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">&#8221; \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0647\u0645 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0648 \u0647\u0645 \u062f\u0631 css \u0628\u0647 \u0622\u0646 \u0639\u0631\u0636 \u0648 \u0627\u0631\u062a\u0641\u0627\u0639 \u062f\u0647\u06cc\u062f\u060c \u0645\u0642\u062f\u0627\u0631 \u0646\u0647\u0627\u06cc\u06cc\u060c \u0645\u0642\u062f\u0627\u0631\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0628\u0647 \u0622\u0646 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. &#8220;<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0645\u0686\u0646\u06cc\u0646 \u06cc\u06a9 \u0639\u06a9\u0633 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u062f\u0631 \u0622\u0648\u0631\u06cc\u062f \u0648 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0627\u0631 \u062a\u0646\u0647\u0627 \u06a9\u0627\u0641\u06cc\u0633\u062a \u0622\u0646 \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u062a\u06af &lt;a&gt; \u06a9\u0647 \u0645\u062e\u0635\u0648\u0635 \u0644\u06cc\u0646\u06a9 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f\u060c \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;a href=\"default.asp\"&gt;\n    &lt;img src=\"smiley.gif\" alt=\"HTML tutorial\" style=\"width:42px;height:42px;border:0;\"&gt;\n&lt;\/a&gt; \n<\/span><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;map&gt;<\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0627\u06cc\u0646 \u062a\u06af \u06cc\u06a9 \u062a\u06af \u062e\u0627\u0635\u06cc \u0646\u06cc\u0632 \u062f\u0627\u0631\u062f \u0628\u0647 \u0646\u0627\u0645 &lt;map&gt;. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0646\u0642\u0627\u0637\u06cc \u0631\u0627 \u0628\u0631 \u0631\u0648\u06cc \u0639\u06a9\u0633 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u062a\u0646\u0647\u0627 \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u0622\u0646\u200c\u0647\u0627\u060c \u0639\u0645\u0644\u06cc\u0627\u062a\u06cc \u0631\u062e \u0645\u06cc\u200c\u062f\u0647\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\"> \u0645\u062b\u0644\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0628\u0627\u0644\u0627 \u062f\u0631 \u0647\u0631 \u0646\u0642\u0637\u0647\u200c\u0627\u06cc \u0627\u0632 \u0639\u06a9\u0633 \u06a9\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u0645\u060c \u0628\u0631 \u0631\u0648\u06cc \u0644\u06cc\u0646\u06a9 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u06a9\u0644\u06cc\u06a9 \u0635\u0648\u0631\u062a \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0627\u0645\u0627 \u0627\u06af\u0631 \u0642\u0635\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u062a\u0627 \u062a\u0646\u0647\u0627 \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u0646\u0642\u0627\u0637 \u0645\u0634\u062e\u0635 \u0627\u06cc\u0646 \u0627\u062a\u0641\u0627\u0642 \u0628\u06cc\u0627\u0641\u062a\u062f \u0648 \u06cc\u0627 \u062d\u062a\u06cc \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u0647\u0631 \u0646\u0642\u0637\u0647 \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0647 \u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0631\u0648\u06cc\u0645\u060c \u0627\u0632 \u062a\u06af &lt;map&gt; \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;img src=\"workplace.jpg\" alt=\"Workplace\" usemap=\"#workmap\"&gt;\n\n&lt;map name=\"workmap\"&gt;\n  &lt;area shape=\"rect\" coords=\"34,44,270,350\" alt=\"Computer\" href=\"computer.htm\"&gt;\n  &lt;area shape=\"rect\" coords=\"290,172,333,250\" alt=\"Phone\" href=\"phone.htm\"&gt;\n  &lt;area shape=\"circle\" coords=\"337,300,44\" alt=\"Coffee\" href=\"coffee.htm\"&gt;\n&lt;\/map&gt; \n<\/span><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;img&gt;<\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;img&gt; \u06a9\u0647 \u0639\u06a9\u0633 \u0628\u0627 \u0622\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u062a\u06af &lt;map&gt; \u06a9\u0647 \u0646\u0642\u0627\u0637 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f\u060c \u0628\u0627&nbsp; \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 usemap \u062f\u0631 \u062a\u06af &lt;img&gt; \u0648 name \u062f\u0631 \u062a\u06af &lt;map&gt; \u0628\u0627 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\"> \u0645\u0642\u062f\u0627\u0631 \u0627\u06cc\u0646 \u062f\u0648 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0627\u06cc\u062f \u06cc\u06a9\u0633\u0627\u0646 \u0628\u0627\u0634\u062f \u062a\u0627 \u0627\u06cc\u0646 \u0627\u0631\u062a\u0628\u0627\u0637 \u0635\u0648\u0631\u062a \u0628\u06af\u06cc\u0631\u062f. \u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u06af &lt;map&gt;\u060c \u062a\u06af \u062f\u06cc\u06af\u0631\u06cc \u0628\u0647 \u0646\u0627\u0645 &lt;area&gt; \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f. \u062f\u0642\u062a \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u062a\u06af\u060c \u062a\u06af \u0628\u0633\u062a\u0647 \u0634\u0648\u0646\u062f\u0647 \u0646\u062f\u0627\u0631\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;area&gt; 4 \u0648\u06cc\u0698\u06af\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc alt \u0648 href \u0631\u0627 \u0622\u0634\u0646\u0627 \u0647\u0633\u062a\u06cc\u0645 \u0648 \u062f\u0648 \u0648\u06cc\u0698\u06af\u06cc shape \u0648 coords \u0631\u0627 \u0646\u06cc\u0632 \u0627\u06a9\u0646\u0648\u0646 \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc shape 4 \u0645\u0642\u062f\u0627\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u062f:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"color: #000000; font-size: 16px;\">rect: \u0646\u0627\u062d\u06cc\u0647 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u06cc\u06a9 \u0645\u0633\u062a\u0637\u06cc\u0644 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000; font-size: 16px;\">circle: \u0646\u0627\u062d\u06cc\u0647 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u06cc\u06a9 \u062f\u0627\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000; font-size: 16px;\">poly: \u0646\u0627\u062d\u06cc\u0647 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u06cc\u06a9 \u0686\u0646\u062f \u0636\u0644\u0639\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000; font-size: 16px;\">\u067e\u06cc\u0634\u200c\u0641\u0631\u0636: \u06a9\u0644 \u0639\u06a9\u0633 \u0631\u0627 \u0634\u0627\u0645\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><span style=\"color: #000000;\">\u0648\u06cc\u0698\u06af\u06cc coords <\/span><span style=\"color: #000000;\">\u062f\u0631&nbsp;<\/span><span style=\"color: #000000;\">\u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/span><span style=\"color: #000000;\">&nbsp;<\/span><\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc coords \u062f\u0631 \u0648\u0627\u0642\u0639 \u0645\u062e\u062a\u0635\u0627\u062a \u0646\u0627\u062d\u06cc\u0647 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0645\u062b\u0644\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0632\u06cc\u0631\u060c \u062f\u0648 \u0639\u062f\u062f \u0627\u0648\u0644 \u0645\u062e\u062a\u0635\u0627\u062a \u0646\u0642\u0637\u0647 \u0627\u0648\u0644 (\u06af\u0648\u0634\u0647 \u0633\u0645\u062a \u0686\u067e \u0628\u0627\u0644\u0627\u06cc \u0645\u0633\u062a\u0637\u06cc\u0644) \u0648 \u062f\u0648 \u0639\u062f\u062f \u062f\u0648\u0645 \u0645\u062e\u062a\u0635\u0627\u062a \u0646\u0642\u0637\u0647 \u062f\u0648\u0645 (\u06af\u0648\u0634\u0647 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u067e\u0627\u06cc\u06cc\u0646 \u0645\u0633\u062a\u0637\u06cc\u0644) \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f. \u0627\u0639\u062f\u0627\u062f \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0627\u0632 \u06af\u0648\u0634\u0647 \u0633\u0645\u062a \u0686\u067e \u0628\u0627\u0644\u0627\u06cc \u0634\u06a9\u0644 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;area shape=\"rect\" coords=\"34,44,270,350\" alt=\"Computer\" href=\"computer.htm\"&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u06cc\u06a9 \u062f\u0627\u06cc\u0631\u0647 \u06a9\u0647 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u062f\u0648 \u0639\u062f\u062f \u0627\u0648\u0644 \u0645\u062e\u062a\u0635\u0627\u062a \u0645\u0631\u06a9\u0632 \u062f\u0627\u06cc\u0631\u0647 \u0648 \u0639\u062f\u062f \u0633\u0648\u0645 \u0634\u0639\u0627\u0639 \u062f\u0627\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;area shape=\"circle\" coords=\"337,300,44\" alt=\"Coffee\" href=\"coffee.htm\"&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0628\u062f\u06cc\u0646 \u0637\u0631\u06cc\u0642 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062e\u062a\u0635\u0627\u062a \u0648 \u0646\u0642\u0627\u0637\u06cc \u0627\u0632 \u0634\u06a9\u0644 \u0631\u0627 \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0632 \u0646\u0642\u0627\u0637 \u062f\u06cc\u06af\u0631 \u062f\u0631 \u0628\u06cc\u0627\u0648\u0631\u06cc\u062f.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;picture&gt;<\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af \u0628\u0639\u062f\u06cc \u06a9\u0647 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0639\u06a9\u0633\u200c\u0647\u0627 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f\u060c \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u067e\u06cc\u0634\u200c\u062a\u0631 \u06af\u0641\u062a\u06cc\u0645\u060c \u062a\u06af &lt;picture&gt; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06af \u0645\u0634\u0627\u0628\u0647 \u062a\u06af &lt;video&gt; \u0648 &lt;audio&gt; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;picture&gt;\n    &lt;source media=\"(min-width: 650px)\" srcset=\"img_food.jpg\"&gt;\n    &lt;source media=\"(min-width: 465px)\" srcset=\"img_car.jpg\"&gt;\n    &lt;img src=\"img_girl.jpg\"&gt;\n&lt;\/picture&gt; \n<\/span><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u0634\u0631\u0637 media<\/span><\/h5>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627\u060c \u0645\u0631\u0648\u06af\u0631 \u0628\u062f\u06cc\u0646 \u0635\u0648\u0631\u062a \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0627\u0628\u062a\u062f\u0627 \u0633\u0631\u0627\u063a \u062a\u06af \u0627\u0648\u0644 \u0645\u06cc\u200c\u0631\u0648\u062f\u060c \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0634\u0631\u0637 media \u06cc\u0639\u0646\u06cc \u062f\u0627\u0634\u062a\u0646 \u062d\u062f\u0627\u0642\u0644 \u06f6\u06f5\u06f0 \u067e\u06cc\u06a9\u0633\u0644 \u0639\u0631\u0636\u060c \u0628\u0631\u0642\u0631\u0627\u0631 \u0628\u0627\u0634\u062f\u060c \u062a\u0635\u0648\u06cc\u0631 \u062a\u06af \u0627\u0648\u0644 \u0631\u0627 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0634\u0631\u0637 \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0628\u0627\u0634\u062f\u060c \u0633\u0631\u0627\u063a \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc \u0648 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0632 \u062a\u06af &lt;picture&gt; \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u06a9\u0646\u062f\u060c \u0633\u0631\u0627\u063a \u062a\u06af &lt;img&gt; \u0645\u06cc\u200c\u0631\u0648\u062f \u0648 \u062a\u0635\u0648\u06cc\u0631 \u0622\u0646 \u0631\u0627 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0627\u06af\u0631 \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0633\u0648\u0627\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u062f\u0648 \u062d\u0627\u0644\u062a \u0627\u0635\u0644\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"color: #000000; font-size: 16px;\">\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u062f\u0631 \u06cc\u06a9 \u062f\u0633\u062a\u06af\u0627\u0647 \u0628\u0627 \u0635\u0641\u062d\u0647 \u06a9\u0648\u0686\u06a9 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f \u0648 \u0646\u06cc\u0627\u0632 \u0646\u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u062a\u0627 \u0639\u06a9\u0633 \u0628\u0632\u0631\u06af\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0644\u0648\u062f \u0634\u0648\u062f.<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u062a\u0645\u0627\u0645\u06cc \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0639\u06a9\u0633 \u0645\u0648\u062c\u0648\u062f \u0631\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06af &lt;picture&gt; \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0639\u06a9\u0633\u200c\u0647\u0627 \u0645\u0646\u062c\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0648\u0644\u06cc\u0646 \u062a\u0635\u0648\u06cc\u0631\u06cc \u0631\u0627 \u06a9\u0647 \u0641\u0631\u0645\u062a \u0622\u0646 \u0631\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u0631\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u062f.<\/span><\/li>\n<\/ul>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/front_gcZ5ulR_1403-08-16-164827889\/eb15a124ff8961e6f5a4178684ece70c.webp?expire=4893471932&#038;token=0416681717d9beb623a1202e6efcac1b&#038;md5=BBZoFxfZvrYjoSAubvysGw==\" \n            alt=\"\u0622\u0645\u0648\u0632\u0634 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a (Front-End)\" \n            title=\"\u0622\u0645\u0648\u0632\u0634 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a (Front-End)\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-front-end-mk3\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u0622\u0645\u0648\u0632\u0634 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a (Front-End)        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f9\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f5\u06f9\u06f9,\u06f4\u06f0\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f4\u06f0%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-front-end-mk3\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0627\u06cc\u0646 \u062a\u06af \u0646\u06cc\u0632 \u0622\u062e\u0631\u06cc\u0646 \u062a\u06af \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u062f\u0631 \u0628\u062e\u0634 &lt;body&gt; \u062f\u0631 <strong>\u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/strong> \u0628\u0648\u062f. HTML \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631\u06cc \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632\u062a\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0627 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u062a\u0627\u0646 \u0628\u0631\u062e\u0648\u0631\u062f \u06a9\u0646\u06cc\u062f. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0633\u0639\u06cc \u0628\u0631 \u0622\u0646 \u0628\u0648\u062f \u062a\u0627 \u062d\u062f \u0627\u0645\u06a9\u0627\u0646 \u0628\u0627 \u0627\u0646\u0648\u0627\u0639 \u062a\u06af\u200c\u0647\u0627 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0622\u0646\u200c\u0647\u0627 \u0622\u0634\u0646\u0627 \u0634\u0648\u06cc\u062f. \u0642\u0628\u0644 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u062e\u0634 &lt;head&gt;\u060c \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0631\u0627 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u062d\u0627\u0644\u0627 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0648 \u0622\u0646 inspect element \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u06af\u0632\u06cc\u0646\u0647\u200c\u06cc <span style=\"color: #000000;\">&nbsp;inspect element<\/span><\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0634\u0645\u0627 \u06cc\u06a9 \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0627 \u06a9\u0647 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0628\u0631\u0648\u06cc\u062f \u0648 \u06a9\u0644\u06cc\u06a9 \u0631\u0627\u0633\u062a \u06a9\u0646\u06cc\u062f\u060c \u06cc\u06a9\u06cc \u0627\u0632 \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c inspect element \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\"> \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647\u060c \u06cc\u0647 \u0628\u062e\u0634 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0628\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u062f\u0631 \u0648\u0627\u0642\u0639 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u0646\u062f\u0647 \u062a\u06af\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 html \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 css \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0627\u0632 \u062c\u0645\u0644\u0647 \u0645\u0647\u0645\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0641\u0631\u0627\u062f\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u06a9\u0647 \u062f\u0631 \u0633\u0645\u062a \u0641\u0631\u0627\u0646\u062a \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0641\u0639\u0627\u0644\u06cc\u062a \u062f\u0627\u0631\u0646\u062f. \u062d\u062a\u0645\u0627 \u0628\u0627 \u0622\u0646 \u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0628\u0647 \u06a9\u0627\u0631\u062a\u0627\u0646 \u062e\u0648\u0627\u0647\u062f \u0622\u0645\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">&#8221; \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u06cc\u062f f12 \u0646\u06cc\u0632 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f inspect element \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0647\u0631 \u0627\u0644\u0645\u0627\u0646 \u0646\u06cc\u0632 \u0627\u0632 \u06af\u0632\u06cc\u0646\u0647 \u0632\u06cc\u0631 \u06a9\u0647 \u062f\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0646\u06cc\u0632 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0648 \u0641\u0639\u0627\u0644 \u0634\u062f\u0646 \u0622\u0646\u060c \u0628\u0631 \u0631\u0648\u06cc \u0647\u0631 \u0627\u0644\u0645\u0627\u0646\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0628\u0631\u0648\u06cc\u062f\u060c \u062f\u0631 \u062f\u0627\u062e\u0644 \u0628\u0627\u06a9\u0633 \u067e\u0627\u06cc\u06cc\u0646 \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u06a9\u062f \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f. \u06a9\u0644\u06cc\u062f \u0645\u06cc\u0627\u0646\u0628\u0631 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 crtl+c \u062f\u0631 \u0648\u06cc\u0646\u062f\u0648\u0632 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.&#8221;<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"517\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-10-1024x517.png.webp\" class=\"wp-image-5237 lazyload\" HTML alt=\"\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-10-1024x517.png.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-10-300x151.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-10-768x387.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2020\/04\/html-10.png 1429w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/517;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u062e\u0634 \u062a\u06af &lt;head&gt; \u062f\u0631 \u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/span><\/h3>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0645\u0642\u0627\u0644\u0647 \u0627\u0648\u0644 \u0630\u06a9\u0631 \u0634\u062f\u060c \u0628\u062e\u0634 &lt;head&gt; \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u0628\u062e\u0634 &lt;body&gt; \u062f\u0631 &lt;html&gt; \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0648 \u0645\u0648\u0627\u0631\u062f\u06cc \u0645\u062b\u0644 \u0639\u06a9\u0633 \u0635\u0641\u062d\u0647 \u062f\u0631 \u062a\u0628 \u0645\u0631\u0648\u0631\u06af\u0631 (favicon) \u0648 \u0622\u062f\u0631\u0633 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062e\u0627\u0631\u062c\u06cc \u0648 css \u062e\u0627\u0631\u062c\u06cc \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627 \u0648 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0646\u06cc\u0632 \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 favicon \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0627\u0632 \u062a\u06af &lt;link \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u062a\u06af\u060c \u062a\u06af \u0628\u0633\u062a\u0647 \u0634\u0648\u0646\u062f\u0647 \u0646\u062f\u0627\u0631\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;link rel=\"icon\" href=\"demo_icon.gif\" type=\"image\/gif\" sizes=\"16x16\"&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc rel \u0628\u0631\u0627\u06cc \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0646\u0648\u0639 \u0644\u06cc\u0646\u06a9 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc favicon \u0627\u0632 \u0646\u0648\u0639 \u0622\u06cc\u06a9\u0648\u0646 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0648\u06cc\u0698\u06af\u06cc href \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0644\u06cc\u0646\u06a9 \u0622\u06cc\u06a9\u0648\u0646 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0648\u06cc\u0698\u06af\u06cc type \u0641\u0631\u0645\u062a \u0622\u06cc\u06a9\u0648\u0646 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0648\u06cc\u0698\u06af\u06cc size \u0627\u0646\u062f\u0627\u0632\u0647 \u0622\u0646 \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u062f \u0648 \u062f\u0631 \u0627\u0628\u0639\u0627\u062f \u0645\u062e\u062a\u0644\u0641 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;title&gt; \u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u06af &lt;head&gt; \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f. \u062f\u0631 \u062f\u0627\u062e\u0644 \u0627\u06cc\u0646 \u062a\u06af \u0627\u0633\u0645 \u0633\u0627\u06cc\u062a \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0634\u0645\u0627 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u062f \u062a\u0627 \u0648\u0642\u062a\u06cc \u062f\u0631 \u06cc\u06a9 \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0627\u0633\u0645 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0631 \u0631\u0648\u06cc \u062a\u0628 \u0628\u0627\u0632 \u0634\u062f\u0647 \u0628\u0631 \u0631\u0648\u06cc \u0645\u0631\u0648\u06af\u0631 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0627\u0632 \u062a\u06af &lt;title&gt; \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;head&gt;\n    &lt;title&gt;Page Title&lt;\/title&gt;\n&lt;\/head&gt;\n<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u067e\u0633 \u0627\u0632 \u0628\u0627\u0632 \u0634\u062f\u0646 \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u0639\u0628\u0627\u0631\u062a Page Title \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u0645 \u0633\u0627\u06cc\u062a \u0628\u0631 \u0631\u0648\u06cc \u062a\u0628 \u0628\u0627\u0632 \u0634\u062f\u0647 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-5238 size-large\"><img decoding=\"async\" width=\"1024\" height=\"100\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-11-e1587170239877-1024x100.png.webp\" alt=\"\u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u00a0\" class=\"wp-image-5238 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-11-e1587170239877-1024x100.png.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-11-e1587170239877-300x29.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-11-e1587170239877-768x75.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/04\/html-11-e1587170239877-1536x149.png.webp 1536w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2020\/04\/html-11-e1587170239877.png 1707w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/100;\" \/><figcaption class=\"wp-element-caption\"><span style=\"font-size: 16px;\">\u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/span><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af &lt;head&gt;<\/span><\/h4>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062a\u06af \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u06af &lt;head&gt; \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f\u060c \u062a\u06af &lt;meta&gt; \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u062a\u06af &lt;meta&gt; \u062d\u0627\u0648\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0635\u0641\u062d\u0647 html \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0627\u06cc\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0647 \u062a\u062d\u062a \u0639\u0646\u0648\u0627\u0646 \u0645\u062a\u0627 \u062f\u06cc\u062a\u0627 (meta data) \u0646\u0627\u0645 \u062f\u0627\u0631\u0646\u062f\u060c \u062f\u0627\u0631\u0627\u06cc \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u062c\u0647\u062a \u062a\u0639\u0631\u06cc\u0641 \u0635\u0641\u062d\u0647 \u062e\u0627\u0635\u06cc\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062c\u0633\u062a \u0648 \u062c\u0648\u06cc \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a \u0648 \u062c\u0648\u06cc \u06af\u0648\u06af\u0644\u060c \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc\u060c \u0622\u062e\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0648 \u0633\u0627\u06cc\u0631 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u062f\u0633\u062a \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f. <\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u062f\u0631 \u06a9\u062f \u0632\u06cc\u0631\u060c \u0686\u0646\u062f\u06cc\u0646 \u0646\u0645\u0648\u0646\u0647 \u0645\u062e\u062a\u0644\u0641 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0645\u062a\u0627 \u062f\u06cc\u062a\u0627\u0647\u0627 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u0645\u062a\u0627 \u062f\u06cc\u062a\u0627\u06cc charset \u0628\u0631\u0627\u06cc \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0641\u0631\u0645\u062a \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0635\u0641\u062d\u0647 html \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u06cc\u0627 \u0645\u062a\u0627 \u062f\u06cc\u062a\u0627\u06cc viewport \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0635\u062d\u06cc\u062d \u0645\u062d\u062a\u0648\u0627 \u0628\u0631 \u0631\u0648\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0627 \u0627\u0628\u0639\u0627\u062f \u0645\u062e\u062a\u0644\u0641 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"description\" content=\"Free Web tutorials\"&gt;\n    &lt;meta name=\"keywords\" content=\"HTML,CSS,XML,JavaScript\"&gt;\n    &lt;meta name=\"author\" content=\"John Doe\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n&lt;\/head&gt;\n<\/span><\/pre>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">&#8221; \u0645\u062a\u0627 \u062f\u06cc\u062a\u0627\u06cc \u0646\u0648\u0639 charset \u062f\u0631 html5 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. &#8220;<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\"><strong>\u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/strong><span style=\"color: #000000;\"> \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0645\u06cc\u200c\u0631\u0633\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0633\u0639\u06cc \u0628\u0631 \u0622\u0646 \u0628\u0648\u062f \u062a\u0627 \u0634\u0645\u0627 \u0628\u0627 html \u0648 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0622\u0634\u0646\u0627 \u0634\u0648\u06cc\u062f \u0648 \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f.<\/span><\/span><\/p>\n\n\n\n<p><span style=\"color: #000000; font-size: 16px;\">\u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u0645\u0642\u0627\u0644\u0627\u062a \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0645\u0641\u06cc\u062f \u0648\u0627\u0642\u0639 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u0628\u0639\u062f \u0633\u0631\u0627\u063a css \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0648 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0622\u0646 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062a\u0631 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0631\u0641\u062a.<\/span><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0622\u0645\u0648\u0632\u0634 HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 (\u06a9\u0644\u0627\u0633 \u0648 \u0622\u06cc \u062f\u06cc) \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u062a\u0627 \u0628\u0627 \u06a9\u0644\u0627\u0633 \u0648 \u0622\u06cc \u062f\u06cc \u0622\u0634\u0646\u0627 \u0634\u0648\u06cc\u0645 \u0648 \u0633\u067e\u0633 \u0645\u0628\u0627\u062d\u062b \u0646\u0647\u0627\u06cc\u06cc \u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\u00a0HTML \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0631\u0627 \u0645\u0637\u0631\u062d \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0627 \u0622\u06cc \u062f\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u06a9\u0645 \u0648 \u0628\u06cc\u0634 \u0628\u0647 \u0648\u0627\u0633\u0637\u0647 \u0645\u062b\u0627\u0644\u200c\u0647\u0627 \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f. \u06a9\u0644\u0627\u0633 \u0648 \u0622\u06cc \u062f\u06cc \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631\u062f \u0645\u0634\u062a\u0631\u06a9 \u062f\u0627\u0631\u0646\u062f \u0648 \u0622\u0646 \u062f\u0631 \u0632\u0645\u0627\u0646 [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":5367,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-5236","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-and-it-training"],"_links":{"self":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/5236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/comments?post=5236"}],"version-history":[{"count":5,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/5236\/revisions"}],"predecessor-version":[{"id":67720,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/5236\/revisions\/67720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media\/5367"}],"wp:attachment":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media?parent=5236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/categories?post=5236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/tags?post=5236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}