{"id":2336,"date":"2020-12-02T22:48:38","date_gmt":"2020-12-02T19:18:38","guid":{"rendered":"https:\/\/zoghismh.ir\/?page_id=2336"},"modified":"2022-04-12T15:56:22","modified_gmt":"2022-04-12T11:26:22","slug":"part9","status":"publish","type":"page","link":"https:\/\/zoghismh.ir\/?page_id=2336","title":{"rendered":"\u06f9- \u0686\u06cc\u062f\u0645\u0627\u0646 \u0635\u0641\u062d\u0647"},"content":{"rendered":"<h4 style=\"text-align: center; color: #000080;\">\u0645\u0642\u062f\u0645\u0647<\/h4>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u0641\u0635\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0631 \u0645\u0648\u0631\u062f <strong>Page Layout <\/strong>(<b>\u0686\u06cc\u062f\u0645\u0627\u0646 \u0635\u0641\u062d\u0647<\/b>) \u0646\u06a9\u0627\u062a\u06cc \u0631\u0627 \u0628\u06cc\u0627\u0646 \u06a9\u0646\u06cc\u0645\u061b \u06cc\u0639\u0646\u06cc \u0686\u06af\u0648\u0646\u0647 \u062c\u0647\u062a \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u0645.<\/p>\n<h5 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062f\u0627\u06a9\u06cc\u0648\u0645\u0646\u062a \u0641\u0650\u0644\u0648 \u062f\u0627\u06cc\u0631\u06a9\u0634\u0646\u00a0 <strong>Document<\/strong> <strong>Flow Direction<\/strong><\/span><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/img\/document-flow-direction.png\" width=\"1600\" height=\"900\" \/><\/p>\n<p style=\"text-align: justify;\">\u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0645\u0637\u0627\u0644\u0628 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0646\u062d\u0648\u0647 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a:<\/p>\n<ul>\n<li><strong>block (\u0632\u06cc\u0631 \u0647\u0645 \u0632\u06cc\u0631 \u0647\u0645)<\/strong><\/li>\n<li><strong>inline (\u062f\u0631 \u06cc\u06a9\u200c\u062e\u0637 \u067e\u0634\u062a \u0633\u0631 \u0647\u0645)<\/strong><\/li>\n<li><strong>inline-block \u06a9\u0647 \u062a\u0631\u06a9\u06cc\u0628 \u0627\u06cc\u0646 \u062f\u0648 \u0645\u0648\u0631\u062f<\/strong> \u0627\u0633\u062a \u06af\u0641\u062a\u06af\u0648 \u06a9\u0631\u062f\u06cc\u0645.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u0641\u0635\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0631 \u0645\u0648\u0631\u062f &#8220;\u062c\u0647\u062a \u062c\u0631\u06cc\u0627\u0646 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0645\u0637\u0627\u0644\u0628&#8221; \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645.<\/p>\n<p style=\"text-align: justify;\">\u06f1- \u062f\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631:<br \/>\n\u062c\u0647\u062a \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 block\u200c\u0647\u0627 \u0627\u0632 \u0628\u0627\u0644\u0627 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 (Top-Bottom) \u0648 \u062c\u0647\u062a \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc inline \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u0641\u0642\u06cc (horizontal) \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2338\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/0.jpg\" alt=\"\" width=\"410\" height=\"521\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/0.jpg 410w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/0-236x300.jpg 236w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/p>\n<p style=\"text-align: justify;\">\u06f2- \u062f\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631:<br \/>\n\u062c\u0647\u062a \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 block\u200c\u0647\u0627 \u0627\u0632 \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e (Right-Left) \u0648 \u062c\u0647\u062a \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc inline \u0628\u0647 \u0635\u0648\u0631\u062a \u0639\u0645\u0648\u062f\u06cc (vertical) \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2339\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/1.jpg\" alt=\"\" width=\"410\" height=\"521\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/1.jpg 410w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/1-236x300.jpg 236w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/p>\n<p style=\"text-align: justify;\">\u06f3- \u062f\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631:<br \/>\n\u062c\u0647\u062a \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 block\u200c\u0647\u0627 \u0627\u0632 \u0686\u067e \u0628\u0647 \u0631\u0627\u0633\u062a (Left-Right) \u0648 \u062c\u0647\u062a \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc inline \u0628\u0647 \u0635\u0648\u0631\u062a \u0639\u0645\u0648\u062f\u06cc (vertical) \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2340\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/2.jpg\" alt=\"\" width=\"410\" height=\"521\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/2.jpg 410w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/2-236x300.jpg 236w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/p>\n<p><video controls=\"controls\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/video\/01.mp4\" type=\"video\/mp4\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>Your browser does not support the video tag.<\/video><\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 css \u0632\u06cc\u0631 \u0628\u0627\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<pre><code class=\"line-numbers language-css\">writing-mode:\n   horizontal-tb | vertical-rl | vertical-lr;\n<\/code><\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062f\u0633\u062a\u0648\u0631 \u0628\u0627\u0644\u0627 \u0628\u0639\u062f \u0627\u0632 \u0639\u0628\u0627\u0631\u062a <strong>writing-mode<\/strong> \u0645\u0642\u062f\u0627\u0631 \u0627\u0648\u0644 \u062c\u0647\u062a \u062a\u0639\u06cc\u06cc\u0646 inline \u0648 \u0645\u0642\u062f\u0627\u0631 \u062f\u0648\u0645 \u062c\u0647\u062a \u062a\u0639\u06cc\u06cc\u0646 block \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/example.png\" width=\"404\" height=\"122\" \/><\/p>\n<pre data-line=\"2\"><code class=\"line-numbers language-css\">main {\n  writing-mode: vertical-rl;\n}<\/code><\/pre>\n<figure id=\"attachment_2346\" aria-describedby=\"caption-attachment-2346\" style=\"width: 492px\" class=\"wp-caption aligncenter\"><a style=\"font-weight: 600;\" href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/00.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2346\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/3.jpg\" alt=\"\" width=\"492\" height=\"490\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/3.jpg 573w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/3-300x298.jpg 300w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/3-150x150.jpg 150w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/a><figcaption id=\"caption-attachment-2346\" class=\"wp-caption-text\"><strong><span style=\"color: #ff0000;\">\u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0628\u0627\u0632 \u0634\u0648\u062f.<\/span><\/strong><\/figcaption><\/figure>\n<blockquote><p>\u0628\u0647 \u06a9\u0645\u06a9 \u0627\u0628\u0632\u0627\u0631 <span style=\"color: #ff0000;\"><strong>Inspect <\/strong><span style=\"color: #000000;\">\u062c\u0647\u062a \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u062f\u0631 \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/span><\/span><\/p><\/blockquote>\n<p><video controls=\"controls\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/video\/02.mp4\" type=\"video\/mp4\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>Your browser does not support the video tag.<\/video><\/p>\n<h1><\/h1>\n<h2 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0627\u064e\u0644\u0627\u06cc\u0652\u0645\u0650\u0646\u062a\u00a0 Alignment<\/span><\/h2>\n<p>\u0628\u0631\u0627\u06cc \u062a\u0631\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0628\u062f\u06cc\u0646 \u0631\u0648\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<pre data-line=\"3,4\"><code class=\"line-numbers language-css\">img {\n  display: block;\n  \/* \u06a9\u062f \u062e\u0637 \u06f4 \u0645\u0639\u0627\u062f\u0644 \u062f\u0633\u062a\u0648\u0631 \u062e\u0637\u0648\u0637 \u06f5 \u0648 \u06f6 \u0627\u0633\u062a *\/\n  \/* margin:  0 auto; *\/\n  margin-left: auto;\n  margin-right: auto;\n}<\/code><\/pre>\n<figure id=\"attachment_2354\" aria-describedby=\"caption-attachment-2354\" style=\"width: 494px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/01.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2354 size-full\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/4.jpg\" alt=\"\" width=\"494\" height=\"494\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/4.jpg 494w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/4-300x300.jpg 300w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/4-150x150.jpg 150w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/a><figcaption id=\"caption-attachment-2354\" class=\"wp-caption-text\"><strong><span style=\"color: #ff0000;\">\u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0628\u0627\u0632 \u0634\u0648\u062f.<\/span><\/strong><\/figcaption><\/figure>\n<blockquote><p>\u0628\u0647 \u06a9\u0645\u06a9 \u0627\u0628\u0632\u0627\u0631 <span style=\"color: #ff0000;\"><strong>Inspect <\/strong><span style=\"color: #000000;\">\u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062e\u0648\u062f\u062a\u0627\u0646 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0646\u06cc\u062f.<\/span><\/span><\/p><\/blockquote>\n<p><strong>\u0633\u0624\u0627\u0644:<\/strong><br \/>\n\u0686\u0631\u0627 \u062f\u0631 \u062e\u0637\u0648\u0637 \u06f3 \u0648 \u06f4 \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u0628\u0642\u06cc\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f\u061f<br \/>\n\u0628\u0631\u0627\u06cc \u067e\u0627\u0633\u062e \u0628\u0647 \u0627\u06cc\u0646 \u0633\u0624\u0627\u0644 \u0628\u0627\u06cc\u062f \u0628\u062f\u0627\u0646\u06cc\u062f <span style=\"color: #000000;\"><strong>\u06a9\u0627\u0645\u0646\u062a <\/strong>\u0686\u06cc\u0633\u062a \u0648 \u0686\u0647 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0627\u0631\u062f!<\/span><\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\"><strong>\u06a9\u0627\u0645\u0646\u062a\u00a0 <\/strong><strong>Comment<\/strong><\/span><\/h4>\n<p style=\"text-align: justify;\">\u0622\u06cc\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u06a9\u062f\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0648 \u062a\u0641\u0633\u06cc\u0631 \u062f\u06cc\u06af\u0631 \u06a9\u062f\u0647\u0627\u06cc\u0645\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0631\u0627\u06cc \u062f\u06cc\u06af\u0631\u0627\u0646 \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0628\u0627\u0634\u062f\u061f<br \/>\n\u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u06cc \u062f\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0627\u0645\u0646\u062a\u200c\u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627 \u062a\u06af\u200c\u0647\u0627\u06cc \u06a9\u0627\u0645\u0646\u062a \u0635\u062d\u0628\u062a \u06a9\u0631\u062f\u0647 \u0648 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0627\u06cc\u0646 \u062a\u06af\u200c\u0647\u0627 \u0648 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<p style=\"text-align: justify;\">\u06a9\u0627\u0645\u0646\u062a\u200c\u0647\u0627\u060c \u0642\u0637\u0639\u0647 \u06a9\u062f\u200c\u0647\u0627\u06cc\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<br \/>\n\u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0627\u0632 \u06a9\u0627\u0645\u0646\u062a \u0628\u0631\u0627\u06cc \u0634\u0631\u062d \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u06a9\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u062c\u062f\u0627\u0633\u0627\u0632\u06cc \u0628\u062e\u0634\u200c\u0647\u0627 \u06cc\u0627 \u0646\u06a9\u0627\u062a \u0648 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a\u2005\u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646 (\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0628) \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u06cc\u06a9 \u06a9\u0644\u0627\u0645\u060c \u06a9\u0627\u0645\u0646\u062a\u200c\u0647\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0648 \u062f\u06cc\u06af\u0631\u0627\u0646 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u062a\u0627 \u06a9\u062f\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0646\u0648\u0634\u062a\u0647\u200c\u0627\u06cc\u062f \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u0646\u062f \u0647\u0645\u0686\u0646\u06cc\u0646 \u06a9\u0627\u0645\u0646\u062a\u200c\u0647\u0627 \u062a\u0627\u062b\u06cc\u0631 \u0639\u0645\u06cc\u0642\u06cc \u062f\u0631 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u06a9\u062f \u062f\u0627\u0631\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f \u062d\u062a\u0645\u0627\u064b \u0627\u0632 \u06a9\u0627\u0645\u0646\u062a\u200c\u0647\u0627 \u062f\u0631 \u06a9\u062f\u200c\u0646\u0648\u06cc\u0633\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u06a9\u0627\u0645\u0646\u062a \u062f\u0631 HTML<\/span><br \/>\n<strong><span dir=\"ltr\" style=\"color: #000080;\">&lt;!&#8211;\u00a0 \u2026\u00a0 &#8211;&gt; <\/span><\/strong><\/h4>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u062a\u06af \u0647\u0631 \u0645\u062a\u0646\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0633\u0637 \u0622\u0646 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u0627\u0645\u0646\u062a \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u2005\u0634\u0648\u062f\u061b<br \/>\n\u06a9\u0647 \u062a\u0648\u0633\u0637 \u0647\u0645\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u2005\u0647\u0627 \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<br \/>\n\u0645\u062b\u0627\u0644:<\/p>\n<pre data-line=\"3,5\"><code class=\"line-numbers language-html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;  &lt;!-- Document Header Starts --&gt;\n  &lt;title&gt; This is document title &lt;\/title&gt;\n&lt;\/head&gt; &lt;!-- Document Header Ends --&gt;\n&lt;body&gt;\n  &lt;p&gt; Document content goes here.....&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n}<\/code><\/pre>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u06a9\u0627\u0645\u0646\u062a \u062f\u0631 CSS<\/span><br \/>\n<strong><span dir=\"ltr\" style=\"color: #000080;\">\/*\u00a0 \u00a0\u2026\u00a0 \u00a0*\/<\/span><\/strong><\/h4>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0647\u0631 \u0645\u062a\u0646\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0633\u0637 \u0622\u0646 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u0627\u0645\u0646\u062a \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u2005\u0634\u0648\u062f\u061b<br \/>\n\u0645\u062b\u0627\u0644:<\/p>\n<pre data-line=\"3,5\"><code class=\"line-numbers language-css\">\/* This is a CSS comment *\/\n\/* This\n   is another comment\n*\/\nbody {\n   font-family:sans-serif;\n   \/*This is another comment *\/\n}<\/code><\/pre>\n<blockquote>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 Visual\u200cStudio\u200cCode \u0627\u0628\u062a\u062f\u0627 \u062e\u0637 \u06cc\u0627 \u062e\u0637\u0648\u0637\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0646\u062a \u0634\u0648\u0646\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 (select) \u06a9\u0631\u062f\u0647 \u0633\u067e\u0633 \u0628\u0647 \u06a9\u0645\u06a9 \u06a9\u0644\u06cc\u062f\u200c\u0647\u0627\u06cc\u00a0 <strong>\/ + ctrl<\/strong>\u00a0 \u0628\u0647 \u062d\u0627\u0644\u062a \u06a9\u0627\u0645\u0646\u062a \u062f\u0631 \u0622\u0648\u0631\u06cc\u062f.<\/p>\n<\/blockquote>\n<p><video controls=\"controls\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/video\/03.mp4\" type=\"video\/mp4\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>Your browser does not support the video tag.<\/video><\/p>\n<h1><\/h1>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0686\u06af\u0648\u0646\u0647<\/span> <span style=\"color: #ff0000;\"><strong>\u0628\u0644\u0627\u06a9 <\/strong><\/span><span style=\"color: #000080;\">\u0631\u0627 \u0627\u0632 \u0635\u0641 \u062e\u0627\u0631\u062c \u06a9\u0646\u06cc\u0645\u061f<\/span><\/h4>\n<p style=\"text-align: justify;\">\u0648\u06cc\u0698\u06af\u06cc\u00a0<code>float<\/code> \u062f\u0631 css \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0644\u0627\u06a9\u200c\u0647\u0627\u06cc \u067e\u0634\u062a \u0633\u0631 \u0647\u0645 \u0686\u06cc\u062f\u0647 \u0634\u062f\u0647 \u0631\u0627 \u0627\u0632 \u0635\u0641 \u062e\u0627\u0631\u062c \u06a9\u0631\u062f\u0647 \u0648 \u0637\u0631\u062d\u06cc \u0634\u0628\u06cc\u0647 \u0628\u0647 \u0645\u062c\u0644\u0627\u062a \u0648 \u0631\u0648\u0632\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u061b<br \/>\n\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u0646\u062f \u0648 \u0645\u062a\u0646\u06cc \u062f\u0648\u0631 \u0622\u0646 \u062a\u0635\u0648\u06cc\u0631 \u062c\u0631\u06cc\u0627\u0646 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061b float \u062f\u0631 \u0644\u063a\u062a \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u0634\u0646\u0627\u0648\u0631 \u06cc\u0627 \u062c\u0631\u06cc\u0627\u0646 \u0627\u0633\u062a.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2376\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/print-layout.png\" alt=\"\" width=\"423\" height=\"269\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/print-layout.png 423w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/print-layout-300x191.png 300w\" sizes=\"auto, (max-width: 423px) 100vw, 423px\" \/><\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 css \u0632\u06cc\u0631 \u0628\u0627\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<pre><code class=\"line-numbers language-css\">float:\n   none | left | right;\n<\/code><\/pre>\n<p style=\"text-align: justify;\">\u0648\u06cc\u0698\u06af\u06cc <strong>float<\/strong> \u0633\u0647 \u0645\u0642\u062f\u0627\u0631\u00a0 \u00a0 <strong>none<\/strong>\u00a0| <strong>left<\/strong> | <strong>right<\/strong>\u00a0 \u00a0\u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<br \/>\n\u0645\u0642\u062f\u0627\u0631 <strong>none (\u0647\u06cc\u0686)<\/strong>\u00a0\u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u0641\u0631\u0636 \u0627\u0633\u062a \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u0627 \u06a9\u0647 \u0628\u0644\u0627\u06a9 \u062f\u0631 \u062d\u0627\u0644\u0627 \u0639\u0627\u062f\u06cc \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0632\u0645\u0627\u0646\u06cc\u06a9\u0647 \u06cc\u06a9 \u0627\u0650\u0644\u0645\u0646\u062a \u0628\u0647 <strong>\u0633\u0645\u062a \u0631\u0627\u0633\u062a<\/strong> \u0647\u0648\u0644 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f (<code dir=\"ltr\"><strong>float: right<\/strong><\/code>) \u06cc\u0639\u0646\u06cc \u0627\u0632 \u0635\u0641 \u062e\u0627\u0631\u062c \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0639\u062f \u0627\u0632 \u0622\u0646 \u062f\u0648\u0631 \u0644\u0628\u0647 \u0686\u067e \u0627\u0650\u0644\u0645\u0646\u062a \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<br \/>\n\u0648 \u0632\u0645\u0627\u0646\u06cc\u06a9\u0647 \u0627\u0650\u0644\u0645\u0646\u062a \u0628\u0647 <strong>\u0633\u0645\u062a \u0686\u067e<\/strong> \u0647\u0648\u0644 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f (<strong><code dir=\"ltr\">float: left<\/code><\/strong>) \u0648 \u0627\u0632 \u0635\u0641 \u062e\u0627\u0631\u062c \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0639\u062f \u0627\u0632 \u0622\u0646 \u062f\u0648\u0631 \u0644\u0628\u0647 \u0631\u0627\u0633\u062a \u0627\u0650\u0644\u0645\u0646\u062a \u062c\u0645\u0639 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<br \/>\n\u0648 \u062f\u0631 \u062d\u0627\u0644\u062a <strong>\u067e\u06cc\u0634\u0641\u0631\u0636<\/strong> (<strong><code>float: none<\/code><\/strong>) \u0627\u0650\u0644\u0645\u0646\u062a \u0628\u0639\u062f\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u0639\u0627\u062f\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0645\u0637\u0627\u0644\u0628 \u0628\u0627\u0644\u0627 <span style=\"color: #000000;\"><span style=\"color: #ff0000;\"><strong>\u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u06cc\u06a9<\/strong><\/span> \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0628\u0627\u0632 \u0634\u0648\u062f\u061b<br \/>\n\u0633\u067e\u0633 \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u0627\u062f\u06cc\u0631 float \u062f\u0631 \u0647\u0631 \u0628\u0644\u0627\u06a9\u060c \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0635\u0641 \u062e\u0627\u0631\u062c \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0631 \u062c\u0647\u062a\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u0646\u062a\u0642\u0627\u0644 \u062f\u0647\u06cc\u062f.<\/span><\/p>\n<p><a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/02.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2366 size-full\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/5.jpg\" alt=\"\" width=\"729\" height=\"482\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/5.jpg 729w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/5-300x198.jpg 300w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/example.png\" width=\"374\" height=\"113\" \/><\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc float \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u062a\u0648\u062c\u0647 \u0634\u0648\u06cc\u062f \u0627\u06cc\u0646\u062c\u0627 <a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/03.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u06a9\u0644\u06cc\u06a9<\/a> \u06a9\u0646\u06cc\u062f\u061b <span style=\"color: #000000;\">\u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u0627\u062f\u06cc\u0631 float \u062f\u0631 \u0647\u0631 \u0628\u0644\u0627\u06a9 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0631\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2370\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/6.jpg\" alt=\"\" width=\"723\" height=\"570\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/6.jpg 723w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/6-300x237.jpg 300w\" sizes=\"auto, (max-width: 723px) 100vw, 723px\" \/><\/p>\n<p><video controls=\"controls\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/video\/04.mp4\" type=\"video\/mp4\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>Your browser does not support the video tag.<\/video><\/p>\n<h4><\/h4>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0686\u06af\u0648\u0646\u0647 \u0627\u0637\u0631\u0627\u0641 \u06cc\u06a9<\/span> <span style=\"color: #ff0000;\"><strong>\u0628\u0644\u0627\u06a9<\/strong><\/span>\u00a0<span style=\"color: #000080;\"> \u0631\u0627 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc (\u062e\u0627\u0644\u06cc) \u06a9\u0646\u06cc\u0645\u061f<\/span><\/h4>\n<p style=\"text-align: justify;\">\u062d\u0627\u0644 \u06a9\u0627\u0631 \u0648\u06cc\u0698\u06af\u06cc\u00a0<code>clear<\/code> \u062f\u0631 css \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u062c\u0631\u06cc\u0627\u0646 \u062f\u0627\u062f\u0646 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u06a9\u0647 \u0634\u0646\u0627\u0648\u0631 (float) \u0634\u062f\u0647 \u0627\u0633\u062a \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 css \u0632\u06cc\u0631 \u0628\u0627\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<pre><code class=\"line-numbers language-css\">clear:\n   none | left | right | both;\n<\/code><\/pre>\n<p style=\"text-align: justify;\">\u0648\u06cc\u0698\u06af\u06cc\u00a0<code>clear<\/code> \u0628\u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc <code>float<\/code> \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0627\u0633\u062a.<br \/>\n\u06a9\u0627\u0631\u0628\u0631\u062f \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0637\u0631\u0627\u0641 \u0627\u0650\u0644\u0645\u0646\u062a \u0634\u0646\u0627\u0648\u0631 (\u06cc\u0639\u0646\u06cc \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u06a9\u0647 \u0645\u0642\u062f\u0627\u0631 float \u0622\u0646 right \u06cc\u0627 left \u0627\u0633\u062a) \u0631\u0627 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc (clear) \u06a9\u0631\u062f\u0647 \u0648 \u0627\u0650\u0644\u0645\u0646\u062a \u062f\u06cc\u06af\u0631 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u0627\u0650\u0644\u0645\u0646\u062a \u0634\u0646\u0627\u0648\u0631 \u0633\u0642\u0648\u0637 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0648\u06cc\u0698\u06af\u06cc <strong>clear<\/strong> \u0686\u0647\u0627\u0631 \u0645\u0642\u062f\u0627\u0631\u00a0 <strong>none<\/strong>\u00a0| <strong>left<\/strong> | <strong>right<\/strong> | <strong>both<\/strong>\u00a0 \u00a0\u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<br \/>\n\u0645\u0642\u062f\u0627\u0631 <strong>none (\u0647\u06cc\u0686)<\/strong> \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u0641\u0631\u0636 \u0627\u0633\u062a \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u0627 \u06a9\u0647 \u0628\u0644\u0627\u06a9 \u062f\u0631 \u062d\u0627\u0644\u0627 \u0639\u0627\u062f\u06cc \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f.<br \/>\n\u0648 \u0645\u0642\u062f\u0627\u0631 <strong>both (\u062f\u0648 \u0637\u0631\u0641) <\/strong>\u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u0627\u0633\u062a \u06a9\u0647 \u062f\u0648 \u0637\u0631\u0641 \u0628\u0644\u0627\u06a9 \u0645\u0631\u0628\u0648\u0637\u0647 \u0631\u0627 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc (\u062e\u0627\u0644\u06cc) \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0627\u06af\u0631 \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0622\u0646\u060c \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u0634\u0646\u0627\u0648\u0631 \u0628\u0647 \u0633\u0645\u062a \u0631\u0627\u0633\u062a (<code dir=\"ltr\">float: right<\/code>) \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0648 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u0650\u0644\u0645\u0646\u062a \u0634\u0645\u0627 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0622\u0646 \u0627\u0650\u0644\u0645\u0646\u062a \u0642\u0631\u0627\u0631 \u0646\u06af\u06cc\u0631\u062f \u0648 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u0622\u0646 \u0633\u0642\u0648\u0637 \u06a9\u0646\u062f \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u0645\u0642\u062f\u0627\u0631 <code>clear<\/code>\u00a0\u0622\u0646 \u0631\u0627 \u0628\u0631\u0627\u0628\u0631 \u0628\u0627\u00a0<code>right<\/code>\u00a0\u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.<br \/>\n\u0645\u0642\u062f\u0627\u0631 <code>both<\/code> \u0647\u0645 \u0632\u0645\u0627\u0646\u06cc\u200c \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u062f\u0631 \u062f\u0648 \u0637\u0631\u0641 \u0627\u0650\u0644\u0645\u0646\u062a \u0634\u0645\u0627 \u0634\u0646\u0627\u0648\u0631 \u0646\u0628\u0627\u0634\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0645\u0637\u0627\u0644\u0628 \u0628\u0627\u0644\u0627 <span style=\"color: #000000;\"><span style=\"color: #ff0000;\"><strong>\u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u06cc\u06a9<\/strong><\/span> \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0628\u0627\u0632 \u0634\u0648\u062f\u061b<br \/>\n\u0633\u067e\u0633 \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u0627\u062f\u06cc\u0631 <code>clear \u0648 float<\/code> \u062f\u0631 \u0647\u0631 \u0628\u0644\u0627\u06a9 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0631\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/span><a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/04.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2374 size-full\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/7.jpg\" alt=\"\" width=\"717\" height=\"576\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/7.jpg 717w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/7-300x241.jpg 300w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/a><\/p>\n<p><video controls=\"controls\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/video\/05.mp4\" type=\"video\/mp4\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>Your browser does not support the video tag.<\/video><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/example.png\" width=\"374\" height=\"113\" \/><\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc <span style=\"color: #000000;\"><code>clear \u0648 float<\/code><\/span> \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u062a\u0648\u062c\u0647 \u0634\u0648\u06cc\u062f \u0627\u06cc\u0646\u062c\u0627 <a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/05.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u06a9\u0644\u06cc\u06a9<\/a> \u06a9\u0646\u06cc\u062f\u061b <span style=\"color: #000000;\">\u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u0627\u062f\u06cc\u0631 float , clear \u062f\u0631 \u0647\u0631 \u0628\u0644\u0627\u06a9 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2378\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/8.jpg\" alt=\"\" width=\"717\" height=\"526\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/8.jpg 717w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/8-300x220.jpg 300w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0627\u064f\u0648\u0650\u0631\u0641\u0644\u0648\u00a0 overflow<\/span><\/h3>\n<p style=\"text-align: justify;\">\u0648\u06cc\u0698\u06af\u06cc <code>overflow<\/code> \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 \u0645\u0631\u0632\u0647\u0627\u06cc \u0627\u0650\u0644\u0645\u0646\u062a \u062e\u0627\u0631\u062c \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0631\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f \u06cc\u0627 \u062e\u06cc\u0631\u061f \u0647\u0645\u0686\u0646\u06cc\u0646 \u0686\u06af\u0648\u0646\u06af\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0631\u0627 \u0646\u06cc\u0632 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p class=\"tip\" style=\"text-align: justify;\">\u0646\u06a9\u062a\u0647:<br \/>\n\u0641\u0642\u0637 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 \u0646\u0648\u0639 <a href=\"https:\/\/zoghismh.ir\/web\/part7\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0628\u0644\u0627\u06a9<\/a> \u0647\u0633\u062a\u0646\u062f \u0645\u062d\u062a\u0648\u0627\u06cc\u0634\u0627\u0646 \u0633\u0631 \u0631\u06cc\u0632 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062d\u0627\u0644\u062a \u0639\u0627\u062f\u06cc \u0627\u06af\u0631 \u0627\u0650\u0644\u0645\u0646\u062a\u06cc <strong>\u067e\u0647\u0646\u0627 \u0648 \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f<\/strong> \u0628\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0648 \u0628\u0632\u0631\u06af \u0634\u062f\u0646 \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646\u060c \u0627\u0650\u0644\u0645\u0646\u062a \u0646\u06cc\u0632 \u062f\u0631 \u062c\u0647\u062a \u0627\u0631\u062a\u0641\u0627\u0639 \u0648 \u067e\u0647\u0646\u0627 \u06af\u0633\u062a\u0631\u0634 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.<br \/>\n\u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a \u0645\u062d\u062a\u0648\u0627\u06cc \u0639\u0646\u0635\u0631 <strong>\u062f\u0686\u0627\u0631 \u0627\u064f\u0648\u0641\u0644\u0648 (\u0633\u064e\u0631 \u0631\u06cc\u0632) \u0646\u062e\u0648\u0627\u0647\u062f \u0634\u062f<\/strong>.<\/p>\n<p style=\"text-align: justify;\">\u0627\u0645\u0627 \u0627\u06af\u0631 \u062f\u0631 \u062c\u0647\u062a\u06cc (\u0686\u0647 \u0627\u0641\u0642\u06cc\u060c \u0686\u0647 \u0639\u0645\u0648\u062f\u06cc \u0648 \u0686\u0647 \u0647\u0631\u062f\u0648) \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0650\u0644\u0645\u0646\u062a \u062b\u0627\u0628\u062a \u0628\u0627\u0634\u062f\u060c \u0622\u0646 \u0632\u0645\u0627\u0646 \u0627\u06af\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0650\u0644\u0645\u0646\u062a \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u0641\u0636\u0627\u06cc \u0622\u0646 \u0628\u0627\u0634\u062f\u060c \u0645\u062d\u062a\u0648\u0627 \u062f\u0686\u0627\u0631 \u0633\u064e\u0631 \u0631\u06cc\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062a\u0639\u06cc\u06cc\u0646 \u0627\u0631\u062a\u0641\u0627\u0639 \u0648 \u067e\u0647\u0646\u0627\u06cc \u062b\u0627\u0628\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc height \u0648 width \u062a\u0639\u06cc\u06cc\u0646 \u0634\u0648\u062f\u061b<br \/>\n\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc position \u062a\u0639\u06cc\u06cc\u0646 \u0645\u062e\u062a\u0635\u0627\u062a \u0628\u0631\u0627\u06cc \u0627\u0650\u0644\u0645\u0646\u062a \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 css \u0632\u06cc\u0631 \u0628\u0627\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<pre><code class=\"line-numbers language-css\">overflow:\n   visible | hidden | scroll | auto;\n<\/code><\/pre>\n<p style=\"text-align: justify;\"><strong>visible<\/strong>:<br \/>\n\u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0628\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc <code>overflow<\/code> \u06a9\u0647 \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634\u0641\u0631\u0636 \u0627\u0633\u062a \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u064e\u0631 \u0631\u06cc\u0632 \u0634\u062f\u0647\u060c <strong>\u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f<\/strong>.<\/p>\n<p style=\"text-align: justify;\"><strong>hidden<\/strong>:<br \/>\n\u0627\u06af\u0631 \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u062a\u0639\u06cc\u06cc\u0646 \u0634\u0648\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u064e\u0631 \u0631\u06cc\u0632 \u0634\u062f\u0647 <strong>\u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f<\/strong>.<\/p>\n<p style=\"text-align: justify;\"><strong>scroll<\/strong>:<br \/>\n\u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0628\u0631\u0627\u06cc \u0627\u0650\u0644\u0645\u0646\u062a \u0627\u0633\u06a9\u0631\u0648\u0644 \u0631\u0633\u0645 \u0634\u0648\u062f \u062a\u0627 \u0645\u062d\u062a\u0648\u0627 \u062f\u0627\u062e\u0644 \u0627\u0650\u0644\u0645\u0646\u062a \u0627\u0633\u06a9\u0631\u0648\u0644 \u0634\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\"><strong>auto<\/strong>:<br \/>\n\u0632\u0645\u0627\u0646\u06cc\u06a9\u0647 \u0627\u0632 \u0645\u0642\u062f\u0627\u0631 <code>scroll<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f \u062d\u062a\u0645\u0627\u064b \u0627\u0633\u06a9\u0631\u0648\u0644 \u0631\u0648\u06cc \u0627\u0650\u0644\u0645\u0646\u062a \u0631\u0633\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f \u0686\u0647 \u0645\u062d\u062a\u0648\u0627 \u0633\u064e\u0631 \u0631\u06cc\u0632 \u06a9\u0646\u062f \u0686\u0647 \u0646\u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0627\u0645\u0627 \u0627\u06af\u0631 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0642\u0628\u0644 \u0627\u0632 \u0633\u064e\u0631 \u0631\u06cc\u0632 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0646\u0628\u0627\u0634\u062f \u0648 \u0632\u0645\u0627\u0646\u06cc\u06a9\u0647 \u0633\u064e\u0631 \u0631\u06cc\u0632 \u0635\u0648\u0631\u062a \u06af\u0631\u0641\u062a \u0627\u0633\u06a9\u0631\u0648\u0644 \u0638\u0627\u0647\u0631 \u0634\u0648\u062f\u060c \u062c\u0648\u0627\u0628 \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0645\u0642\u062f\u0627\u0631 <code>auto<\/code> \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 <strong>\u062b\u0627\u0628\u062a<\/strong> \u0628\u0631\u0627\u06cc \u067e\u0647\u0646\u0627 \u0648 \u0627\u0631\u062a\u0641\u0627\u0639 \u0622\u0646 \u062a\u0639\u06cc\u06cc\u0646 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2381\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/overflow.png\" alt=\"\" width=\"805\" height=\"852\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/overflow.png 805w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/overflow-283x300.png 283w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/overflow-768x813.png 768w\" sizes=\"auto, (max-width: 805px) 100vw, 805px\" \/><\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0627\u064f\u0648\u0641\u0644\u0648 \u0627\u0646 \u067e\u064e\u0631\u0646\u062a\u00a0 \u00a0 \u00a0 \u00a0overflow on parent<\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2382\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/9.jpg\" alt=\"\" width=\"720\" height=\"186\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/9.jpg 720w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/9-300x78.jpg 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc <span style=\"color: #000000;\"><code>overflow on parent<\/code><\/span> \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u062a\u0648\u062c\u0647 \u0634\u0648\u06cc\u062f \u0627\u06cc\u0646\u062c\u0627 <a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/06.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u06a9\u0644\u06cc\u06a9<\/a> \u06a9\u0646\u06cc\u062f\u061b<br \/>\n<span style=\"color: #000000;\">\u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u062f\u0627\u0631 overflow \u0628\u0631\u0627\u06cc parent \u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u062f\u0627\u0631 float \u0628\u0631\u0627\u06cc child \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627\u00a0 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0627\u064f\u0648\u0641\u0644\u0648 \u0627\u0646 \u0686\u0627\u06cc\u0644\u062f\u00a0 \u00a0 <\/span><span style=\"color: #000080;\">\u00a0overflow on child<\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2383\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/10.jpg\" alt=\"\" width=\"717\" height=\"293\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/10.jpg 717w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/10-300x123.jpg 300w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc <span style=\"color: #000000;\"><code>overflow on child<\/code><\/span> \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u062a\u0648\u062c\u0647 \u0634\u0648\u06cc\u062f \u0627\u06cc\u0646\u062c\u0627 <a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/07.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u06a9\u0644\u06cc\u06a9<\/a> \u06a9\u0646\u06cc\u062f\u061b<br \/>\n<span style=\"color: #000000;\">\u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u062f\u0627\u0631 overflow \u0628\u0631\u0627\u06cc green \u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u062f\u0627\u0631 float \u0628\u0631\u0627\u06cc red \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627\u00a0 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/example.png\" width=\"374\" height=\"113\" \/><\/p>\n<blockquote>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0628\u0647\u062a\u0631 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631 \u062d\u062a\u0645\u0627\u064b Source \u0622\u0646\u0647\u0627 \u0631\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<\/blockquote>\n<p>\u0645\u062b\u0627\u0644\u06f1:<\/p>\n<p style=\"text-align: justify;\"><a style=\"font-weight: 600;\" href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/08.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2384 size-full\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/11.jpg\" alt=\"\" width=\"716\" height=\"563\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/11.jpg 716w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/11-300x236.jpg 300w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/a><strong style=\"color: #555439; font-family: 'Inter var', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px;\"><span style=\"color: #ff0000;\">\u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 Source \u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f.<\/span><\/strong><\/p>\n<p>\u0645\u062b\u0627\u0644\u06f2:<\/p>\n<pre data-line=\"2\"><code class=\"line-numbers language-css\">section {\n  overflow: hidden;\n}\nimg {\n  display: block;\n  float: left;\n}<\/code><\/pre>\n<figure id=\"attachment_2385\" aria-describedby=\"caption-attachment-2385\" style=\"width: 601px\" class=\"wp-caption aligncenter\"><a style=\"font-weight: 600;\" href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/09.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2385 size-full\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/12.jpg\" alt=\"\" width=\"601\" height=\"245\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/12.jpg 601w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/12-300x122.jpg 300w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/a><figcaption id=\"caption-attachment-2385\" class=\"wp-caption-text\"><strong><span style=\"color: #ff0000;\">\u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 Source \u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f.<\/span><\/strong><\/figcaption><\/figure>\n<p>\u0645\u062b\u0627\u0644\u06f3:<\/p>\n<pre data-line=\"2,5,9\"><code class=\"line-numbers language-css\">main {\n  overflow: hidden;\n}\nsection {\n  float: left;\n  margin: 0 35px;\n}\nsection+section {\n  margin-left: 0;\n}<\/code><\/pre>\n<figure id=\"attachment_2386\" aria-describedby=\"caption-attachment-2386\" style=\"width: 690px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/10.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2386 size-full\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/13.jpg\" alt=\"\" width=\"690\" height=\"241\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/13.jpg 690w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/12\/13-300x105.jpg 300w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><\/a><figcaption id=\"caption-attachment-2386\" class=\"wp-caption-text\"><strong><span style=\"color: #ff0000;\">\u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 Source \u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f.<\/span><\/strong><\/figcaption><\/figure>\n<p><video controls=\"controls\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/video\/06.mp4\" type=\"video\/mp4\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>Your browser does not support the video tag.<\/video><\/p>\n<h4 style=\"text-align: center;\">\u062a\u0645\u0631\u06cc\u0646<\/h4>\n<p>\u0627\u06cc\u0646 <span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/example\/practice.zip\">\u0641\u0627\u06cc\u0644<\/a><\/span> \u0631\u0627 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0631\u062f\u0647 \u0648 \u0627\u0632 \u062d\u0627\u0644\u062a \u0641\u0634\u0631\u062f\u0647 \u062e\u0627\u0631\u062c \u06a9\u0646\u06cc\u062f (Extract) \u0633\u067e\u0633 \u0628\u0627 \u0646\u0648\u0634\u062a\u0646 \u06f5 \u062e\u0637 \u062f\u0631 \u0641\u0627\u06cc\u0644 <mark>style.css<\/mark> \u0622\u0646 \u0631\u0627 \u0637\u0648\u0631\u06cc \u06a9\u0627\u0645\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0646\u0646\u062f \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u0634\u0648\u062f.<\/p>\n<p><a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/img\/practice.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/09\/img\/practice.png\" alt=\"\" width=\"1148\" height=\"570\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u062f\u0645\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0641\u0635\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0631 \u0645\u0648\u0631\u062f Page Layout (\u0686\u06cc\u062f\u0645\u0627\u0646 \u0635\u0641\u062d\u0647) \u0646\u06a9\u0627\u062a\u06cc \u0631\u0627 \u0628\u06cc\u0627\u0646 \u06a9\u0646\u06cc\u0645\u061b \u06cc\u0639\u0646\u06cc \u0686\u06af\u0648\u0646\u0647 \u062c\u0647\u062a \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u0645. \u062f\u0627\u06a9\u06cc\u0648\u0645\u0646\u062a \u0641\u0650\u0644\u0648 \u062f\u0627\u06cc\u0631\u06a9\u0634\u0646\u00a0 Document Flow Direction \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0645\u0637\u0627\u0644\u0628 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0646\u062d\u0648\u0647 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a: block (\u0632\u06cc\u0631 \u0647\u0645 \u0632\u06cc\u0631 \u0647\u0645) inline (\u062f\u0631 \u06cc\u06a9\u200c\u062e\u0637 \u067e\u0634\u062a \u0633\u0631 \u0647\u0645) &hellip;<\/p>\n","protected":false},"author":1,"featured_media":2394,"parent":756,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-cover.php","meta":{"footnotes":""},"class_list":["post-2336","page","type-page","status-publish","has-post-thumbnail","hentry","entry entry-center"],"_links":{"self":[{"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/2336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2336"}],"version-history":[{"count":66,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/2336\/revisions"}],"predecessor-version":[{"id":4112,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/2336\/revisions\/4112"}],"up":[{"embeddable":true,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/media\/2394"}],"wp:attachment":[{"href":"https:\/\/zoghismh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}