{"id":6554,"date":"2026-06-28T11:00:44","date_gmt":"2026-06-28T07:30:44","guid":{"rendered":"https:\/\/parmin.cloud\/blog\/?p=6554"},"modified":"2026-06-28T11:00:44","modified_gmt":"2026-06-28T07:30:44","slug":"%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%ac%d8%af%d9%88%d9%84-%d8%af%d8%b1-html-%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%da%a9%d8%a7%d9%85%d9%84-%d8%a8%d8%b1%d8%a7%db%8c","status":"publish","type":"post","link":"https:\/\/parmin.cloud\/blog\/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%ac%d8%af%d9%88%d9%84-%d8%af%d8%b1-html-%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%da%a9%d8%a7%d9%85%d9%84-%d8%a8%d8%b1%d8%a7%db%8c\/","title":{"rendered":"\u0622\u0645\u0648\u0632\u0634 \u0627\u06cc\u062c\u0627\u062f \u062c\u062f\u0648\u0644 \u062f\u0631 HTML: \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0631\u0627\u06cc \u0645\u0628\u062a\u062f\u06cc\u0627\u0646"},"content":{"rendered":"<h2 class=\"PDq2pG_selectionAnchorContainer\" data-section-id=\"43f4r3\" data-start=\"55\" data-end=\"63\">\u0645\u0642\u062f\u0645\u0647<\/h2>\n<p data-start=\"65\" data-end=\"304\">\u062c\u062f\u0648\u0644 (Table) \u062f\u0631 HTML \u0631\u0648\u0634\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a <strong data-start=\"118\" data-end=\"136\">\u0631\u062f\u06cc\u0641\u200c\u0647\u0627 (Rows)<\/strong> \u0648 <strong data-start=\"139\" data-end=\"160\">\u0633\u062a\u0648\u0646\u200c\u0647\u0627 (Columns)<\/strong> \u0627\u0633\u062a. \u0627\u0632 \u062c\u062f\u0648\u0644\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0645\u0627\u0646\u0646\u062f \u0642\u06cc\u0645\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u0644\u06cc\u0633\u062a \u06a9\u0627\u0631\u0645\u0646\u062f\u0627\u0646\u060c \u0628\u0631\u0646\u0627\u0645\u0647 \u067e\u0631\u0648\u0627\u0632\u0647\u0627\u060c \u06af\u0632\u0627\u0631\u0634\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0648 \u0647\u0631 \u0646\u0648\u0639 \u062f\u0627\u062f\u0647 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p data-start=\"306\" data-end=\"583\">\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u06cc\u0627\u062f \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u062c\u062f\u0648\u0644 \u062f\u0631 HTML \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u062a\u0639\u062f\u0627\u062f \u0633\u0637\u0631\u0647\u0627 \u0648 \u0633\u062a\u0648\u0646\u200c\u0647\u0627 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f\u060c \u0628\u0631\u0627\u06cc \u0622\u0646 \u0639\u0646\u0648\u0627\u0646 (Header) \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0628\u0627 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u062c\u062f\u0648\u0644\u200c\u0647\u0627\u06cc\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 (Responsive) \u0648 \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0633\u0626\u0648 \u0648 \u062f\u0633\u062a\u0631\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<hr data-start=\"585\" data-end=\"588\" \/>\n<h1 data-section-id=\"15g5ic3\" data-start=\"590\" data-end=\"602\">\u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632\u0647\u0627<\/h1>\n<p data-start=\"604\" data-end=\"639\">\u0628\u0631\u0627\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a:<\/p>\n<ul data-start=\"641\" data-end=\"744\">\n<li data-section-id=\"1uyxhqu\" data-start=\"641\" data-end=\"675\">\u0628\u0627 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0648\u0644\u06cc\u0647 HTML \u0622\u0634\u0646\u0627 \u0628\u0627\u0634\u06cc\u062f.<\/li>\n<li data-section-id=\"zbz89c\" data-start=\"676\" data-end=\"744\">\u06cc\u06a9 \u0641\u0627\u06cc\u0644 <code data-start=\"686\" data-end=\"698\">index.html<\/code> \u06cc\u0627 \u0647\u0631 \u0641\u0627\u06cc\u0644 HTML \u062f\u06cc\u06af\u0631\u06cc \u0628\u0631\u0627\u06cc \u062a\u0645\u0631\u06cc\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/li>\n<\/ul>\n<hr data-start=\"746\" data-end=\"749\" \/>\n<h1 data-section-id=\"vuzvf0\" data-start=\"751\" data-end=\"778\">\u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u0648\u0644\u06cc\u0647 \u062c\u062f\u0648\u0644 \u062f\u0631 HTML<\/h1>\n<p data-start=\"780\" data-end=\"843\">\u0647\u0631 \u062c\u062f\u0648\u0644 \u0628\u0627 \u062a\u06af <code data-start=\"794\" data-end=\"803\">&lt;table&gt;<\/code> \u0622\u063a\u0627\u0632 \u0634\u062f\u0647 \u0648 \u0628\u0627 <code data-start=\"818\" data-end=\"828\">&lt;\/table&gt;<\/code> \u067e\u0627\u06cc\u0627\u0646 \u0645\u06cc\u200c\u06cc\u0627\u0628\u062f.<\/p>\n<p data-start=\"845\" data-end=\"884\">\u062f\u0627\u062e\u0644 \u062c\u062f\u0648\u0644 \u0627\u0632 \u062f\u0648 \u062a\u06af \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n<ul data-start=\"886\" data-end=\"944\">\n<li data-section-id=\"yw9ia\" data-start=\"886\" data-end=\"910\"><code data-start=\"888\" data-end=\"894\">&lt;tr&gt;<\/code> \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0631\u062f\u06cc\u0641<\/li>\n<li data-section-id=\"e924gs\" data-start=\"911\" data-end=\"944\"><code data-start=\"913\" data-end=\"919\">&lt;td&gt;<\/code> \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0633\u0644\u0648\u0644\u200c\u0647\u0627\u06cc \u062f\u0627\u062f\u0647<\/li>\n<\/ul>\n<p data-start=\"946\" data-end=\"952\">\u0646\u0645\u0648\u0646\u0647:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u0627\u0648\u0644<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u062f\u0648\u0645<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u0633\u0648\u0645<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u0627\u0648\u0644<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u062f\u0648\u0645<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u0633\u0648\u0645<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1147\" data-end=\"1203\">\u062e\u0631\u0648\u062c\u06cc \u0627\u06cc\u0646 \u06a9\u062f \u062c\u062f\u0648\u0644\u06cc \u0628\u0627 <strong data-start=\"1169\" data-end=\"1179\">\u06f2 \u0631\u062f\u06cc\u0641<\/strong> \u0648 <strong data-start=\"1182\" data-end=\"1192\">\u06f3 \u0633\u062a\u0648\u0646<\/strong> \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<hr data-start=\"1205\" data-end=\"1208\" \/>\n<h1 data-section-id=\"1r0ugus\" data-start=\"1210\" data-end=\"1232\">\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0631\u062f\u06cc\u0641 \u062c\u062f\u06cc\u062f<\/h1>\n<p data-start=\"1234\" data-end=\"1294\">\u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u06cc\u06a9 \u0631\u062f\u06cc\u0641 \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u06cc\u06a9 \u0628\u0644\u0648\u06a9 <code data-start=\"1271\" data-end=\"1277\">&lt;tr&gt;<\/code> \u062c\u062f\u06cc\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1553\" data-end=\"1591\">\u0627\u06a9\u0646\u0648\u0646 \u062c\u062f\u0648\u0644 \u062f\u0627\u0631\u0627\u06cc <strong data-start=\"1570\" data-end=\"1580\">\u06f3 \u0631\u062f\u06cc\u0641<\/strong> \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<hr data-start=\"1593\" data-end=\"1596\" \/>\n<h1 data-section-id=\"sylx74\" data-start=\"1598\" data-end=\"1620\">\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0633\u062a\u0648\u0646 \u062c\u062f\u06cc\u062f<\/h1>\n<p data-start=\"1622\" data-end=\"1690\">\u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0633\u062a\u0648\u0646 \u0628\u0627\u06cc\u062f \u062f\u0627\u062e\u0644 \u062a\u0645\u0627\u0645 \u0631\u062f\u06cc\u0641\u200c\u0647\u0627 \u06cc\u06a9 \u062a\u06af <code data-start=\"1668\" data-end=\"1674\">&lt;td&gt;<\/code> \u062c\u062f\u06cc\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f4<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f4<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0633\u062a\u0648\u0646 \u06f4<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2009\" data-end=\"2060\">\u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a \u062c\u062f\u0648\u0644 \u062f\u0627\u0631\u0627\u06cc <strong data-start=\"2032\" data-end=\"2042\">\u06f4 \u0633\u062a\u0648\u0646<\/strong> \u0648 <strong data-start=\"2045\" data-end=\"2055\">\u06f3 \u0631\u062f\u06cc\u0641<\/strong> \u0627\u0633\u062a.<\/p>\n<hr data-start=\"2062\" data-end=\"2065\" \/>\n<h1 data-section-id=\"1eeuurv\" data-start=\"2067\" data-end=\"2098\">\u0627\u0641\u0632\u0648\u062f\u0646 \u062d\u0627\u0634\u06cc\u0647 (Border) \u0628\u0647 \u062c\u062f\u0648\u0644<\/h1>\n<p data-start=\"2100\" data-end=\"2217\">\u0627\u06af\u0631\u0686\u0647 \u0627\u0645\u0631\u0648\u0632\u0647 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0638\u0627\u0647\u0631 \u062c\u062f\u0648\u0644 \u0628\u0627 CSS \u0637\u0631\u0627\u062d\u06cc \u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc <code data-start=\"2195\" data-end=\"2203\">border<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table<\/span> <span class=\"\u037c12\">border<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"1\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0631\u062f\u06cc\u0641 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0631\u062f\u06cc\u0641 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0631\u062f\u06cc\u0641 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0631\u062f\u06cc\u0641 \u06f1<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0631\u062f\u06cc\u0641 \u06f2<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0631\u062f\u06cc\u0641 \u06f3<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2411\" data-end=\"2459\">\u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u062f\u0648\u0631 \u062a\u0645\u0627\u0645 \u0633\u0644\u0648\u0644\u200c\u0647\u0627 \u06cc\u06a9 \u06a9\u0627\u062f\u0631 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<blockquote data-start=\"2461\" data-end=\"2539\">\n<p data-start=\"2463\" data-end=\"2539\">\u062a\u0648\u062c\u0647: \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0628\u0647\u200c\u062c\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc <code data-start=\"2510\" data-end=\"2518\">border<\/code> \u0627\u0632 CSS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/blockquote>\n<hr data-start=\"2541\" data-end=\"2544\" \/>\n<h1 data-section-id=\"1x2x9t0\" data-start=\"2546\" data-end=\"2567\">\u0627\u06cc\u062c\u0627\u062f \u0639\u0646\u0648\u0627\u0646 \u0633\u062a\u0648\u0646\u200c\u0647\u0627<\/h1>\n<p data-start=\"2569\" data-end=\"2622\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0639\u0646\u0648\u0627\u0646 \u0633\u062a\u0648\u0646\u200c\u0647\u0627 \u0627\u0632 \u062a\u06af <code data-start=\"2600\" data-end=\"2606\">&lt;th&gt;<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table<\/span> <span class=\"\u037c12\">border<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"1\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u0646\u0627\u0645<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u0633\u0646<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u0634\u0647\u0631<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n  <span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2744\" data-end=\"2813\">\u062a\u06af <code data-start=\"2747\" data-end=\"2753\">&lt;th&gt;<\/code> \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0645\u062a\u0646 \u0631\u0627 <strong data-start=\"2777\" data-end=\"2785\">Bold<\/strong> \u0648 <strong data-start=\"2788\" data-end=\"2799\">\u0648\u0633\u0637\u200c\u0686\u06cc\u0646<\/strong> \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<hr data-start=\"2815\" data-end=\"2818\" \/>\n<h1 data-section-id=\"13t3h7k\" data-start=\"2820\" data-end=\"2841\">\u0627\u06cc\u062c\u0627\u062f \u0639\u0646\u0648\u0627\u0646 \u0631\u062f\u06cc\u0641\u200c\u0647\u0627<\/h1>\n<p data-start=\"2843\" data-end=\"2909\">\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0648\u0644\u06cc\u0646 \u0633\u0644\u0648\u0644 \u0647\u0631 \u0631\u062f\u06cc\u0641 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 Header \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table<\/span> <span class=\"\u037c12\">border<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"1\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u0646\u0627\u0645<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u0633\u0646<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u0634\u0647\u0631<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u06a9\u0627\u0631\u0628\u0631 \u06f1<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0639\u0644\u06cc<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u06f2\u06f5<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u062a\u0647\u0631\u0627\u0646<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u06a9\u0627\u0631\u0628\u0631 \u06f2<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0645\u0631\u06cc\u0645<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u06f2\u06f8<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0627\u0635\u0641\u0647\u0627\u0646<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;th&gt;<\/span>\u06a9\u0627\u0631\u0628\u0631 \u06f3<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0631\u0636\u0627<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u06f3\u06f0<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n    <span class=\"\u037c13\">&lt;td&gt;<\/span>\u0634\u06cc\u0631\u0627\u0632<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3286\" data-end=\"3357\">\u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u062c\u062f\u0648\u0644 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648 \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<hr data-start=\"3359\" data-end=\"3362\" \/>\n<h1 data-section-id=\"rmch2c\" data-start=\"3364\" data-end=\"3398\">\u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 (Responsive) \u06a9\u0631\u062f\u0646 \u062c\u062f\u0648\u0644<\/h1>\n<p data-start=\"3400\" data-end=\"3452\">\u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code data-start=\"3435\" data-end=\"3447\">overflow-x<\/code> \u0627\u0633\u062a.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>.<span class=\"\u037c10\">table-container<\/span>{\r\n    overflow-x:<span class=\"\u037cy\">auto<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3507\" data-end=\"3541\">\u0633\u067e\u0633 \u062c\u062f\u0648\u0644 \u0631\u0627 \u062f\u0627\u062e\u0644 \u06cc\u06a9 div \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;div<\/span> <span class=\"\u037c12\">class<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"table-container\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;table&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;th&gt;<\/span>\u0646\u0627\u0645<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;th&gt;<\/span>\u0633\u0646<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;td&gt;<\/span>\u0639\u0644\u06cc<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;td&gt;<\/span>\u06f2\u06f5<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;\/div&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3687\" data-end=\"3741\">\u062f\u0631 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u060c \u062c\u062f\u0648\u0644 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0627\u0641\u0642\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n<hr data-start=\"3743\" data-end=\"3746\" \/>\n<h1 data-section-id=\"1oljdil\" data-start=\"3748\" data-end=\"3790\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Bootstrap \u0628\u0631\u0627\u06cc \u062c\u062f\u0648\u0644 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/h1>\n<p data-start=\"3792\" data-end=\"3866\">\u0627\u06af\u0631 \u0627\u0632 Bootstrap \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u062c\u062f\u0648\u0644 \u0631\u0627 \u062f\u0627\u062e\u0644 \u06a9\u0644\u0627\u0633 \u0632\u06cc\u0631 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;div<\/span> <span class=\"\u037c12\">class<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"table-responsive\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;table<\/span> <span class=\"\u037c12\">class<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"table\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;th&gt;<\/span>\u0646\u0627\u0645<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;th&gt;<\/span>\u0633\u0646<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;td&gt;<\/span>\u0639\u0644\u06cc<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;td&gt;<\/span>\u06f2\u06f5<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;\/div&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4027\" data-end=\"4030\" \/>\n<h1 data-section-id=\"15uo9a1\" data-start=\"4032\" data-end=\"4075\">\u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc (Accessibility)<\/h1>\n<p data-start=\"4077\" data-end=\"4140\">\u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0633\u062a\u0631\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h2 data-section-id=\"dhabm2\" data-start=\"4142\" data-end=\"4161\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 scope<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;th<\/span> <span class=\"\u037c12\">scope<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"col\"<\/span><span class=\"\u037c13\">&gt;<\/span>\u0646\u0627\u0645<span class=\"\u037c13\">&lt;\/th&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4201\" data-end=\"4203\">\u06cc\u0627<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;th<\/span> <span class=\"\u037c12\">scope<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"row\"<\/span><span class=\"\u037c13\">&gt;<\/span>\u06a9\u0627\u0631\u0628\u0631 \u0627\u0648\u0644<span class=\"\u037c13\">&lt;\/th&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4249\" data-end=\"4252\" \/>\n<h2 data-section-id=\"1nqoj1q\" data-start=\"4254\" data-end=\"4275\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 caption<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;caption&gt;<\/span>\r\n\u062c\u062f\u0648\u0644 \u0642\u06cc\u0645\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n<span class=\"\u037c13\">&lt;\/caption&gt;<\/span>\r\n\r\n...\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4352\" data-end=\"4355\" \/>\n<h2 data-section-id=\"13kcyw4\" data-start=\"4357\" data-end=\"4387\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 aria-describedby<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table<\/span> <span class=\"\u037c12\">aria-describedby<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"table-description\"<\/span><span class=\"\u037c13\">&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4447\" data-end=\"4521\">\u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc \u0635\u0641\u062d\u0647\u200c\u062e\u0648\u0627\u0646 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u062c\u062f\u0648\u0644 \u0631\u0627 \u0628\u0647\u062a\u0631 \u062a\u0641\u0633\u06cc\u0631 \u06a9\u0646\u0646\u062f.<\/p>\n<hr data-start=\"4523\" data-end=\"4526\" \/>\n<h1 data-section-id=\"1syhbkl\" data-start=\"4528\" data-end=\"4558\">\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u062a\u06af\u200c\u0647\u0627\u06cc \u062c\u062f\u0648\u0644 \u062f\u0631 HTML<\/h1>\n<div class=\"TyagGW_tableContainer\">\n<div class=\"group TyagGW_tableWrapper flex flex-col-reverse w-fit\">\n<table class=\"w-fit min-w-(--thread-content-width)\" data-start=\"4560\" data-end=\"4891\">\n<thead data-start=\"4560\" data-end=\"4575\">\n<tr data-start=\"4560\" data-end=\"4575\">\n<th class=\"last:pe-10\" data-start=\"4560\" data-end=\"4565\" data-col-size=\"sm\">\u062a\u06af<\/th>\n<th class=\"last:pe-10\" data-start=\"4565\" data-end=\"4575\" data-col-size=\"sm\">\u06a9\u0627\u0631\u0628\u0631\u062f<\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"4595\" data-end=\"4891\">\n<tr data-start=\"4595\" data-end=\"4621\">\n<td data-start=\"4595\" data-end=\"4607\" data-col-size=\"sm\"><code data-start=\"4597\" data-end=\"4606\">&lt;table&gt;<\/code><\/td>\n<td data-start=\"4607\" data-end=\"4621\" data-col-size=\"sm\">\u0627\u06cc\u062c\u0627\u062f \u062c\u062f\u0648\u0644<\/td>\n<\/tr>\n<tr data-start=\"4622\" data-end=\"4645\">\n<td data-start=\"4622\" data-end=\"4631\" data-col-size=\"sm\"><code data-start=\"4624\" data-end=\"4630\">&lt;tr&gt;<\/code><\/td>\n<td data-start=\"4631\" data-end=\"4645\" data-col-size=\"sm\">\u0627\u06cc\u062c\u0627\u062f \u0631\u062f\u06cc\u0641<\/td>\n<\/tr>\n<tr data-start=\"4646\" data-end=\"4674\">\n<td data-start=\"4646\" data-end=\"4655\" data-col-size=\"sm\"><code data-start=\"4648\" data-end=\"4654\">&lt;td&gt;<\/code><\/td>\n<td data-start=\"4655\" data-end=\"4674\" data-col-size=\"sm\">\u0627\u06cc\u062c\u0627\u062f \u0633\u0644\u0648\u0644 \u062f\u0627\u062f\u0647<\/td>\n<\/tr>\n<tr data-start=\"4675\" data-end=\"4704\">\n<td data-start=\"4675\" data-end=\"4684\" data-col-size=\"sm\"><code data-start=\"4677\" data-end=\"4683\">&lt;th&gt;<\/code><\/td>\n<td data-start=\"4684\" data-end=\"4704\" data-col-size=\"sm\">\u0627\u06cc\u062c\u0627\u062f \u0633\u0644\u0648\u0644 \u0639\u0646\u0648\u0627\u0646<\/td>\n<\/tr>\n<tr data-start=\"4705\" data-end=\"4735\">\n<td data-start=\"4705\" data-end=\"4717\" data-col-size=\"sm\"><code data-start=\"4707\" data-end=\"4716\">&lt;thead&gt;<\/code><\/td>\n<td data-start=\"4717\" data-end=\"4735\" data-col-size=\"sm\">\u0628\u062e\u0634 \u0639\u0646\u0648\u0627\u0646 \u062c\u062f\u0648\u0644<\/td>\n<\/tr>\n<tr data-start=\"4736\" data-end=\"4768\">\n<td data-start=\"4736\" data-end=\"4748\" data-col-size=\"sm\"><code data-start=\"4738\" data-end=\"4747\">&lt;tbody&gt;<\/code><\/td>\n<td data-start=\"4748\" data-end=\"4768\" data-col-size=\"sm\">\u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627<\/td>\n<\/tr>\n<tr data-start=\"4769\" data-end=\"4800\">\n<td data-start=\"4769\" data-end=\"4781\" data-col-size=\"sm\"><code data-start=\"4771\" data-end=\"4780\">&lt;tfoot&gt;<\/code><\/td>\n<td data-start=\"4781\" data-end=\"4800\" data-col-size=\"sm\">\u0628\u062e\u0634 \u067e\u0627\u06cc\u0627\u0646\u06cc \u062c\u062f\u0648\u0644<\/td>\n<\/tr>\n<tr data-start=\"4801\" data-end=\"4829\">\n<td data-start=\"4801\" data-end=\"4815\" data-col-size=\"sm\"><code data-start=\"4803\" data-end=\"4814\">&lt;caption&gt;<\/code><\/td>\n<td data-start=\"4815\" data-end=\"4829\" data-col-size=\"sm\">\u0639\u0646\u0648\u0627\u0646 \u062c\u062f\u0648\u0644<\/td>\n<\/tr>\n<tr data-start=\"4830\" data-end=\"4860\">\n<td data-start=\"4830\" data-end=\"4842\" data-col-size=\"sm\"><code data-start=\"4832\" data-end=\"4841\">colspan<\/code><\/td>\n<td data-start=\"4842\" data-end=\"4860\" data-col-size=\"sm\">\u0627\u062f\u063a\u0627\u0645 \u0686\u0646\u062f \u0633\u062a\u0648\u0646<\/td>\n<\/tr>\n<tr data-start=\"4861\" data-end=\"4891\">\n<td data-start=\"4861\" data-end=\"4873\" data-col-size=\"sm\"><code data-start=\"4863\" data-end=\"4872\">rowspan<\/code><\/td>\n<td data-start=\"4873\" data-end=\"4891\" data-col-size=\"sm\">\u0627\u062f\u063a\u0627\u0645 \u0686\u0646\u062f \u0631\u062f\u06cc\u0641<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<hr data-start=\"4893\" data-end=\"4896\" \/>\n<h1 data-section-id=\"1gpvvjs\" data-start=\"4898\" data-end=\"4913\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/h1>\n<h2 data-section-id=\"1osndb3\" data-start=\"4915\" data-end=\"4948\">\u0686\u06af\u0648\u0646\u0647 \u062f\u0631 HTML \u062c\u062f\u0648\u0644 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645\u061f<\/h2>\n<p data-start=\"4950\" data-end=\"4994\">\u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u062c\u062f\u0648\u0644 \u0627\u0632 \u062a\u06af\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n<ul data-start=\"4996\" data-end=\"5034\">\n<li data-section-id=\"10l7vxw\" data-start=\"4996\" data-end=\"5007\"><code data-start=\"4998\" data-end=\"5007\">&lt;table&gt;<\/code><\/li>\n<li data-section-id=\"19si3qk\" data-start=\"5008\" data-end=\"5016\"><code data-start=\"5010\" data-end=\"5016\">&lt;tr&gt;<\/code><\/li>\n<li data-section-id=\"19shsoq\" data-start=\"5017\" data-end=\"5025\"><code data-start=\"5019\" data-end=\"5025\">&lt;td&gt;<\/code><\/li>\n<li data-section-id=\"19shvue\" data-start=\"5026\" data-end=\"5034\"><code data-start=\"5028\" data-end=\"5034\">&lt;th&gt;<\/code><\/li>\n<\/ul>\n<p data-start=\"5036\" data-end=\"5042\">\u0646\u0645\u0648\u0646\u0647:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;table<\/span> <span class=\"\u037c12\">border<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"1\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;th&gt;<\/span>\u0646\u0627\u0645<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;th&gt;<\/span>\u0633\u0646<span class=\"\u037c13\">&lt;\/th&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;tr&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;td&gt;<\/span>\u0639\u0644\u06cc<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;td&gt;<\/span>\u06f2\u06f5<span class=\"\u037c13\">&lt;\/td&gt;<\/span>\r\n<span class=\"\u037c13\">&lt;\/tr&gt;<\/span>\r\n\r\n<span class=\"\u037c13\">&lt;\/table&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"5160\" data-end=\"5163\" \/>\n<h2 data-section-id=\"19z2v65\" data-start=\"5165\" data-end=\"5196\">\u0686\u06af\u0648\u0646\u0647 \u0633\u0644\u0648\u0644\u200c\u0647\u0627 \u0631\u0627 \u0627\u062f\u063a\u0627\u0645 \u06a9\u0646\u06cc\u0645\u061f<\/h2>\n<h3 data-section-id=\"1blos4t\" data-start=\"5198\" data-end=\"5215\">\u0627\u062f\u063a\u0627\u0645 \u0633\u062a\u0648\u0646\u200c\u0647\u0627<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;td<\/span> <span class=\"\u037c12\">colspan<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"2\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n\u0633\u0644\u0648\u0644 \u0627\u062f\u063a\u0627\u0645 \u0634\u062f\u0647\r\n<span class=\"\u037c13\">&lt;\/td&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 data-section-id=\"wqoktl\" data-start=\"5268\" data-end=\"5285\">\u0627\u062f\u063a\u0627\u0645 \u0631\u062f\u06cc\u0641\u200c\u0647\u0627<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">&lt;td<\/span> <span class=\"\u037c12\">rowspan<\/span><span class=\"\u037cv\">=<\/span><span class=\"\u037cz\">\"2\"<\/span><span class=\"\u037c13\">&gt;<\/span>\r\n\u0633\u0644\u0648\u0644 \u0645\u0634\u062a\u0631\u06a9\r\n<span class=\"\u037c13\">&lt;\/td&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"5334\" data-end=\"5337\" \/>\n<h2 data-section-id=\"1lyhqzy\" data-start=\"5339\" data-end=\"5371\">\u0686\u06af\u0648\u0646\u0647 \u062c\u062f\u0648\u0644 \u0628\u062f\u0648\u0646 \u062d\u0627\u0634\u06cc\u0647 \u0628\u0633\u0627\u0632\u06cc\u0645\u061f<\/h2>\n<p data-start=\"5373\" data-end=\"5380\">\u0628\u0627 CSS:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">table<\/span>{\r\n    border-collapse:<span class=\"\u037cy\">collapse<\/span>;\r\n    border:<span class=\"\u037cy\">none<\/span>;\r\n}\r\n\r\n<span class=\"\u037c13\">td<\/span>,<span class=\"\u037c13\">th<\/span>{\r\n    border:<span class=\"\u037cy\">none<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"5477\" data-end=\"5480\" \/>\n<h2 data-section-id=\"1f6pddw\" data-start=\"5482\" data-end=\"5514\">\u0686\u06af\u0648\u0646\u0647 \u062c\u062f\u0648\u0644 \u0631\u0627 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u06a9\u0646\u06cc\u0645\u061f<\/h2>\n<p data-start=\"5516\" data-end=\"5529\">\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632:<\/p>\n<ul data-start=\"5531\" data-end=\"5601\">\n<li data-section-id=\"xevphw\" data-start=\"5531\" data-end=\"5550\"><code data-start=\"5533\" data-end=\"5550\">overflow-x:auto<\/code><\/li>\n<li data-section-id=\"c47xjo\" data-start=\"5551\" data-end=\"5583\">Bootstrap (<code data-start=\"5564\" data-end=\"5582\">table-responsive<\/code>)<\/li>\n<li data-section-id=\"x0seed\" data-start=\"5584\" data-end=\"5601\">CSS Media Query<\/li>\n<\/ul>\n<p data-start=\"5603\" data-end=\"5616\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<hr data-start=\"5618\" data-end=\"5621\" \/>\n<h1 data-section-id=\"qpvq47\" data-start=\"5623\" data-end=\"5633\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/h1>\n<p data-start=\"5635\" data-end=\"5703\">\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0627 \u0646\u062d\u0648\u0647 \u0633\u0627\u062e\u062a \u062c\u062f\u0648\u0644 \u062f\u0631 HTML \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f \u0648 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u062f \u0686\u06af\u0648\u0646\u0647:<\/p>\n<ul data-start=\"5705\" data-end=\"5889\">\n<li data-section-id=\"ejlsi2\" data-start=\"5705\" data-end=\"5723\">\u062c\u062f\u0648\u0644 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-section-id=\"1yqocra\" data-start=\"5724\" data-end=\"5749\">\u0631\u062f\u06cc\u0641 \u0648 \u0633\u062a\u0648\u0646 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-section-id=\"fmqzjt\" data-start=\"5750\" data-end=\"5780\">\u0639\u0646\u0648\u0627\u0646 \u0633\u0637\u0631 \u0648 \u0633\u062a\u0648\u0646 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-section-id=\"1j7qbe7\" data-start=\"5781\" data-end=\"5808\">\u062d\u0627\u0634\u06cc\u0647 \u0628\u0647 \u062c\u062f\u0648\u0644 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-section-id=\"1tmnafm\" data-start=\"5809\" data-end=\"5834\">\u062c\u062f\u0648\u0644 \u0631\u0627 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-section-id=\"129kto2\" data-start=\"5835\" data-end=\"5889\">\u0627\u0632 \u062a\u06af\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0627\u0635\u0648\u0644 \u062f\u0633\u062a\u0631\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<p data-start=\"5891\" data-end=\"6007\" data-is-last-node=\"\" data-is-only-node=\"\">\u0628\u0627 \u0631\u0639\u0627\u06cc\u062a \u0627\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062c\u062f\u0648\u0644\u200c\u0647\u0627\u06cc\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u062e\u0648\u0627\u0646\u0627 \u0648 \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc HTML \u0648 \u0633\u0626\u0648 \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<p data-start=\"5891\" data-end=\"6007\" data-is-last-node=\"\" data-is-only-node=\"\">\n<p data-start=\"5891\" data-end=\"6007\" data-is-last-node=\"\" data-is-only-node=\"\">\n<p data-start=\"5891\" data-end=\"6007\" data-is-last-node=\"\" data-is-only-node=\"\">\u0627\u0632 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627 \u0628\u0627 <strong><a href=\"https:\/\/parmin.cloud\/\">\u067e\u0627\u0631\u0645\u06cc\u0646 \u06a9\u0644\u0648\u062f<\/a><\/strong> \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631\u06cc\u0645.<\/p>\n<div style='text-align:center' class='yasr-auto-insert-visitor'><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u062f\u0645\u0647 \u062c\u062f\u0648\u0644 (Table) \u062f\u0631 HTML \u0631\u0648\u0634\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0631\u062f\u06cc\u0641\u200c\u0647\u0627 (Rows) \u0648 \u0633\u062a\u0648\u0646\u200c\u0647\u0627 (Columns) \u0627\u0633\u062a. \u0627\u0632 \u062c\u062f\u0648\u0644\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0645\u0627\u0646\u0646\u062f \u0642\u06cc\u0645\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u0644\u06cc\u0633\u062a \u06a9\u0627\u0631\u0645\u0646\u062f\u0627\u0646\u060c \u0628\u0631\u0646\u0627\u0645\u0647 \u067e\u0631\u0648\u0627\u0632\u0647\u0627\u060c \u06af\u0632\u0627\u0631\u0634\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0648 \u0647\u0631 \u0646\u0648\u0639 \u062f\u0627\u062f\u0647 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u06cc\u0627\u062f \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u062c\u062f\u0648\u0644 \u062f\u0631 HTML \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u062a\u0639\u062f\u0627\u062f \u0633\u0637\u0631\u0647\u0627 \u0648 \u0633\u062a\u0648\u0646\u200c\u0647\u0627 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6555,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[67,190],"tags":[1431,1433,1429,1430,1432],"class_list":["post-6554","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-67","category-programming","tag--html","tag----html","tag--table--html"],"aioseo_notices":[],"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/comments?post=6554"}],"version-history":[{"count":1,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6554\/revisions"}],"predecessor-version":[{"id":6556,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6554\/revisions\/6556"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media\/6555"}],"wp:attachment":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media?parent=6554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/categories?post=6554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/tags?post=6554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}