{"id":2508,"date":"2020-12-15T15:53:52","date_gmt":"2020-12-15T12:23:52","guid":{"rendered":"https:\/\/zoghismh.ir\/?page_id=2508"},"modified":"2021-12-14T11:47:24","modified_gmt":"2021-12-14T08:17:24","slug":"part11","status":"publish","type":"page","link":"https:\/\/zoghismh.ir\/?page_id=2508","title":{"rendered":"\u06f1\u06f1- \u062c\u062f\u0648\u0644"},"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>\u062a\u06cc\u0628\u0650\u0644-<\/strong> <strong>Table <\/strong>\u06cc\u0639\u0646\u06cc <strong>\u062c\u062f\u0648\u0644<\/strong> \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0648 <strong>\u0633\u0650\u0644\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u0634\u0650\u0628\u0647 \u06a9\u0644\u0627\u0633\u06f2<\/strong> \u06a9\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0647\u0633\u062a\u0646\u062f \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645\u061b<\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062a\u06cc\u0628\u0650\u0644- Table<\/span><\/h4>\n<p style=\"text-align: justify;\">\u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0647 \u0628\u0635\u0648\u0631\u062a <strong>\u0631\u064f\u0648<\/strong> <strong>&#8211; Row <\/strong>\u06cc\u0639\u0646\u06cc <strong>\u0633\u0637\u0631 <\/strong>\u0648<br \/>\n<strong>\u06a9\u0670\u0644\u0650\u0645<\/strong>&#8211;<strong>column <\/strong>\u06cc\u0639\u0646\u06cc<strong> \u0633\u062a\u0648\u0646<\/strong>\u00a0\u062f\u0631 \u06a9\u0646\u0627\u0631 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647\u200c\u200c\u0627\u0646\u062f \u062c\u062f\u0648\u0644 \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f.<br \/>\n\u062c\u062f\u0627\u0648\u0644\u200c \u06cc\u06a9\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0648 \u062f\u0631\u06a9 \u0633\u0631\u06cc\u0639 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc html \u0648 \u0628\u0637\u0648\u0631 \u06a9\u0644\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647\u200c\u06cc \u0648\u0628 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0627\u0632 \u062c\u062f\u0648\u0644\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0627\u06cc\u06cc\u0645 \u0648 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645\u061b<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>html<\/strong><\/p>\n<pre data-line=\"7-23\"><code class=\"line-numbers language-html\">&lt;!DOCKTYPE html&gt;\n&lt;html dir=\"rtl\"&gt;\n   &lt;head&gt;\n      &lt;title&gt;table&lt;\/title&gt;\n   &lt;\/head&gt;\n&lt;body style=background:#fff;&gt;\n  &lt;table&gt;\n    &lt;tr&gt;\n      &lt;td&gt; \u062d\u0633\u06cc\u0646 &lt;\/td&gt;\n      &lt;td&gt; \u0627\u062d\u0645\u062f\u06cc &lt;\/td&gt;\n      &lt;td&gt; \u06f1\u06f9 &lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n      &lt;td&gt; \u0645\u062d\u0645\u0648\u062f &lt;\/td&gt;\n      &lt;td&gt; \u062c\u0648\u0627\u0647\u0631\u06cc &lt;\/td&gt;\n      &lt;td&gt; \u06f2\u06f0 &lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n      &lt;td&gt; \u06a9\u0645\u0627\u0644 &lt;\/td&gt;\n      &lt;td&gt; \u0631\u0648\u063a\u0646\u06cc &lt;\/td&gt;\n      &lt;td&gt; \u06f1\u06f8 &lt;\/td&gt;\n    &lt;\/tr&gt;\n   &lt;\/table&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>\u062e\u0631\u0648\u062c\u06cc \u06a9\u062f\u0647\u0627\u06cc \u0628\u0627\u0644\u0627:<\/p>\n<p><iframe style=\"height: 150px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/00.html\"><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><\/iframe><\/p>\n<hr \/>\n<h4><\/h4>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080; letter-spacing: -0.0415625em; text-align: center;\">\u0633\u06cc\u0646\u062a\u06a9\u062a\u0633 \u062a\u06cc\u0628\u0650\u0644 &#8211; Syntax a Table\u00a0<\/span><\/h4>\n<h5 style=\"text-align: right;\"><span style=\"letter-spacing: -0.0415625em; text-align: center;\">\u0633\u0627\u062e\u062a\u0627\u0631 \u062c\u062f\u0648\u0644:<\/span><\/h5>\n<p style=\"text-align: justify;\"><strong>\u062a\u06af &lt;table&gt; <\/strong><strong>\u0627\u0628\u062a\u062f\u0627 \u0648 \u0627\u0646\u062a\u0647\u0627\u06cc <\/strong>\u06cc\u06a9 <strong>\u062c\u062f\u0648\u0644<\/strong> \u062f\u0631 html \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>html<\/strong><\/p>\n<pre data-line=\"1,5\"><code class=\"line-numbers language-html\">&lt;table&gt;\n.\n.\n.\n&lt;\/table&gt;<\/code><\/pre>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0631\u064f\u0648 -\u200c Row\u00a0\u00a0<\/span><\/h4>\n<p><strong>\u062a\u06af &lt;tr&gt; <\/strong>\u0627\u0628\u062a\u062f\u0627 \u0648 \u0627\u0646\u062a\u0647\u0627\u06cc \u06cc\u06a9 <strong>\u0633\u0637\u0631 \u06cc\u0627 \u0631\u062f\u06cc\u0641 <\/strong>\u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>html<\/strong><\/p>\n<pre data-line=\"2-7\"><code class=\"line-numbers language-html\">&lt;table&gt;\n  &lt;tr&gt;\n  . . .\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n  . . .\n  &lt;\/tr&gt;\n&lt;\/table&gt;<\/code><\/pre>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0633\u0650\u0644 \u0646\u0631\u0645\u0627\u0644 &#8211;\u00a0 Cell Normal\u00a0\u00a0<\/span><\/h4>\n<p><strong>\u062a\u06af &lt;td&gt; <\/strong>\u0627\u0628\u062a\u062f\u0627 \u0648 \u0627\u0646\u062a\u0647\u0627\u06cc <strong>\u06cc\u06a9<\/strong> <strong>\u0633\u0644\u0648\u0644 \u0639\u0627\u062f\u06cc <\/strong>\u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>html<\/strong><\/p>\n<pre data-line=\"3-5,8-10\"><code class=\"line-numbers language-html\">&lt;table&gt;\n  &lt;tr&gt;\n     &lt;td&gt;\n     . . .\n     &lt;\/td&gt;\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n     &lt;td&gt;\n     . . .\n     &lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;<\/code><\/pre>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0633\u0650\u0644 \u0647\u0650\u062f\u0631 &#8211;\u00a0 Cell Header\u00a0\u00a0<\/span><\/h4>\n<p><strong>\u062a\u06af &lt;th&gt; <\/strong>\u0627\u0628\u062a\u062f\u0627 \u0648 \u0627\u0646\u062a\u0647\u0627\u06cc <strong>\u06cc\u06a9<\/strong> <strong>\u0633\u0644\u0648\u0644 \u0634\u0627\u062e\u0635 <\/strong>\u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061b<br \/>\n\u0645\u0637\u0627\u0644\u0628 \u0628\u06cc\u0646 \u0627\u06cc\u0646 \u062a\u06af \u0648\u0633\u0637 \u0686\u06cc\u0646 (center) \u0648 \u0636\u062e\u06cc\u0645 (bold) \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>html<\/strong><\/p>\n<pre data-line=\"3-5\"><code class=\"line-numbers language-html\">&lt;table&gt;\n  &lt;tr&gt;\n     &lt;th&gt;\n     . . .\n     &lt;\/th&gt;\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n     &lt;td&gt;\n     . . .\n     &lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;<\/code><\/pre>\n<h4 style=\"text-align: right;\"><strong>\u0646\u06a9\u062a\u0647 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc:<\/strong><\/h4>\n<blockquote>\n<p style=\"text-align: justify;\">\u062c\u0647\u062a \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u0645\u0644 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647\u0654 \u062f\u0631\u0633\u060c \u0627\u0628\u062a\u062f\u0627 <strong>\u062f\u0627\u062e\u0644 \u06a9\u0627\u062f\u0631 \u0622\u0646<\/strong>\u00a0<strong>\u06a9\u0644\u06cc\u06a9 \u0631\u0627\u0633\u062a<\/strong> \u06a9\u0631\u062f\u0647 \u0633\u067e\u0633 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0627 \u0645\u0631\u0648\u0631\u06af\u0631\u062a\u0627\u0646 \u0645\u0633\u06cc\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\"><strong style=\"color: red;\">\u06af\u0648\u06af\u0644 \u06a9\u0631\u0648\u0645:<\/strong><br \/>\n\u0628\u0639\u062f \u0627\u0632 \u06a9\u0644\u06cc\u06a9 \u0631\u0627\u0633\u062a \u06a9\u0631\u062f\u0646 \u06af\u0632\u06cc\u0646\u0647 <strong>View Frame Source<\/strong> \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f\u061b \u062f\u0631 \u0642\u0633\u0645\u062a <strong>Address bar<\/strong> \u0627\u0628\u062a\u062f\u0627\u06cc \u0622\u062f\u0631\u0633 \u06cc\u0639\u0646\u06cc \u0639\u0628\u0627\u0631\u062a <strong>:view-source<\/strong> \u0631\u0627 \u067e\u0627\u06a9 \u06a9\u0631\u062f\u0647 \u0648 <strong>Enter<\/strong> \u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\"><strong style=\"color: red;\">\u0641\u0627\u06cc\u0631\u0641\u0627\u06a9\u0633:<\/strong><\/p>\n<p style=\"text-align: justify;\">\u0628\u0639\u062f \u0627\u0632 \u06a9\u0644\u06cc\u06a9 \u0631\u0627\u0633\u062a \u06a9\u0631\u062f\u0646 \u06af\u0632\u06cc\u0646\u0647 <strong>This Frame &gt; Open Frame in New Tab<\/strong> \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f\u061b<\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0628\u0631\u0631\u0633\u06cc \u062f\u0631 \u0646\u062d\u0648\u0647 \u0646\u0648\u0634\u062a\u0646 CSS \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f <strong>Source<\/strong> \u0622\u0646 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/blockquote>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/example.png\" width=\"340\" height=\"103\" \/><\/h4>\n<p><iframe style=\"height: 150px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/01.html\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<hr \/>\n<h4><\/h4>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u062a\u06cc\u0628\u0650\u0644 \u0628\u0648\u0631\u062f\u0631\u00a0 &#8211;\u00a0 \u00a0Table Borders\u00a0\u00a0<\/span><\/h4>\n<h5 style=\"text-align: right;\">\u062d\u0627\u0634\u06cc\u0647 \u00a0\u062c\u062f\u0627\u0648\u0644:<\/h5>\n<p style=\"text-align: justify;\">\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631\u0627\u062a css \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062d\u0627\u0634\u06cc\u0647 \u0628\u0631\u0627\u06cc \u062c\u062f\u0648\u0644 \u0648 \u0633\u0644\u0648\u0644\u200c\u0647\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre><code class=\"line-numbers language-css\">table, th, td {\n  border: 1px solid black;\n}<\/code><\/pre>\n<p><iframe style=\"height: 150px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/02-1.html\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0628\u0648\u0631\u062f\u0631 \u06a9\u064f\u0644\u064e\u067e\u0652\u0633\u00a0 &#8211;\u00a0 \u00a0Border Collapse\u00a0\u00a0<\/span><\/h4>\n<h5 style=\"text-align: right;\">\u0641\u0631\u0648\u067e\u0627\u0634\u06cc \u00a0\u062d\u0627\u0634\u06cc\u0647:<\/h5>\n<p style=\"text-align: justify;\">\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc border-collapse \u062f\u0631 css \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062d\u0627\u0634\u06cc\u0647 \u0633\u0644\u0648\u0644\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u062c\u062f\u0648\u0644 \u0627\u062f\u063a\u0627\u0645 \u06a9\u0646\u06cc\u062f.<br \/>\n\u0645\u0642\u062f\u0627\u0631 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u0641\u0631\u0636 <strong>\u0633\u0650\u067e\u0631\u06cc\u062a\u0648\u0631- separate<\/strong> \u0627\u0633\u062a. \u06cc\u0639\u0646\u06cc \u0627\u06af\u0631 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627 \u0646\u0646\u0648\u06cc\u0633\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u0633\u0650\u067e\u0631\u06cc\u062a\u0648\u0631 \u0639\u0645\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p style=\"text-align: right;\"><strong>CSS \u062f\u0631 \u062d\u0627\u0644\u062a \u067e\u06cc\u0634\u0641\u0631\u0636:<\/strong><\/p>\n<pre><code class=\"line-numbers language-css\">table {\n  border-collapse: separate; \/* Default *\/\n}\ntable, th, td {\n  border: 1px solid black;\n}<\/code><\/pre>\n<p>\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<p><iframe style=\"height: 150px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/03.html\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p style=\"text-align: right;\"><strong>CSS \u062f\u0631 \u062d\u0627\u0644\u062a \u06a9\u064f\u0644\u064e\u067e\u0652\u0633:<\/strong><\/p>\n<pre><code class=\"line-numbers language-css\">table {\n  border-collapse: collapse;\n}\ntable, th, td {\n  border: 1px solid black;\n}<\/code><\/pre>\n<p>\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<p><iframe style=\"height: 150px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/03-1.html\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<blockquote><p>\u0646\u06a9\u062a\u0647: \u0628\u0647 \u062e\u0637\u0648\u0637 \u0627\u0637\u0631\u0627\u0641 \u062c\u062f\u0648\u0644 \u0648 \u0633\u0644\u0648\u0644\u200c\u0647\u0627\u06cc \u062f\u0631 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0628\u0627\u0644\u0627 \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f.<\/p><\/blockquote>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0628\u0648\u0631\u062f\u0631 \u0627\u0650\u0633\u0652\u067e\u0650\u06cc\u0633\u06cc\u0646\u06af\u00a0 &#8211;\u00a0 Border Spacing\u00a0\u00a0<\/span><\/h4>\n<h5 style=\"text-align: right;\">\u0641\u0636\u0627\u06cc \u00a0\u062d\u0627\u0634\u06cc\u0647:<\/h5>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0641\u0636\u0627 \u0628\u06cc\u0646 \u0633\u0644\u0648\u0644\u200c\u0647\u0627 \u062f\u0631 \u062c\u062f\u0648\u0644 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc border-spacing \u062f\u0631 css \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">\u0646\u06a9\u062a\u0647:<br \/>\n\u06cc\u0627\u062f\u062a\u0627\u0646 \u0628\u0627\u0634\u062f\u060c \u062c\u0647\u062a \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0628\u0627\u06cc\u062f \u0645\u0642\u062f\u0627\u0631 border-collapse \u0628\u0647\u00a0 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u0641\u0631\u0636 \u06cc\u0639\u0646\u06cc separate \u0628\u0627\u0634\u062f.<\/p>\n<\/blockquote>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre><code class=\"line-numbers language-css\">table {\n  border-collapse: separate;\n}\ntable, th, td {\n  border: 1px solid black;\n  border-spacing: 10px;\n}<\/code><\/pre>\n<p><iframe style=\"height: 200px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/04.html\"><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><\/iframe><\/p>\n<blockquote><p>\u0646\u06a9\u062a\u0647: \u0645\u0642\u062f\u0627\u0631 \u0648\u06cc\u0698\u06af\u06cc border-spacing \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u0641\u0631\u0636 2px \u0627\u0633\u062a.<\/p><\/blockquote>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\">\u0633\u0650\u0644 \u0628\u0648\u0631\u062f\u0631\u00a0 &#8211;\u00a0 \u00a0Cell Borders<\/span><\/h4>\n<h5 style=\"text-align: right;\">\u062d\u0627\u0634\u06cc\u0647\u200c\u0647\u0627\u06cc \u0633\u0644\u0648\u0644:<\/h5>\n<p style=\"text-align: justify;\">\u062c\u0647\u062a \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0648\u0639\u060c \u0631\u0646\u06af\u060c \u0636\u062e\u0627\u0645\u062a \u0648 &#8230; \u062f\u0631 \u062d\u0627\u0634\u06cc\u0647 \u0633\u0644\u0648\u0644\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0639\u0645\u0644 \u06a9\u0631\u062f.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/example.png\" width=\"343\" height=\"104\" \/><\/p>\n<p>\u0645\u062b\u0627\u0644\u06f1:<\/p>\n<pre><code class=\"line-numbers language-css\">table {\n  border-collapse: separate;\n  border-spacing: 10px;\n  border: 5px solid blue;\n}\nth, td {\n  border: 2px solid red;\n  width: 500px;\n}<\/code><\/pre>\n<p>\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<p><iframe style=\"height: 200px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/06.html\"><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><\/iframe><\/p>\n<p>\u0645\u062b\u0627\u0644\u06f2:<\/p>\n<pre><code class=\"line-numbers language-css\">table {\n  border-collapse: separate;\n  border-spacing: 10px;\n  border: none;\n}\nth, td {\n  border: 2px solid red;\n  border-radius: 50%;\n  width: 500px;\n}<\/code><\/pre>\n<p>\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<p><iframe style=\"height: 200px; width: 250px;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/example\/05.html\"><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><\/iframe><\/p>\n<hr \/>\n<h4 style=\"text-align: center;\"><span style=\"color: #000080;\"><strong>\u0633\u0648\u062f\u0648 \u06a9\u0650\u0644\u064e\u0633 &#8211; Pseudo Class\u00a0<\/strong><\/span><\/h4>\n<h5>\u0633\u0650\u0644\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u0634\u0650\u0628\u0647 \u06a9\u0644\u0627\u0633:<\/h5>\n<p style=\"text-align: justify;\">\u0641\u0635\u0644 \u06af\u0630\u0634\u062a\u0647 \u062a\u0639\u062f\u0627\u062f\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0646\u0648\u0639 \u0633\u0650\u0644\u06a9\u062a\u0648\u0631\u0647\u0627 \u0631\u0627 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0631\u062f\u06cc\u0645\u061b<br \/>\n\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062a\u0639\u062f\u0627\u062f \u062f\u06cc\u06af\u0631\u06cc \u0627\u0632 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0634\u0627\u0646 \u0631\u0627 \u0628\u06cc\u0627\u0646 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:first-child<\/strong><\/span><\/h4>\n<p style=\"text-align: justify;\">\u0632\u0645\u0627\u0646\u06cc\u06a9\u0647 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u062a\u0646\u0647\u0627 \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634 <strong>\u0627\u0648\u0644\u06cc\u0646 \u0641\u0631\u0632\u0646\u062f<\/strong> \u06cc\u06a9 \u0627\u0650\u0644\u0645\u0646\u062a \u062f\u06cc\u06af\u0631 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 first-child: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<br \/>\n\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0627\u0648\u0644\u06cc\u0646 \u0627\u0650\u0644\u0645\u0646\u062a <strong>&lt;tr&gt;<\/strong> \u06a9\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:first-child {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/01.png\" width=\"184\" height=\"297\" \/><\/p>\n<h4 dir=\"ltr\"><\/h4>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:last-child<\/strong><\/span><\/h4>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0627\u0650\u0644\u0645\u0646\u062a\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634 <strong>\u0622\u062e\u0631\u06cc\u0646 \u0641\u0631\u0632\u0646\u062f<\/strong> \u06cc\u06a9 \u0627\u0650\u0644\u0645\u0646\u062a \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u060c \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 last-child: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<br \/>\n\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0622\u062e\u0631\u06cc\u0646 \u0627\u0650\u0644\u0645\u0646\u062a <strong>&lt;tr&gt;<\/strong> \u06a9\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:last-child {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/02.png\" width=\"184\" height=\"297\" \/><\/p>\n<h4 dir=\"ltr\"><\/h4>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:nth-child(n)<\/strong><\/span><\/h4>\n<p style=\"text-align: justify;\">\u0632\u0645\u0627\u0646\u06cc\u06a9\u0647 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0647 <strong>\u062a\u0631\u062a\u06cc\u0628 \u0645\u0648\u0631\u062f \u0646\u0638\u0631\u062a\u0627\u0646<\/strong>\u060c \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u0650\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u062f\u0647 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u061b<br \/>\n\u0628\u0627 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 (nth-child(n: \u0686\u0646\u06cc\u0646 \u06a9\u0627\u0631\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f.<br \/>\nn \u06cc\u06a9 \u0639\u062f\u062f \u0645\u062b\u0628\u062a \u0627\u0633\u062a \u0648 \u0627\u0650\u0644\u0645\u0646\u062a \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0634\u0645\u0627 \u0646\u06cc\u0632 \u062a\u0648\u0633\u0637 \u0647\u0645\u06cc\u0646 \u0639\u062f\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0633\u0648\u0645\u06cc\u0646 \u0627\u0650\u0644\u0645\u0646\u062a <strong>&lt;tr&gt;<\/strong> \u06a9\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:nth-child(3) {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/03.png\" width=\"184\" height=\"297\" \/><\/p>\n<h4 dir=\"ltr\"><\/h4>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:nth-last-child(n)<\/strong><\/span><\/h4>\n<p style=\"text-align: justify;\">\u0627\u06cc\u0646 \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 \u0645\u0627\u0646\u0646\u062f \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 (nth-child(n: \u0639\u0645\u0644 \u0645\u06cc \u06a9\u0646\u062f.<br \/>\n\u0628\u0627 \u0627\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a \u06a9\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0650\u0644\u0645\u0646\u062a \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u0641\u0631\u0632\u0646\u062f \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0633\u0648\u0645\u06cc\u0646 \u0627\u0650\u0644\u0645\u0646\u062a <strong>&lt;tr&gt;<\/strong> \u0627\u0632 \u0622\u062e\u0631 \u06a9\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0647\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:nth-last-child(3) {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/04.png\" width=\"184\" height=\"297\" \/><\/p>\n<h4 dir=\"ltr\"><\/h4>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:nth-child(odd)<\/strong><\/span><\/h4>\n<p style=\"text-align: justify;\">\u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0627\u0632 \u0627\u06cc\u0646 \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 \u062f\u0631 \u062c\u062f\u0627\u0648\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061b \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc <strong>odd \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u0641\u0631\u062f <\/strong>\u0627\u0633\u062a.<strong><br \/>\n<\/strong><\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u067e\u0634\u062a \u0632\u0645\u06cc\u0646\u0647 \u0633\u0637\u0631\u0647\u0627\u06cc \u0641\u0631\u062f (\u06f1\u0648\u06f3\u0648\u06f5\u0648\u06f7) \u0628\u0647 \u0631\u0646\u06af \u0642\u0631\u0645\u0632 \u062f\u0631 \u0622\u0645\u062f\u0647\u200c\u0627\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:nth-child(odd) {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/05.png\" width=\"184\" height=\"297\" \/><\/p>\n<h4 dir=\"ltr\"><\/h4>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:nth-child(even)<\/strong><\/span><\/h4>\n<p style=\"text-align: justify;\">\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc <strong>even \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u0632\u0648\u062c <\/strong>\u0627\u0633\u062a.<strong><br \/>\n<\/strong><\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u067e\u0634\u062a \u0632\u0645\u06cc\u0646\u0647 \u0633\u0637\u0631\u0647\u0627\u06cc \u0632\u0648\u062c (\u06f2\u0648\u06f4\u0648\u06f6\u0648\u06f8) \u0628\u0647 \u0631\u0646\u06af \u0642\u0631\u0645\u0632 \u062f\u0631 \u0622\u0645\u062f\u0647\u200c\u0627\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:nth-child(even) {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/06.png\" width=\"184\" height=\"297\" \/><\/p>\n<h4 dir=\"ltr\"><\/h4>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:nth-child(n+x)<\/strong><\/span><\/h4>\n<p>\u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0627\u0632 \u0627\u06cc\u0646 \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 \u062f\u0631 \u062c\u062f\u0627\u0648\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061b<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u06cc\u0639\u0646\u06cc \u0627\u0632 <strong>x \u0628\u0647 \u0628\u0639\u062f<\/strong> (x=3) \u067e\u0634\u062a \u0632\u0645\u06cc\u0646\u0647 \u0633\u0637\u0631\u0647\u0627 \u0628\u0647 \u0631\u0646\u06af \u0642\u0631\u0645\u0632 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:nth-child(n+3) {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/07.png\" width=\"184\" height=\"297\" \/><\/p>\n<h4 dir=\"ltr\"><\/h4>\n<h4 dir=\"ltr\" style=\"text-align: right;\"><span style=\"color: #000080;\"><strong>:nth-child(-n+x)<\/strong><\/span><\/h4>\n<p>\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u06cc\u0639\u0646\u06cc \u0627\u0632 <strong>x \u0628\u0647 \u0642\u0628\u0644<\/strong> (x=3) \u067e\u0634\u062a \u0632\u0645\u06cc\u0646\u0647 \u0633\u0637\u0631\u0647\u0627 \u0628\u0647 \u0631\u0646\u06af \u0642\u0631\u0645\u0632 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">tr:nth-child(-n+3) {\n  background: red;\n}<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/08.png\" width=\"184\" height=\"297\" \/><\/p>\n<hr \/>\n<h5 style=\"text-align: justify;\">\u0627\u0628\u062a\u062f\u0627 \u0631\u0648\u06cc \u0633\u0624\u0627\u0644 \u0632\u06cc\u0631 \u0641\u06a9\u0631 \u06a9\u0646\u06cc\u062f \u0633\u067e\u0633 \u0627\u062f\u0627\u0645\u0647 \u0622\u0646 \u0631\u0627 \u0645\u0637\u0627\u0644\u0639\u0647 \u06a9\u0646\u06cc\u062f.<\/h5>\n<h5 style=\"text-align: justify;\"><span style=\"color: #000080;\">\u0633\u0624\u0627\u0644:<br \/>\n\u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0635\u0641\u062d\u0647\u200c \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645\u061f<br \/>\n<\/span><\/h5>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u067e\u0627\u0633\u062e \u0628\u0647 \u0627\u06cc\u0646 \u0633\u0624\u0627\u0644 \u0622\u0646 \u0631\u0627 \u0627\u0632 \u062f\u0648 \u062c\u0646\u0628\u0647 \u0627\u0650\u0644\u0645\u0646\u062a \u0648 \u067e\u064e\u0631\u0650\u0646\u062a \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.<\/p>\n<ul>\n<li style=\"text-align: justify;\"><strong><span style=\"color: #ff0000;\">\u0627\u0650\u0644\u0645\u0646\u062a<br \/>\n<\/span><\/strong>\u0628\u062f\u0648\u0646 \u0641\u0627\u0635\u0644\u0647 \u0642\u0628\u0644 \u0627\u0632 \u062f\u0648 \u0646\u0642\u0637\u0647 (:) \u0646\u0627\u0645 \u0627\u0650\u0644\u0645\u0646\u062a \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0646\u0648\u0634\u062a\u0647 \u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n<blockquote>\n<p style=\"text-align: justify;\"><strong>\u0646\u06a9\u062a\u0647:<br \/>\n<\/strong>\u0627\u06af\u0631 \u0646\u0648\u0639 \u0627\u0650\u0644\u0645\u0646\u062a \u0645\u0634\u062e\u0635 \u0646\u0634\u0648\u062f\u060c \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 Asterisk (*) \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u06cc\u0639\u0646\u06cc \u0631\u0648\u06cc \u0647\u0645\u0647 \u0627\u062b\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<\/blockquote>\n<ul>\n<li style=\"text-align: justify;\"><span style=\"color: #ff0000;\"><strong>\u067e\u064e\u0631\u0650\u0646\u062a<\/strong><\/span><br \/>\n\u0628\u062f\u0648\u0646 \u0641\u0627\u0635\u0644\u0647 \u0628\u0627 \u0639\u0644\u0627\u0645\u062a \u0627\u0650\u0633\u0652\u067e\u0650\u06cc\u0633 \u06cc\u0627 \u0628\u0632\u0631\u06af\u062a\u0631 \u0642\u0628\u0644 \u0627\u0632 \u0646\u0627\u0645 \u0627\u0650\u0644\u0645\u0646\u062a \u0646\u0648\u0634\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/assets\/img\/example.png\" width=\"321\" height=\"97\" \/><\/p>\n<p style=\"text-align: justify;\"><strong>\u0645\u062b\u0627\u0644\u06f1<\/strong>:<br \/>\n\u062f\u0648 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0654 \u0645\u062c\u0632\u0627 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<br \/>\n\u062d\u0627\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0627\u0648\u0644\u06cc\u0646 \u0641\u0631\u0632\u0646\u062f \u06a9\u0647 \u0627\u0632 \u0646\u0648\u0639 <strong>\u0627\u0650\u0644\u0645\u0646\u062a \u0645\u0631\u0628\u0639<\/strong> \u0627\u0633\u062a \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645\u061b \u0686\u06af\u0648\u0646\u0647 \u0628\u0627\u06cc\u062f \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0646\u0648\u0634\u062a\u061f<\/p>\n<figure style=\"width: 208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"\" style=\"text-align: start;\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/09.png\" alt=\"\" width=\"208\" height=\"334\" \/><figcaption class=\"wp-caption-text\">\u0645\u062b\u0627\u0644\u06f1<\/figcaption><\/figure>\n<p>\u067e\u0627\u0633\u062e:<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">\u25a0:first-child {\n  background: red;\n}<\/code><\/pre>\n<hr \/>\n<p><strong>\u0645\u062b\u0627\u0644\u06f2:<\/strong><br \/>\n\u062f\u0648 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u200c\u0654 \u0645\u062c\u0632\u0627 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<br \/>\n\u062d\u0627\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0622\u062e\u0631\u06cc\u0646 \u0641\u0631\u0632\u0646\u062f \u06a9\u0647 \u0627\u0632 \u0646\u0648\u0639 <strong>\u0627\u0650\u0644\u0645\u0646\u062a \u062f\u0627\u06cc\u0631\u0647<\/strong> \u0627\u0633\u062a \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645\u061b \u0686\u06af\u0648\u0646\u0647 \u0628\u0627\u06cc\u062f \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0646\u0648\u0634\u062a\u061f<\/p>\n<figure style=\"width: 229px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/10.png\" alt=\"\" width=\"229\" height=\"368\" \/><figcaption class=\"wp-caption-text\">\u0645\u062b\u0627\u0644\u06f2<\/figcaption><\/figure>\n<p>\u067e\u0627\u0633\u062e:<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">\u25cf:last-child {\n  background: red;\n}<\/code><\/pre>\n<hr \/>\n<p><strong>\u0645\u062b\u0627\u0644\u06f3:<\/strong><br \/>\n\u062f\u0648 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0654 \u0645\u062c\u0632\u0627 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<br \/>\n\u062d\u0627\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0641\u0631\u0632\u0646\u062f\u0627\u0646 \u0632\u0648\u062c \u06a9\u0647 \u0627\u0632 \u0646\u0648\u0639 <strong>\u0627\u0650\u0644\u0645\u0646\u062a \u0645\u0631\u0628\u0639<\/strong> \u0647\u0633\u062a\u0646\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645\u061b \u0686\u06af\u0648\u0646\u0647 \u0628\u0627\u06cc\u062f \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0646\u0648\u0634\u062a\u061f<\/p>\n<figure style=\"width: 200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/11.png\" alt=\"\" width=\"200\" height=\"321\" \/><figcaption class=\"wp-caption-text\">\u0645\u062b\u0627\u0644\u06f3<\/figcaption><\/figure>\n<p>\u067e\u0627\u0633\u062e:<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">\u25a0:nth-child(event) {\n  background: red;\n}<\/code><\/pre>\n<hr \/>\n<p style=\"text-align: justify;\"><strong>\u0645\u062b\u0627\u0644\u06f4<\/strong><br \/>\n\u062f\u0648 \u0635\u0641\u062d\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0654 \u0645\u062c\u0632\u0627 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<br \/>\n\u062d\u0627\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 <strong>\u0641\u0631\u0632\u0646\u062f \u0633\u0648\u0645 \u0627\u0632 \u0648\u0627\u0644\u062f\u06cc<\/strong> (\u067e\u064e\u0631\u0650\u0646\u062a\u06cc) \u06a9\u0647 <strong>\u0631\u0646\u06af \u0632\u0645\u06cc\u0646\u0647\u200c\u0654 \u0637\u0644\u0627\u06cc\u06cc<\/strong> \u062f\u0627\u0631\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645\u061b \u0686\u06af\u0648\u0646\u0647 \u0628\u0627\u06cc\u062f \u0633\u0650\u0644\u06a9\u062a\u0648\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0646\u0648\u0634\u062a\u061f<\/p>\n<figure style=\"width: 204px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/12.png\" alt=\"\" width=\"204\" height=\"328\" \/><figcaption class=\"wp-caption-text\">\u0645\u062b\u0627\u0644\u06f4<\/figcaption><\/figure>\n<p>\u067e\u0627\u0633\u062e:<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\"><strong>CSS<\/strong><\/p>\n<pre data-line=\"1\"><code class=\"line-numbers language-css\">gold&gt;\u25a0:nth-child(3) {\n  background: red;\n}<\/code><\/pre>\n<hr \/>\n<h4 style=\"text-align: center;\">\u062a\u0645\u0631\u06cc\u0646 \u06f1<\/h4>\n<ol>\n<li>\u062c\u062f\u0648\u0644\u06cc \u0645\u0637\u0627\u0628\u0642 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0633\u0644\u06cc\u0642\u0647 \u062e\u0648\u062f\u062a\u0627\u0646 \u067e\u0631 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0622\u0646 \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 p1.html \u062f\u0631 \u067e\u0648\u0634\u0647 \u0645\u0631\u0628\u0648\u0637\u0647 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/table00.jpg\" width=\"484\" height=\"270\" \/><\/p>\n<footer class=\"slide-footer\">\n<p style=\"text-align: right;\"><mark>\u0628\u0647 \u0646\u0648\u0639 \u0642\u0644\u0645\u060c \u0631\u0646\u06af \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647\u060c\u0627\u0639\u062f\u0627\u062f\u060c \u0628\u0648\u0644\u062f \u0648 \u0648\u0633\u0637 \u0686\u06cc\u0646 \u0628\u0648\u062f\u0646 \u0633\u0637\u0631 \u0627\u0648\u0644 \u062f\u0642\u062a \u0628\u0641\u0631\u0645\u0627\u06cc\u06cc\u062f.<\/mark><\/p>\n<\/footer>\n<h4><\/h4>\n<h4 style=\"text-align: center;\">\u062a\u0645\u0631\u06cc\u0646 \u06f2<\/h4>\n<ol>\n<li>\u062a\u0645\u0631\u06cc\u0646 \u0642\u0628\u0644\u06cc \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0647 \u0648 \u0631\u0646\u06af \u0633\u062a\u0648\u0646 \u0627\u0648\u0644 \u0622\u0646 \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0622\u0646 \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 p2.html \u062f\u0631 \u067e\u0648\u0634\u0647 \u0645\u0631\u0628\u0648\u0637\u0647 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter\" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/table01.jpg\" width=\"483\" height=\"270\" \/><\/p>\n<h4><\/h4>\n<h4 style=\"text-align: center;\">\u062a\u0645\u0631\u06cc\u0646 \u06f3<\/h4>\n<ol>\n<li>\u062a\u0645\u0631\u06cc\u0646 \u0627\u0648\u0644 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u0637\u0631\u06cc \u062f\u0631 \u0622\u062e\u0631 \u0622\u0646 \u0627\u06cc\u062c\u0627 \u0628\u0641\u0631\u0645\u0627\u06cc\u06cc\u062f \u0648 \u0631\u0646\u06af \u0622\u0646 \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0622\u0646 \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 p3.html \u062f\u0631 \u067e\u0648\u0634\u0647 \u0645\u0631\u0628\u0648\u0637\u0647 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/table02.jpg\" width=\"483\" height=\"270\" \/><\/p>\n<h4><\/h4>\n<h4 style=\"text-align: center;\">\u062a\u0645\u0631\u06cc\u0646\u06f4<\/h4>\n<ol>\n<li>\u062a\u0645\u0631\u06cc\u0646 \u0642\u0628\u0644\u06cc \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u0637\u0631\u0647\u0627\u06cc \u0632\u0648\u062c \u0622\u0646 \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u0631\u0646\u06af\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.<\/li>\n<li>\u0622\u0646 \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 p4.html \u062f\u0631 \u067e\u0648\u0634\u0647 \u0645\u0631\u0628\u0648\u0637\u0647 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone \" src=\"https:\/\/zoghismh.ir\/share\/course\/web1\/11\/img\/table03.jpg\" width=\"483\" height=\"270\" \/><\/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 \u062a\u06cc\u0628\u0650\u0644- Table \u06cc\u0639\u0646\u06cc \u062c\u062f\u0648\u0644 \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0648 \u0633\u0650\u0644\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u0634\u0650\u0628\u0647 \u06a9\u0644\u0627\u0633\u06f2 \u06a9\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0647\u0633\u062a\u0646\u062f \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645\u061b \u062a\u06cc\u0628\u0650\u0644- Table \u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0647 \u0628\u0635\u0648\u0631\u062a \u0631\u064f\u0648 &#8211; Row \u06cc\u0639\u0646\u06cc \u0633\u0637\u0631 \u0648 \u06a9\u0670\u0644\u0650\u0645&#8211;column \u06cc\u0639\u0646\u06cc \u0633\u062a\u0648\u0646\u00a0\u062f\u0631 \u06a9\u0646\u0627\u0631 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647\u200c\u200c\u0627\u0646\u062f \u062c\u062f\u0648\u0644 \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f. \u062c\u062f\u0627\u0648\u0644\u200c \u06cc\u06a9\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":2566,"parent":756,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-cover.php","meta":{"footnotes":""},"class_list":["post-2508","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\/2508","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=2508"}],"version-history":[{"count":86,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/2508\/revisions"}],"predecessor-version":[{"id":4063,"href":"https:\/\/zoghismh.ir\/index.php?rest_route=\/wp\/v2\/pages\/2508\/revisions\/4063"}],"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\/2566"}],"wp:attachment":[{"href":"https:\/\/zoghismh.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}