{"id":1443,"date":"2020-10-27T08:48:39","date_gmt":"2020-10-27T05:18:39","guid":{"rendered":"https:\/\/zoghismh.ir\/?page_id=1443"},"modified":"2025-11-13T08:52:25","modified_gmt":"2025-11-13T05:22:25","slug":"part4","status":"publish","type":"page","link":"https:\/\/zoghismh.ir\/?page_id=1443","title":{"rendered":"\u06f4- \u0646\u0648\u0634\u062a\u0647"},"content":{"rendered":"<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0645\u0642\u062f\u0645\u0647<\/span><\/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:<br \/>\n\u06f1- \u062a\u0650\u06a9\u0633 <strong>Text <\/strong>\u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f <strong>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0641\u0648\u0646\u062a \u062f\u0644\u062e\u0648\u0627\u0647 \u0648 . . .<br \/>\n<\/strong>\u06f2- <strong>\u0631\u0648\u0634 \u062f\u0648\u0645 \u0646\u0648\u0634\u062a\u0646 css<\/strong> \u06cc\u0639\u0646\u06cc <strong>\u0627\u06cc\u0646\u062a\u0631\u0646\u0627\u0644 Internal<\/strong> \u06af\u0641\u062a\u06af\u0648 \u06a9\u0646\u06cc\u0645.<br \/>\n\u0628\u0647 \u062f\u0644\u06cc\u0644 \u0627\u0647\u0645\u06cc\u062a \u0646\u0648\u0634\u062a\u0646 css \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u06cc\u0646\u062a\u0631\u0646\u0627\u0644 \u0628\u062d\u062b \u0631\u0627 \u0628\u0627 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n<h4 dir=\"ltr\" style=\"text-align: center;\"><span style=\"color: #000080;\">Internal <\/span><span style=\"color: #000080;\">CSS\u00a0 \u00a0 \u00a0\u0627\u06cc\u0646\u062a\u0631\u0646\u0627\u0644 \u0633\u06cc\u200c\u0627\u0633\u200c\u0627\u0633<\/span><\/h4>\n<p style=\"text-align: justify;\">\u0631\u0648\u0634 \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 css \u0628\u0647 \u0635\u0648\u0631\u062a Internal \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 <strong>\u0628\u062e\u0634 head \u0641\u0627\u06cc\u0644\u060c<\/strong> \u062f\u0633\u062a\u0648\u0631\u0627\u062a css \u0646\u0648\u0634\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0645\u0632\u06cc\u062a \u0627\u06cc\u0646 \u0631\u0648\u0634\u060c \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627\u0639\u062b \u062e\u0644\u0627\u0635\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0648\u06cc\u0698\u06af\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0646\u06af (color) \u06cc\u0627 \u0647\u0631 \u0645\u0648\u0631\u062f \u062f\u06cc\u06af\u0631\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u062a\u0646\u0647\u0627 \u06cc\u06a9\u200c\u062c\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u0645!<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/css_types.jpg\" width=\"800\" height=\"594\" \/><\/p>\n<h4 style=\"text-align: center;\"><strong><span style=\"color: #000080;\"><br \/>\n\u0631\u0648\u0644 \u0633\u06cc\u200c\u0627\u0633\u200c\u0627\u0633\u00a0 \u00a0 \u00a0CSS Rule<\/span><\/strong><\/h4>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/css_rule.png\" width=\"1234\" height=\"400\" \/>\u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 <strong>\u0642\u0627\u0646\u0648\u0646 \u06a9\u0644\u06cc \u0646\u0648\u0634\u062a\u0646 css<\/strong> \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.<br \/>\n\u0647\u0645\u0627\u0646\u200c\u0637\u0648\u0631 \u06a9\u0647 \u0645\u0644\u0627\u062d\u0638\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u0627\u0632 \u062f\u0648 \u0642\u0633\u0645\u062a \u0627\u0635\u0644\u06cc \u06cc\u0639\u0646\u06cc <strong>selector<\/strong> \u0648 <strong>declaration<\/strong> \u062a\u0634\u06a9\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p style=\"text-align: justify;\">\u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f selector \u0647\u0627 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0627\u0645\u0644\u200c\u062a\u0631\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0642\u0633\u0645\u062a declaration\u060c \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u0645\u0642\u062f\u0627\u0631\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u062a\u063a\u06cc\u06cc\u0631 \u06a9\u0646\u062f \u0631\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.<\/p>\n<p>\u0645\u062b\u0627\u0644: \u0628\u0647 \u062e\u0637\u0648\u0637 \u0634\u0645\u0627\u0631\u0647 \u06f6 \u0627\u0644\u06cc \u06f1\u06f5 \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<pre data-line=\"6-15\"><code class=\"line-numbers language-html\">&lt;!DOCTYPE html&gt;\n&lt;html dir=\"rtl\"&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;title&gt;\u0627\u06a9\u0628\u0631 \u0645\u0631\u0627\u062f\u06cc&lt;\/title&gt;\n    &lt;style&gt;\n        h1 {\n          color:#c65ffe;\n          background-color:#ffe45f;\n        }\n        p {\n          color:#8161fe;\n          background-color:#ffbc5f;\n        }\n    &lt;\/style&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;\u06a9\u0647\u06a9\u0634\u0627\u0646 \u0631\u0627\u0647 \u0634\u06cc\u0631\u06cc&lt;\/h1&gt;\n    &lt;h3&gt;\u0645\u0646\u0638\u0648\u0645\u0647 \u0634\u0645\u0633\u06cc&lt;\/h3&gt;\n    &lt;p&gt;\u062a\u06cc\u0631&lt;\/p&gt;\n    &lt;p&gt;\u0646\u0627\u0647\u06cc\u062f&lt;\/p&gt;\n    &lt;p&gt;\u0632\u0645\u06cc\u0646&lt;\/p&gt;\n    &lt;p&gt;\u0628\u0647\u0631\u0627\u0645&lt;\/p&gt;\n    &lt;p&gt;\u0647\u0631\u0645\u0632&lt;\/p&gt;\n    &lt;p&gt;\u06a9\u06cc\u0648\u0627\u0646&lt;\/p&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/03\/img\/p3.png\" width=\"538\" height=\"574\" \/><\/p>\n<p style=\"text-align: justify;\">\u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0645\u062a\u0648\u062c\u0647 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u0628\u0647 \u062c\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0627\u0632 Inline \u060c CSS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u0648 background-color \u0647\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f! \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 Internal \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u0645.<\/p>\n<p class=\"tip\" style=\"text-align: justify;\">\u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0646\u06a9\u062a\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f \u062d\u062c\u0645 \u0641\u0627\u06cc\u0644 \u0627\u0633\u062a!<br \/>\n\u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u0627 \u06a9\u0647 \u0637\u0631\u0627\u062d \u0647\u0645\u06cc\u0634\u0647 \u0628\u0627\u06cc\u062f \u0633\u0639\u06cc \u06a9\u0646\u062f \u062f\u0631 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc css \u060c\u200chtml , &#8230; \u062d\u062a\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0648\u06cc\u062f\u0626\u0648\u0647\u0627 \u062d\u062c\u0645 \u0631\u0627 \u06a9\u0645 \u06a9\u0646\u062f \u062a\u0627 \u0645\u062e\u0627\u0637\u0628 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0628\u062a\u0648\u0627\u0646\u062f \u0627\u0632 \u0622\u0646 \u0628\u0647\u0631\u0645\u0646\u062f \u0634\u0648\u062f.<\/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><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/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>Your browser does not support the video tag.<\/video><\/p>\n<h4 style=\"text-align: center;\"><strong><span style=\"color: #000080;\">\u00a0\u0641\u0648\u0646\u062a<\/span><\/strong><\/h4>\n<p><a href=\"https:\/\/zoghismh.ir\/blog\/introducing-5-families-fonts\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1505\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/Font.jpg\" alt=\"\" width=\"800\" height=\"600\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/Font.jpg 800w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/Font-300x225.jpg 300w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/Font-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u062e\u062a \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u0645\u0628\u062d\u062b \u0627\u0646\u0648\u0627\u0639 \u0641\u0648\u0646\u062a\u200c \u0627\u0628\u062a\u062f\u0627 \u062f\u0648 \u0645\u0642\u0627\u0644\u0647\u200c\u06cc<br \/>\n&#8220;<a href=\"https:\/\/zoghismh.ir\/?p=1502\" target=\"_blank\" rel=\"noopener noreferrer\">\u0645\u0639\u0631\u0641\u06cc \u06f5 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0641\u0648\u0646\u062a\u200c \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc<\/a>&#8220;\u0648 &#8220;<a href=\"https:\/\/behnudi.ir\/?p=1249\" target=\"_blank\" rel=\"noopener\">\u0631\u0648\u0627\u0646\u0634\u0646\u0627\u0633\u06cc \u0641\u0648\u0646\u062a<\/a>&#8221; \u0631\u0627 \u0645\u0637\u0627\u0644\u0639\u0647 \u06a9\u0631\u062f\u0647\u060c \u0633\u067e\u0633 \u0627\u062f\u0627\u0645\u0647 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f.<\/p>\n<hr \/>\n<h3 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062f\u06cc\u0641\u0627\u06cc\u0646 \u0641\u0648\u0646\u062a\u00a0 \u00a0 Define Font<\/span><\/h3>\n<p style=\"text-align: justify;\"><strong>\u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0641\u0648\u0646\u062a \u062f\u0631 css \u0628\u0627\u06cc\u062f \u0627\u0632 \u0645\u062f\u0644 Internal \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f<\/strong>\u061b<br \/>\n\u0633\u0627\u062e\u062a\u0627\u0631 \u06a9\u0644\u06cc \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<pre><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: \u062a\u0639\u06cc\u06cc\u0646 \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631;\n   src: url(\u0622\u062f\u0631\u0633 \u0648 \u0646\u0627\u0645 \u0641\u0627\u06cc\u0644 \u0641\u0648\u0646\u062a);\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u0628\u0639\u062f \u0627\u0632 \u062a\u06af style \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #3366ff;\">font-face@<\/span><\/strong> \u0631\u0627 \u0646\u0648\u0634\u062a\u0647 \u0648 \u0639\u0644\u0627\u0645\u062a \u0622\u06a9\u0648\u0644\u0627\u062f <span style=\"color: #3366ff;\">} <\/span>\u0628\u0627\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0633\u067e\u0633 \u062f\u0631 \u062e\u0637 \u062f\u06cc\u06af\u0631 \u0639\u0628\u0627\u0631\u062a <span style=\"color: #3366ff;\"><strong>font-family<\/strong><\/span> \u0631\u0627 \u0646\u0648\u0634\u062a\u0647 \u0648 \u062f\u0631 \u0627\u0646\u062a\u0647\u0627\u06cc \u0622\u0646 \u0639\u0644\u0627\u0645\u062a \u062f\u0648 \u0646\u0642\u0637\u0647 <span style=\"color: #3366ff;\">:<\/span> (colon) \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u06cc\u0645.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1551\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/colon.jpg\" alt=\"\" width=\"182\" height=\"96\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/colon.jpg 152w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/colon-150x80.jpg 150w\" sizes=\"auto, (max-width: 182px) 100vw, 182px\" \/>\u062d\u0627\u0644 \u0628\u0627\u06cc\u062f \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631\u06cc \u0628\u0631\u0627\u06cc \u0641\u0648\u0646\u062a\u200c\u062a\u0627\u0646 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f\u061b \u0627\u06cc\u0646 \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631 \u0686\u06cc\u0632\u06cc \u0628\u0627\u0634\u062f.<br \/>\n\u0633\u0650\u0645\u06cc \u06a9\u0627\u0644\u0648\u0646 <span style=\"color: #3366ff;\">;<\/span> (semi-colon) \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646 \u062e\u0637 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u0634\u0648\u062f!<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1550 aligncenter\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/semi-colon.jpg\" alt=\"\" width=\"179\" height=\"102\" \/><\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062e\u0637 \u0628\u0639\u062f \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #3366ff;\">src<\/span><\/strong> \u06a9\u0647 \u0645\u062e\u0641 \u06a9\u0644\u0645\u0647 source \u0627\u0633\u062a \u0631\u0627 \u0646\u0648\u0634\u062a\u0647 \u0648 \u0628\u0639\u062f \u0627\u0632 \u0622\u0646 \u0639\u0644\u0627\u0645\u062a : \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.<br \/>\n\u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #3366ff;\">url<\/span><\/strong> \u06a9\u0647 \u0645\u062e\u0641\u0641 \u06a9\u0644\u0645\u0647 Uniform Resource Locator \u0627\u0633\u062a \u0631\u0627 \u0646\u0648\u0634\u062a\u0647 \u0648 \u062f\u0631 \u062f\u0627\u062e\u0644 \u067e\u0631\u0627\u0646\u062a\u0632 (\u0622\u062f\u0631\u0633 \u0648 \u0646\u0627\u0645 \u0641\u0627\u06cc\u0644 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0641\u0631\u0645\u062a) \u0631\u0627 \u0645\u06cc\u200c\u0646\u0648\u06cc\u0633\u06cc\u0645.<\/p>\n<p style=\"text-align: justify;\"><strong><span style=\"color: #3366ff;\"><span style=\"color: #000000;\">\u0627\u0646\u0648\u0627\u0639 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0641\u0627\u06cc\u0644 \u0641\u0648\u0646\u062a:<\/span><\/span><\/strong><\/p>\n<div class=\"tip\">TTF , OTF , WOFF , WOF2 , &#8230;<\/div>\n<div style=\"text-align: justify;\">\u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0648\u0646\u062a \u062f\u0631 \u0648\u0628 \u0627\u0632 \u0641\u0631\u0645\u062a woff \u06cc\u0627 woff2 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/div>\n<pre><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631 \u0631\u0627 vazir \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u0645\u060c \u0648 \u0686\u0648\u0646 \u0641\u0627\u06cc\u0644 \u0641\u0648\u0646\u062a \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0641\u0627\u06cc\u0644 html \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f \u062a\u0646\u0647\u0627 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u0646\u0627\u0645 \u0648 \u0641\u0631\u0645\u062a \u0622\u0646 \u0631\u0627 \u062f\u0642\u06cc\u0642 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645.<\/p>\n<blockquote><p>\u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u0646\u0627\u0645 \u0641\u0648\u0646\u062a \u0628\u0627 <strong>V<\/strong> \u0628\u0632\u0631\u06af (capital) \u0634\u0631\u0648\u0639 \u0634\u062f\u0647 \u0627\u0633\u062a!<\/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><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/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>Your browser does not support the video tag.<\/video><\/p>\n<h4 style=\"text-align: center;\">\u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f!<\/h4>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/font\/Vazir.woff\">\u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631<\/a>\u00a0\u0648\u00a0<a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/font\/Lalezar-Regular.woff\">\u0641\u0648\u0646\u062a \u0644\u0627\u0644\u0647\u200c\u0632\u0627\u0631<\/a> \u0631\u0627 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0631 \u067e\u0648\u0634\u0647 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u06cc\u0646 \u062c\u0644\u0633\u0647 (04) \u0628\u0631 \u0631\u0648\u06cc \u0633\u0650\u0631\u0648\u0631 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/fonts.jpg\" width=\"899\" height=\"688\" \/><\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u06cc\u0648\u0632\u06cc\u0646\u06af \u0641\u0648\u0646\u062a\u00a0 \u00a0 \u00a0 Using Fonts<\/span><\/h4>\n<p style=\"text-align: justify;\">\u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0648\u0646\u062a<br \/>\n\u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f:<br \/>\n\u0639\u0628\u0627\u0631\u062a\u06cc \u0631\u0627 \u062f\u0631 \u062a\u06af p \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u0645 \u062d\u0627\u0644\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0641\u0648\u0646\u062a \u0622\u0646 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 <a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/font\/Vazir.woff\">\u0648\u0632\u06cc\u0631<\/a> \u0634\u0648\u062f!<br \/>\n\u062f\u0631 \u062e\u0637\u0648\u0637 \u06f6 \u0627\u0644\u06cc \u06f8 \u0641\u0648\u0646\u062a \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645.<\/p>\n<pre data-line=\"6-8\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u062f\u0631 \u062e\u0637 \u06f6 \u0627\u0628\u062a\u062f\u0627 selector \u0631\u0627 \u0645\u06cc\u200c\u0646\u0648\u06cc\u0633\u06cc\u0645\u061b<br \/>\n\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u0639\u0646\u06cc p<\/p>\n<p style=\"text-align: justify;\">\u0633\u067e\u0633 \u062f\u0631 \u062e\u0637 \u06f7 \u0646\u0627\u0645 \u06cc\u0627 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0641\u0648\u0646\u062a \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<br \/>\n\u06cc\u0639\u0646\u06cc \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #3366ff;\">font-family<\/span><\/strong> \u0631\u0627 \u0646\u0648\u0634\u062a\u0647 \u0648 \u0628\u0639\u062f \u0627\u0632 \u0622\u0646 : \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0648 \u0647\u0645\u0627\u0646 \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631\u06cc \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f\u0647 \u0628\u0648\u062f\u06cc\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u062a\u0627\u06cc\u067e \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0639\u062f \u0627\u0632 \u0622\u0646 , (comma) \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0648 <a href=\"https:\/\/zoghismh.ir\/blog\/introducing-5-families-fonts\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0641\u0648\u0646\u062a<\/a> \u0628\u0647 \u06a9\u0627\u0631 \u0631\u0641\u062a\u0647 \u0631\u0627 \u0645\u06cc\u200c\u0646\u0648\u06cc\u0633\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0627\u0632 \u0641\u0648\u0646\u062a \u062e\u0627\u0646\u0648\u0627\u062f\u0647 sans-serif \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/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><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/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>Your browser does not support the video tag.<\/video><\/p>\n<hr \/>\n<h5 style=\"text-align: right;\"><span style=\"color: #ff0000;\">\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0631\u0627\u06cc \u0641\u0648\u0646\u062a \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u0645. \u0645\u0627\u0646\u0646\u062f:<\/span><\/h5>\n<p style=\"text-align: center;\">Size , Weight , Style , Decoration , Direction , Alignment<br \/>\nLine Height , Indentation<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0633\u0627\u06cc\u0632\u00a0 \u00a0Size<\/span><\/h4>\n<pre data-line=\"8\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc <strong><span style=\"color: #000080;\">font-size<\/span><\/strong> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 <strong>\u0627\u0646\u062f\u0627\u0632\u0647 \u0646\u0648\u0634\u062a\u0647<\/strong> \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u0645.<br \/>\n\u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0641\u0639\u0644\u0627\u064b \u0628\u0627 \u062f\u0648 \u0646\u0648\u0639 \u0627\u0632 \u0622\u0646\u0647\u0627 \u0622\u0634\u0646\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0634\u062f\u061b \u0628\u0642\u06cc\u0647 \u0648\u0627\u062d\u062f\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0627\u0646 \u0634\u0627\u0621\u0627\u0644\u0644\u0647 \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u062e\u0637 \u06f8 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u0628\u0639\u062f \u0627\u0632 \u0639\u062f\u062f \u06f2\u06f0 \u0639\u0628\u0627\u0631\u062a <strong style=\"color: #f00;\">px<\/strong> \u060c \u0645\u062e\u0641\u0641 <strong>Pixel<\/strong> \u0627\u0633\u062a \u06cc\u06a9\u06cc \u0627\u0632 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u06af\u06cc\u0631\u06cc \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u06a9\u0647 <strong>\u0645\u0639\u0627\u062f\u0644 \u06cc\u06a9 dot \u062f\u0631 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 \u0627\u0633\u062a<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1579\" src=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/pixel-300x225.jpg\" alt=\"\" width=\"300\" height=\"225\" srcset=\"https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/pixel-300x225.jpg 300w, https:\/\/zoghismh.ir\/wp-content\/uploads\/2020\/10\/pixel.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\u0648\u0627\u062d\u062f \u062f\u06cc\u06af\u0631 \u06a9\u0647 \u0628\u0627 \u0639\u0644\u0627\u0645\u062a <strong style=\"color: #f00;\">%<\/strong> \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u06cc\u0639\u0646\u06cc <strong>Percent<\/strong> \u0628\u0647\u00a0 \u0645\u0639\u0646\u06cc \u0646\u0633\u0628\u062a \u0627\u0633\u062a\u061b<br \/>\n\u06a9\u0647 \u0628\u0631 \u0627\u0633\u0627\u0633 \u067e\u064e\u0631\u0650\u0646\u062a parent (\u0648\u0627\u0644\u062f) \u062a\u06af\u06cc\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0645\u0642\u062f\u0627\u0631 \u0622\u0646 \u0631\u0627 \u0628\u0631 \u062d\u0633\u0628 \u062f\u0631\u0635\u062f \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0631\u0648\u0634\u0646 \u0634\u062f\u0646 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u062f\u0631 \u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647 \u062a\u0648\u0636\u06cc\u062d \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f.<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0648\u0650\u06cc\u062a\u00a0 \u00a0 \u00a0Weight<\/span><\/h4>\n<pre data-line=\"9\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n    font-weight: bold;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062e\u0637 \u06f9 \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #000080;\">font-weight<\/span><\/strong> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0642\u0627\u062f\u06cc\u0631 normal , <strong>bold<\/strong> , &#8230;\u00a0 \u0628\u06af\u06cc\u0631\u062f\u061b \u0628\u0627\u00a0\u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f <strong>\u0648\u0632\u0646 \u0641\u0648\u0646\u062a (\u0636\u062e\u0627\u0645\u062a \u06cc\u0627 \u06a9\u064f\u0644\u064f\u0641\u062a\u06cc)<\/strong> \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0627\u0650\u0633\u062a\u0627\u06cc\u0644\u00a0 \u00a0 Style<\/span><\/h4>\n<pre data-line=\"10\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n    font-weight: bold;\n    font-style: italic;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062e\u0637 \u06f1\u06f0 \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #000080;\">font-style<\/span><\/strong> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0642\u0627\u062f\u06cc\u0631 normal , <em>italic<\/em> , &#8230;\u00a0 \u0628\u06af\u06cc\u0631\u062f\u061b \u0628\u0627 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f <strong>\u0633\u0628\u06a9 \u0646\u0648\u0634\u062a\u0647<\/strong> \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062f\u06cc\u06a9\u0648\u0631\u06cc\u0634\u0646\u00a0 \u00a0Decoration<\/span><\/h4>\n<pre data-line=\"11\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n    font-weight: bold;\n    font-style: italic;\n    text-decoration: underline;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062e\u0637 \u06f1\u06f1 \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #000080;\">text-decoration<\/span><\/strong> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0642\u0627\u062f\u06cc\u0631 <abbr title=\"\u062e\u0637 \u0632\u06cc\u0631\"><mark>underline<\/mark><\/abbr> , <abbr title=\"\u062e\u0637 \u0628\u0627\u0644\u0627\"><mark>overline<\/mark><\/abbr> , <abbr title=\"\u062e\u0637 \u0627\u0632 \u0645\u06cc\u0627\u0646\"><mark>line-through<\/mark><\/abbr> , <abbr title=\"\u0647\u06cc\u0686\"><mark>none<\/mark><\/abbr> \u0628\u06af\u06cc\u0631\u062f\u061b \u0628\u0627 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f <strong>\u062a\u0632\u06cc\u06cc\u0646 \u0641\u0648\u0646\u062a<\/strong> \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0628\u0647\u062a\u0631 \u0647\u0631 \u0645\u0648\u0631\u062f\u060c \u062e\u0648\u062f\u062a\u0627\u0646 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u0645\u06cc\u0627\u0641\u062a\u062f\u061b none \u0631\u0627 \u062f\u0631 \u0628\u062d\u062b \u0644\u06cc\u0646\u06a9 (link) \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0645\u062a\u0648\u062c\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f.<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062f\u0627\u06cc\u0631\u06a9\u0634\u0646\u00a0 \u00a0 \u00a0<\/span><a href=\"https:\/\/zoghismh.ir\/blog\/direction\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color: #000080;\">Direction<\/span><\/a><\/h4>\n<pre data-line=\"9\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n    direction:rtl;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062e\u0637 \u06f9 \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #000080;\">direction<\/span><\/strong> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0642\u0627\u062f\u06cc\u0631 <strong><abbr title=\"\u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e\"><mark>rtl<\/mark><\/abbr><\/strong> , <strong><abbr title=\"\u0686\u067e \u0628\u0647 \u0631\u0627\u0633\u062a\"><mark>ltr<\/mark><\/abbr><\/strong> \u0628\u06af\u06cc\u0631\u062f\u061b \u0628\u0627 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f <strong>\u062c\u0647\u062a \u0646\u0648\u0634\u062a\u0647<\/strong> \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0627\u064e\u0644\u0627\u06cc\u0645\u0650\u0646\u062a\u00a0 \u00a0 Alignment<\/span><\/h4>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-1579\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/paragraph-align.jpg\" alt=\"\" \/><\/p>\n<p style=\"text-align: justify;\">\u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u062a\u0635\u0648\u06cc\u0631 \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a <abbr title=\"\u062d\u0627\u0644\u062a \u0645\u0631\u062a\u0628 \u0633\u0627\u0632\u06cc \u062f\u0648 \u0637\u0631\u0641\u0647\"><mark>Justify<\/mark><\/abbr> , <abbr title=\"\u0648\u0633\u0637\"><mark>Center<\/mark><\/abbr> , <abbr title=\"\u0631\u0627\u0633\u062a\"><mark>Right<\/mark><\/abbr> , <abbr title=\"\u0686\u067e\"><mark>Left<\/mark><\/abbr><br \/>\n\u062a\u0631\u0627\u0632 \u0634\u062f\u0647\u200c\u0627\u0646\u062f.<br \/>\n\u0645\u062b\u0644\u0627\u064b \u0645\u0648\u0631\u062f \u0633\u0650\u0646\u0652\u062a\u0650\u0631 (Center) \u0646\u0648\u0634\u062a\u0647 \u0631\u0627 \u0627\u0632 <strong>\u0648\u0633\u0637 \u062a\u0631\u0627\u0632 \u0648 \u0645\u0631\u062a\u0628<\/strong> \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0627\u064e\u0644\u0627\u06cc\u0645\u0650\u0646\u062a \u0645\u0646\u0627\u0633\u0628 \u062d\u0648\u0627\u0633\u200c\u062a\u0627\u0646 \u0628\u0647 \u0632\u0628\u0627\u0646 \u0646\u0648\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0633\u067e\u0633 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0622\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0645\u0631\u0628\u0648\u0637\u0647 \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f! \u06cc\u0639\u0646\u06cc \u062f\u0631 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u062a\u0631\u0627\u0632 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0627\u06cc\u062a-Right (\u0631\u0627\u0633\u062a) \u0634\u0627\u06cc\u062f \u062e\u06cc\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f!<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u062e\u0637 \u06f1\u06f0 \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #000080;\">text-align<\/span><\/strong> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u06cc\u0627\u0646 \u0634\u062f\u0647 \u062f\u0631 \u0628\u0627\u0644\u0627 \u0631\u0627 \u0628\u06af\u06cc\u0631\u062f\u061b<\/p>\n<pre data-line=\"10\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n    direction:rtl;\n    text-align: center;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0644\u0627\u06cc\u0646 \u0647\u0627\u06cc\u062a\u00a0 \u00a0 \u00a0Line Height<\/span><\/h4>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1579\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/font-size-line-height.png\" alt=\"\" width=\"522\" height=\"345\" \/><\/p>\n<p style=\"text-align: justify;\">\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0627\u0632 \u0639\u0646\u0648\u0627\u0646 \u0648 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 \u0645\u0634\u062e\u0635 \u0627\u0633\u062a \u062f\u0631 \u0645\u0648\u0631\u062f <strong>\u0627\u0631\u062a\u0641\u0627\u0639 \u062e\u0637<\/strong> \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0646\u06a9\u0627\u062a\u06cc \u0631\u0627 \u0628\u06cc\u0627\u0646 \u06a9\u0646\u06cc\u0645.<\/p>\n<hr \/>\n<pre data-line=\"10\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n    direction:rtl;\n    text-align: center;\n    line-height: 1.5;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p style=\"text-align: justify;\">\u06a9\u0627\u0631\u0628\u0631\u062f \u0627\u0635\u0644\u06cc \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u062f\u0631 \u062a\u0639\u06cc\u06cc\u0646 \u0627\u0631\u062a\u0641\u0627\u0639 \u062e\u0637\u0648\u0637 \u0627\u0633\u062a. \u0648 \u0632\u0645\u0627\u0646\u06cc\u06a9\u0647 \u0635\u062d\u0628\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0631\u062a\u0641\u0627\u0639 \u062e\u0637\u0648\u0637 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0637\u0628\u06cc\u0639\u062a\u0627\u064b \u0645\u0627 \u0628\u0627 \u0639\u0646\u0627\u0635\u0631 \u0645\u062a\u0646\u06cc \u0645\u0627\u0646\u0646\u062f \u062a\u06af\u200c\u0647\u0627\u06cc h1 &#8211; h6 , p , &#8230; \u0633\u0631 \u0648 \u06a9\u0627\u0631 \u062f\u0627\u0631\u06cc\u0645.<br \/>\n\u062a\u0639\u06cc\u06cc\u0646 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0647 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u0637\u0627\u0644\u0628 \u062f\u0631 \u0633\u0627\u06cc\u062a \u062a\u0627\u062b\u06cc\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f.<br \/>\n\u062f\u0631 \u062e\u0637 \u06f1\u06f1 \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #000080;\">line-height<\/span><\/strong> \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u06f1.\u06f5 \u0628\u0631\u0627\u0628\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0627\u06cc\u0646\u200c\u062f\u0650\u0646\u062a\u06cc\u0634\u0646\u00a0 \u00a0 \u00a0<\/span><span style=\"color: #000080;\">Indentation <\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1579\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/Indentation.png\" alt=\"\" width=\"545\" height=\"213\" \/><\/h4>\n<p style=\"text-align: justify;\">\u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 \u0645\u06cc\u0632\u0627\u0646 <strong>\u062a\u0648 \u0631\u0641\u062a\u06af\u06cc<\/strong> \u062f\u0631 \u0627\u0628\u062a\u062f\u0627\u06cc \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0631\u0627 indentation \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f.<\/p>\n<pre data-line=\"10\"><code class=\"line-numbers language-html\">&lt;style&gt;\n   @font-face {\n   font-family: vazir;\n   src: url(Vazir.woff);\n   }\n   p {\n    font-family: vazir, sans-serif;\n    font-size: 20px;\n    direction:rtl;\n    text-align: right;\n    text-indent: 50px;\n   }\n&lt;\/style&gt;<\/code><\/pre>\n<p>\u062f\u0631 \u062e\u0637 \u06f1\u06f1 \u0639\u0628\u0627\u0631\u062a <strong><span style=\"color: #000080;\">text-indent<\/span><\/strong> \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u06a9\u0647 50px \u062f\u0627\u062f\u0647 \u0627\u06cc\u0645\u061b \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u0627 \u06a9\u0647 \u062e\u0637 \u0627\u0648\u0644 \u0627\u06cc\u0646 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0627\u0632 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0628\u0627 \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u062a\u0648 \u0631\u0641\u062a\u06af\u06cc \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f.<br \/>\n\u0645\u0642\u062f\u0627\u0631 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 <strong>px<\/strong> \u06cc\u0627 <strong>%<\/strong> \u0628\u062f\u0647\u06cc\u062f.<\/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><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/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>Your browser does not support the video tag.<\/video><\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062a\u0645\u0631\u06cc\u0646 \u06f1<\/span><\/h4>\n<p style=\"text-align: center;\"><span style=\"color: #ff0000;\"><strong>* * \u06cc\u0627\u062f\u062a\u0627\u0646 \u0628\u0627\u0634\u062f \u0627\u0632 css \u0628\u0647 \u0631\u0648\u0634 Internal \u0628\u0627\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f * *<\/strong><\/span><\/p>\n<ol>\n<li style=\"text-align: justify;\">\u0641\u0627\u06cc\u0644 html \u062a\u0645\u0631\u06cc\u0646 \u0642\u0628\u0644 \u0631\u0627 <a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/practice\/p1.html\" download=\"\">\u062f\u0627\u0646\u0644\u0648\u062f<\/a> \u06a9\u0646\u06cc\u062f.<\/li>\n<li style=\"text-align: justify;\">\u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc css \u0622\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u06a9\u0647 \u0645\u0627\u0646\u0646\u062f <a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/p1.png\" target=\"_blank\" rel=\"noopener noreferrer\">\u0646\u0645\u0648\u0646\u0647<\/a> \u0634\u0648\u062f:\n<ol>\n<li>\u0641\u0648\u0646\u062a &#8221; \u06a9\u0647\u06a9\u0634\u0627\u0646 \u0631\u0627\u0647 \u0634\u06cc\u0631\u06cc &#8221; \u0644\u0627\u0644\u0647\u200c\u0632\u0627\u0631 \u0628\u0627\u0634\u062f\u060c \u0627\u0646\u062f\u0627\u0632\u0647 \u0622\u0646 \u0631\u0627 \u06f6\u06f0\u067e\u06cc\u06a9\u0633\u0644 \u0648 \u0622\u0646 \u0631\u0627 \u0648\u0633\u0637\u200c\u0686\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0641\u0648\u0646\u062a \u0628\u0642\u06cc\u0647 \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u0631\u0627 \u0648\u0632\u06cc\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u062e\u0637\u06cc \u0632\u06cc\u0631 \u0639\u0628\u0627\u0631\u062a \u0645\u0646\u0638\u0648\u0645\u0647 \u0634\u0645\u0633\u06cc \u0628\u06a9\u0634\u06cc\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0622\u0646 \u0631\u0627 \u06f3\u06f0\u067e\u06cc\u06a9\u0633\u0644 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f.<\/li>\n<li>\u0641\u0627\u0635\u0644\u0647 \u062e\u0637\u0648\u0637 \u0628\u0642\u06cc\u0647 \u0639\u0628\u0627\u0631\u0627\u062a \u0631\u0627 \u06f3 \u0628\u0631\u0627\u0628\u0631 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u0647\u0645\u0686\u0646\u06cc\u0646 \u0641\u0627\u0635\u0644\u0647 \u0627\u0632 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641\u200c\u0647\u0627 \u06f5\u06f0\u067e\u06cc\u06a9\u0633\u0644 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f.<\/li>\n<\/ol>\n<\/li>\n<li style=\"text-align: justify;\">\u0622\u0646 \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 p1.html \u062f\u0631 \u067e\u0648\u0634\u0647 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u06cc\u0646 \u0641\u0635\u0644 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<hr \/>\n<h3 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0644\u06cc\u0633\u062a\u00a0 \u00a0List<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/List.png\" width=\"2443\" height=\"1251\" \/><\/p>\n<p>\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u062f\u0648 \u0646\u0648\u0639 \u0644\u06cc\u0633\u062a \u062f\u0627\u0631\u06cc\u0645\u061b<br \/>\n\u062f\u0631 Order List \u062a\u0631\u062a\u06cc\u0628 \u0645\u0647\u0645 \u0627\u0633\u062a \u0648 \u062f\u0631 Unorder List \u062a\u0631\u062a\u06cc\u0628 \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a!<\/p>\n<p>\u0644\u06cc\u0633\u062a \u062a\u0631\u062a\u06cc\u0628\u06cc \u0645\u0627\u0646\u0646\u062f \u0644\u06cc\u0633\u062a \u06a9\u0644\u0627\u0633\u06cc \u062f\u0627\u0646\u0634 \u0622\u0645\u0648\u0632\u0627\u0646 \u0648&#8230;<br \/>\n\u0644\u06cc\u0633\u062a \u063a\u06cc\u0631 \u062a\u0631\u062a\u06cc\u0628\u06cc \u0645\u0627\u0646\u0646\u062f \u0644\u06cc\u0633\u062a \u0648\u0633\u0627\u06cc\u0644 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0633\u0641\u0631 \u0648&#8230;<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645 \u0686\u0646\u062f \u0645\u062b\u0627\u0644 \u0628\u0631\u0627\u06cc \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0641\u06a9\u0631 \u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 html \u062a\u06af\u200c\u0647\u0627\u06cc\u06cc \u062f\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u062a\u0648\u0645\u0627\u062a\u06cc\u06a9 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f!<\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #e1820b;\">Order List<\/span><\/h4>\n<pre><code class=\"line-numbers language-html\">&lt;ol&gt;\n \t&lt;li&gt;\u062a\u06cc\u0631&lt;\/li&gt;\n \t&lt;li&gt;\u0646\u0627\u0647\u06cc\u062f&lt;\/li&gt;\n \t&lt;li&gt;\u0632\u0645\u06cc\u0646&lt;\/li&gt;\n \t&lt;li&gt;\u0628\u0647\u0631\u0627\u0645&lt;\/li&gt;\n \t&lt;li&gt;\u0647\u0631\u0645\u0632&lt;\/li&gt;\n \t&lt;li&gt;\u06a9\u06cc\u0648\u0627\u0646&lt;\/li&gt;\n&lt;\/ol&gt;<\/code><\/pre>\n<h4><img decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/OrderList.png\" \/><\/h4>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #e1820b;\">Unorder List<\/span><\/h4>\n<pre><code class=\"line-numbers language-html\">&lt;ul&gt;\n \t&lt;li&gt;\u062a\u06cc\u0631&lt;\/li&gt;\n \t&lt;li&gt;\u0646\u0627\u0647\u06cc\u062f&lt;\/li&gt;\n \t&lt;li&gt;\u0632\u0645\u06cc\u0646&lt;\/li&gt;\n \t&lt;li&gt;\u0628\u0647\u0631\u0627\u0645&lt;\/li&gt;\n \t&lt;li&gt;\u0647\u0631\u0645\u0632&lt;\/li&gt;\n \t&lt;li&gt;\u06a9\u06cc\u0648\u0627\u0646&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n<h4><img decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/UnorderList.png\" \/><\/h4>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #e1820b;\">List Style Type<\/span><\/h4>\n<ul style=\"list-style-type: disc;\">\n<li>disc<\/li>\n<\/ul>\n<ul style=\"list-style-type: circle;\">\n<li>circle<\/li>\n<\/ul>\n<ul style=\"list-style-type: square;\">\n<li>square<\/li>\n<\/ul>\n<ul style=\"list-style-type: decimal;\">\n<li>decimal<\/li>\n<\/ul>\n<ol style=\"list-style-type: persian;\" start=\"2 \">\n<li>persian<\/li>\n<\/ol>\n<ul style=\"list-style-type: none;\">\n<li>none<\/li>\n<\/ul>\n<pre><code class=\"line-numbers language-css\">ul{\n list-style-type: none;\n}\nol{\n  list-style-type: persian;\n}<\/code><\/pre>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #e1820b;\">List Style Position<\/span><\/h4>\n<p>outside , inside<br \/>\n<img decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/list-style-position.png\" \/><\/p>\n<pre><code class=\"line-numbers language-css\">ul{\n  list-style-position: outside;\n}\nol{\n  list-style-position: inside;\n}<\/code><\/pre>\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><source src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/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>Your browser does not support the video tag.<\/video><\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062a\u0645\u0631\u06cc\u0646 \u06f2<\/span><\/h4>\n<ol>\n<li style=\"text-align: justify;\">\u0627\u0628\u062a\u062f\u0627 \u0627\u0632 \u0641\u0627\u06cc\u0644 p1.html \u0647\u0645\u06cc\u0646 \u0641\u0635\u0644 \u06cc\u06a9 \u06a9\u067e\u06cc \u0628\u06af\u06cc\u0631\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 p2.html \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f. (\u062f\u0631 \u067e\u0648\u0634\u0647 \u0641\u0635\u0644 04)<\/li>\n<li style=\"text-align: justify;\">\u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc css \u0622\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627 \u0645\u0627\u0646\u0646\u062f \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0634\u0648\u062f!<\/li>\n<\/ol>\n<p style=\"text-align: center;\"><span style=\"color: #ff0000;\"><strong>\u00a0* * \u062a\u0648\u062c\u0647 \u0628\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a * *<\/strong><\/span><\/p>\n<p style=\"text-align: center;\">\u0645\u0627\u0646\u0646\u062f: \u0641\u0627\u0635\u0644\u0647 \u06a9\u0644\u0645\u0627\u062a \u0627\u0632 \u0633\u0645\u062a \u0631\u0627\u0633\u062a\u060c \u0646\u0648\u0639 \u0642\u0644\u0645\u060c \u0627\u0646\u062f\u0627\u0632\u0647 \u0648&#8230;<br \/>\n<a href=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/p2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter size-medium\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/04\/img\/p2.png\" \/><\/a><\/p>\n<p><a href=\"https:\/\/zoghismh.ir\/web\/part4\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/home.png\" width=\"107\" height=\"107\" \/><\/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: \u06f1- \u062a\u0650\u06a9\u0633 Text \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0641\u0648\u0646\u062a \u062f\u0644\u062e\u0648\u0627\u0647 \u0648 . . . \u06f2- \u0631\u0648\u0634 \u062f\u0648\u0645 \u0646\u0648\u0634\u062a\u0646 css \u06cc\u0639\u0646\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u0627\u0644 Internal \u06af\u0641\u062a\u06af\u0648 \u06a9\u0646\u06cc\u0645. \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0627\u0647\u0645\u06cc\u062a \u0646\u0648\u0634\u062a\u0646 css \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u06cc\u0646\u062a\u0631\u0646\u0627\u0644 \u0628\u062d\u062b \u0631\u0627 \u0628\u0627 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. Internal CSS\u00a0 \u00a0 \u00a0\u0627\u06cc\u0646\u062a\u0631\u0646\u0627\u0644 \u0633\u06cc\u200c\u0627\u0633\u200c\u0627\u0633 \u0631\u0648\u0634 \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":1459,"parent":756,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1443","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\/1443","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=1443"}],"version-history":[{"count":105,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/1443\/revisions"}],"predecessor-version":[{"id":4413,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/1443\/revisions\/4413"}],"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\/1459"}],"wp:attachment":[{"href":"https:\/\/zoghismh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}