{"id":64146,"date":"2024-03-11T22:15:11","date_gmt":"2024-03-11T15:15:11","guid":{"rendered":"https:\/\/itviec.com\/blog\/?p=64146"},"modified":"2025-07-15T16:43:43","modified_gmt":"2025-07-15T09:43:43","slug":"table-html","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/table-html\/","title":{"rendered":"Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A &#8211; Z"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed9i dung b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itviec.com\/blog\/table-html\/#Gioi_thieu_ve_Table_trong_HTML\" >Gi\u1edbi thi\u1ec7u v\u1ec1 Table trong HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itviec.com\/blog\/table-html\/#Mot_so_the_tag_pho_bien_cua_Table_HTML\" >M\u1ed9t s\u1ed1 th\u1ebb (tag) ph\u1ed5 bi\u1ebfn c\u1ee7a Table HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itviec.com\/blog\/table-html\/#Cach_tao_cau_truc_du_lieu_bang_bang_HTML\" >C\u00e1ch t\u1ea1o c\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng b\u1eb1ng HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itviec.com\/blog\/table-html\/#Cach_dinh_dang_bang_trong_HTML\" >C\u00e1ch \u0111\u1ecbnh d\u1ea1ng b\u1ea3ng trong HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itviec.com\/blog\/table-html\/#Mot_so_vi_du_ve_cach_su_dung_Table_HTML\" >M\u1ed9t s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 c\u00e1ch s\u1eed d\u1ee5ng Table HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/itviec.com\/blog\/table-html\/#Khi_nao_can_su_dung_du_lieu_Table_HTML\" >Khi n\u00e0o c\u1ea7n s\u1eed d\u1ee5ng d\u1eef li\u1ec7u Table HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/itviec.com\/blog\/table-html\/#Tong_ket_table_HTML\" >T\u1ed5ng k\u1ebft table HTML<\/a><\/li><\/ul><\/nav><\/div>\n\n<p><b><i>Table HTML l\u00e0 m\u1ed9t ph\u1ea7n t\u1eed HTML gi\u00fap b\u1ea1n th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u m\u1ed9t c\u00e1ch tr\u1ef1c quan, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u \u0111\u1ebfn v\u1edbi ng\u01b0\u1eddi d\u00f9ng. C\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng c\u0169ng l\u00e0 m\u1ed9t l\u1ef1a ch\u1ecdn ph\u00f9 h\u1ee3p \u0111\u1ec3 b\u1ea1n ch\u1eaft l\u1ecdc, l\u1ef1a ch\u1ecdn v\u00e0 hi\u1ec3n th\u1ecb n\u1ed9i dung n\u1ed5i b\u1eadt tr\u00ean trang web theo c\u00e1ch ng\u1eafn g\u1ecdn nh\u1ea5t. V\u1eady Table HTML l\u00e0 g\u00ec v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng c\u1ea5u tr\u00fac d\u1eef li\u1ec7u n\u00e0y nh\u01b0 th\u1ebf n\u00e0o?<\/i><\/b><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ecdc b\u00e0i vi\u1ebft d\u01b0\u1edbi \u0111\u00e2y \u0111\u1ec3 t\u00ecm hi\u1ec3u v\u1ec1:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">C\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng trong HTML<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">M\u1ed9t s\u1ed1 thu\u1ed9c t\u00ednh v\u00e0 th\u1ebb tags ph\u1ed5 bi\u1ebfn trong d\u1eef li\u1ec7u b\u1ea3ng<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">C\u00e1ch s\u1eed d\u1ee5ng d\u1eef li\u1ec7u b\u1ea3ng v\u00e0 v\u00ed d\u1ee5 ph\u00e2n t\u00edch c\u1ee5 th\u1ec3<\/span><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Tham kh\u1ea3o <strong><a href=\"https:\/\/itviec.com\/viec-lam-it\/html\" target=\"_blank\" rel=\"noreferrer noopener\">vi\u1ec7c l\u00e0m HTML<\/a><\/strong> to\u00e0n qu\u1ed1c<\/em><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-gi\u1edbi-thi\u1ec7u-v\u1ec1-table-trong-html\"><span class=\"ez-toc-section\" id=\"Gioi_thieu_ve_Table_trong_HTML\"><\/span><b>Gi\u1edbi thi\u1ec7u v\u1ec1 Table trong HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u1ea3ng (Table) l\u00e0 ph\u1ea7n t\u1eed HTML th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp theo h\u00e0ng v\u00e0 c\u1ed9t t\u01b0\u01a1ng t\u1ef1 nh\u01b0 m\u1ed9t b\u1ea3ng t\u00ednh. Trong HTML, c\u1ea5u tr\u00fac b\u1ea3ng c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng s\u1eafp x\u1ebfp c\u00e1c th\u00e0nh ph\u1ea7n t\u1eeb \u0111\u01a1n gi\u1ea3n \u0111\u1ebfn ph\u1ee9c t\u1ea1p theo m\u1ed9t c\u00e1ch ho\u00e0n ch\u1ec9nh v\u1edbi \u0111\u1ea7y \u0111\u1ee7 v\u1ec1 ti\u00eau \u0111\u1ec1 h\u00e0ng, c\u1ed9t, ti\u00eau \u0111\u1ec1 h\u1ee3p nh\u1ea5t,&#8230;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ed9i dung hay d\u1eef li\u1ec7u c\u1ee7a b\u1ea3ng s\u1ebd \u0111\u01b0\u1ee3c bao b\u1ecdc b\u1edfi c\u1eb7p th\u1ebb ch\u00ednh l\u00e0:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt; v\u00e0 &lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u00ean trong \u0111\u00f3 l\u00e0 c\u00e1c c\u1eb7p th\u1ebb nh\u01b0:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;tr&gt;&lt;\/tr&gt; (t\u1ea1o h\u00e0ng)<\/span>\n<span style=\"font-weight: 400;\">&lt;td&gt;&lt;\/td&gt; (t\u1ea1o c\u1ed9t)<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 c\u00e1ch \u00e1p d\u1ee5ng Table HTML:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 1&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 2&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 4&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 5&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 6&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Hi\u1ec3n th\u1ecb tr\u00ean web nh\u01b0 sau:<\/span><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00d4 1<\/span><\/p>\n<\/td><td><span style=\"font-weight: 400;\">\u00d4 2<\/span><\/td><td><span style=\"font-weight: 400;\">\u00d4 3<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">\u00d4 4<\/span><\/td><td><span style=\"font-weight: 400;\">\u00d4 5<\/span><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00d4 6<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Hi\u1ec7n nay, s\u1eed d\u1ee5ng Table HTML trong c\u00e1c trang web tr\u1edf n\u00ean ph\u1ed5 bi\u1ebfn h\u01a1n nh\u1edd l\u01b0\u1ee3ng th\u00f4ng tin \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb r\u00f5 r\u00e0ng, d\u1ec5 hi\u1ec3u v\u00e0 ng\u1eafn g\u1ecdn.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-m\u1ed9t-s\u1ed1-th\u1ebb-tag-ph\u1ed5-bi\u1ebfn-c\u1ee7a-table-html\"><span class=\"ez-toc-section\" id=\"Mot_so_the_tag_pho_bien_cua_Table_HTML\"><\/span><b>M\u1ed9t s\u1ed1 th\u1ebb (tag) ph\u1ed5 bi\u1ebfn c\u1ee7a Table HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 <\/span><a href=\"https:\/\/itviec.com\/blog\/11-sach-lap-trinh-kinh-dien\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">l\u1eadp tr\u00ecnh c\u01a1 b\u1ea3n<\/span><\/a><span style=\"font-weight: 400;\"> d\u1eef li\u1ec7u Table trong HTML th\u00ec b\u00ean c\u1ea1nh c\u1eb7p th\u1ebb <code>&lt;table><\/code>, b\u1ea1n c\u0169ng c\u1ea7n s\u1eed d\u1ee5ng \u0111\u1ebfn m\u1ed9t s\u1ed1 c\u1eb7p th\u1ebb nh\u01b0 sau:\u00a0<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b><code>&lt;th&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> X\u00e1c \u0111\u1ecbnh ti\u00eau \u0111\u1ec1 (headings) trong b\u1ea3ng, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng b\u00ean trong c\u1eb7p th\u1ebb <code>&lt;tr&gt;&lt;\/tr&gt;<\/code>.<\/span><\/li>\n\n\n\n<li><b><code>&lt;tr&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> X\u00e1c \u0111\u1ecbnh m\u1ed9t h\u00e0ng (row) trong b\u1ea3ng<\/span><\/li>\n\n\n\n<li><b><code>&lt;td&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> X\u00e1c \u0111\u1ecbnh 1 \u00f4 trong b\u1ea3ng v\u00e0 \u0111\u01b0\u1ee3c \u0111\u1eb7t n\u1eb1m trong c\u1eb7p th\u1ebb <code>&lt;tr&gt;&lt;\/tr&gt;<\/code>.&nbsp;<\/span><\/li>\n\n\n\n<li><b><code>&lt;caption&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> Ghi ch\u00fa th\u00edch cho b\u1ea3ng<\/span><\/li>\n\n\n\n<li><b><code>&lt;colgroup&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> Ch\u1ec9 \u0111\u1ecbnh m\u1ed9t nh\u00f3m (g\u1ed3m m\u1ed9t ho\u1eb7c nhi\u1ec1u c\u1ed9t) trong b\u1ea3ng<\/span><\/li>\n\n\n\n<li><b><code>&lt;col&gt;<\/code>: <\/b><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c \u0111\u1eb7t trong th\u1ebb <code>&lt;colgroup&gt;<\/code> v\u00e0 d\u00f9ng \u0111\u1ec3 quy \u0111\u1ecbnh thu\u1ed9c t\u00ednh cho c\u1ed9t.&nbsp;<\/span><\/li>\n\n\n\n<li><b><code>&lt;thead&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> X\u00e1c \u0111\u1ecbnh n\u1ed9i dung c\u00e1c ti\u00eau \u0111\u1ec1 trong m\u1ed9t b\u1ea3ng<\/span><\/li>\n\n\n\n<li><b><code>&lt;tbody&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> Ch\u1ee9a c\u00e1c n\u1ed9i dung ch\u00ednh trong b\u1ea3ng<\/span><\/li>\n\n\n\n<li><b><code>&lt;tfoot&gt;<\/code>:<\/b><span style=\"font-weight: 400;\"> T\u1ea1o n\u1ed9i dung \u1edf ch\u00e2n trang (footer) cho b\u1ea3ng<\/span><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-weight: 400;\"><em>Xem th\u00eam <\/em><\/span><a href=\"https:\/\/itviec.com\/it-jobs\/lap-trinh-vien-front-end\/ho-chi-minh-hcm?utm_campaign=daily&amp;utm_medium=anchor_text&amp;utm_source=blog_16082023&amp;job_selected=senior-front-end-developer-javascript-css-english-relia-software-2351\" target=\"_blank\" rel=\"noreferrer noopener\"><em><span style=\"font-weight: 400;\">Vi\u1ec7c l\u00e0m L\u1eadp tr\u00ecnh vi\u00ean Front-End<\/span><\/em><\/a><span style=\"font-weight: 400;\"><em> t\u1ea1i TP. H\u1ed3 Ch\u00ed Minh<\/em><\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"><em>Xem th\u00eam <\/em><\/span><a href=\"https:\/\/itviec.com\/it-jobs\/lap-trinh-vien-front-end\/ha-noi?utm_campaign=daily&amp;utm_medium=anchor_text&amp;utm_source=blog_16082023&amp;job_selected=mid-frontend-dev-html5-css3-javascript-solis-lab-5124\" target=\"_blank\" rel=\"noreferrer noopener\"><em><span style=\"font-weight: 400;\">Vi\u1ec7c l\u00e0m L\u1eadp tr\u00ecnh vi\u00ean Front-End<\/span><\/em><\/a><span style=\"font-weight: 400;\"><em> t\u1ea1i H\u00e0 N\u1ed9i<\/em><\/span><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cach-t\u1ea1o-c\u1ea5u-truc-d\u1eef-li\u1ec7u-b\u1ea3ng-b\u1eb1ng-html\"><span class=\"ez-toc-section\" id=\"Cach_tao_cau_truc_du_lieu_bang_bang_HTML\"><\/span><b>C\u00e1ch t\u1ea1o c\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng b\u1eb1ng HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-kh\u1edfi-t\u1ea1o-b\u1ea3ng-table\"><b>Kh\u1edfi t\u1ea1o b\u1ea3ng (Table)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ea7u ti\u00ean, b\u1ea1n kh\u1edfi t\u1ea1o b\u1ea3ng b\u1eb1ng c\u00e1ch khai b\u00e1o c\u1eb7p th\u1ebb <code>&lt;table&gt;&lt;\/table&gt;<\/code> \u1edf trong file HTML, sau \u0111\u00f3 \u0111\u1eb7t c\u00e1c th\u1ebb th\u00e0nh ph\u1ea7n nh\u01b0 <code>&lt;tr&gt;<\/code>, <code>&lt;td&gt;<\/code> v\u00e0o b\u00ean trong th\u1ebb <code>&lt;table&gt;<\/code>. \u0110\u1ec3 t\u1ea1o m\u1ed9t b\u1ea3ng \u0111\u01a1n gi\u1ea3n, b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o qua v\u00ed d\u1ee5 sau:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;td&gt;\u00d4 \u0111\u1ea7u ti\u00ean&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;td&gt;\u00d4 th\u1ee9 hai&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;td&gt;\u00d4 th\u1ee9 hai&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;td&gt;\u00d4 th\u1ee9 t\u01b0&lt;\/td&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u1edbi c\u00fa ph\u00e1p nh\u01b0 v\u00ed d\u1ee5 tr\u00ean, b\u1ea3ng s\u1ebd \u0111\u01b0\u1ee3c t\u1ea1o v\u1edbi m\u1ed9t h\u00e0ng \u0111\u1ea7u ti\u00ean v\u1edbi m\u1ed7i ph\u1ea7n t\u1eed <code>&lt;td&gt;<\/code> s\u1ebd t\u1ea1o m\u1ed9t \u00f4 v\u00e0 \u0111\u01b0\u1ee3c t\u1ef1 \u0111\u1ed9ng c\u0103n ch\u1ec9nh v\u1edbi nhau tr\u00ean c\u00f9ng m\u1ed9t h\u00e0ng, nh\u01b0 sau:<\/span><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00d4 \u0111\u1ea7u ti\u00ean<\/span><\/p>\n<\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00d4 th\u1ee9 hai<\/span><\/p>\n<\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00d4 th\u1ee9 ba<\/span><\/p>\n<\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00d4 th\u1ee9 t\u01b0<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n mu\u1ed1n t\u1ea1o th\u00eam 1-2 h\u00e0ng n\u1eefa th\u00ec ch\u1ec9 c\u1ea7n s\u1eed d\u1ee5ng th\u00eam ph\u1ea7n t\u1eed <code>&lt;tr><\/code> (table row), m\u1ed7i h\u00e0ng s\u1ebd \u0111\u01b0\u1ee3c bao b\u1ecdc trong m\u1ed9t ph\u1ea7n t\u1eed <code>&lt;tr><\/code> v\u1edbi m\u1ed7i \u00f4 ch\u1ee9a trong m\u1ed9t <code>&lt;td><\/code>.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:\u00a0<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 \u0111\u1ea7u ti\u00ean&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 th\u1ee9 hai&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 th\u1ee9 ba&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00d4 th\u1ee9 t\u01b0&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;H\u00e0ng th\u1ee9 hai, \u00f4 \u0111\u1ea7u ti\u00ean&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;H\u00e0ng th\u1ee9 hai, \u00f4 th\u1ee9 2&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;H\u00e0ng th\u1ee9 hai, \u00f4 th\u1ee9 3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;H\u00e0ng th\u1ee9 hai, \u00f4 th\u1ee9 4&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00d4 \u0111\u1ea7u ti\u00ean<\/span><\/p>\n<\/td><td><span style=\"font-weight: 400;\">\u00d4 th\u1ee9 hai<\/span><\/td><td><span style=\"font-weight: 400;\">\u00d4 th\u1ee9 ba<\/span><\/td><td><span style=\"font-weight: 400;\">\u00d4 th\u1ee9 t\u01b0<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">H\u00e0ng th\u1ee9 hai, \u00f4 \u0111\u1ea7u ti\u00ean<\/span><\/td><td><span style=\"font-weight: 400;\">H\u00e0ng th\u1ee9 hai, \u00f4 th\u1ee9 2<\/span><\/td><td><span style=\"font-weight: 400;\">H\u00e0ng th\u1ee9 hai, \u00f4 th\u1ee9 3<\/span><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">H\u00e0ng th\u1ee9 hai, \u00f4 th\u1ee9 4<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">Kh\u1edfi t\u1ea1o b\u1ea3ng v\u1edbi ph\u1ea7n t\u1eed &lt;td&gt; v\u00e0 &lt;tr&gt;<\/span>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-them-cac-o-tieu-d\u1ec1-table-header\"><b>Th\u00eam c\u00e1c \u00f4 ti\u00eau \u0111\u1ec1 (Table Header)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Table Header <code>&lt;th&gt;<\/code> \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng m\u1ed9t \u00f4 tr\u1edf th\u00e0nh header, n\u1eb1m trong th\u1ebb <code>&lt;tr&gt;<\/code> v\u00e0 c\u00f3 ch\u1ee9c n\u0103ng t\u01b0\u01a1ng t\u1ef1 v\u1edbi c\u1eb7p th\u1ebb <span style=\"font-weight: 400;\"><code>&lt;td&gt;<\/code><\/span>. Th\u00f4ng th\u01b0\u1eddng, c\u00e1c \u00f4 heading s\u1ebd \u0111\u01b0\u1ee3c \u0111i\u1ec1u ch\u1ec9nh c\u0103n gi\u1eefa v\u00e0 in \u0111\u1eadm \u0111\u1ec3 gi\u00fap ch\u00fang n\u1ed5i b\u1eadt h\u01a1n \u0111\u1ed1i v\u1edbi ng\u01b0\u1eddi d\u00f9ng.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;H\u1ecd&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;S\u1ed1 \u0111i\u1ec7n tho\u1ea1i&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&lt;td&gt;Nguy\u1ec5n&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&lt;td&gt;Th\u1ea3o&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&lt;td&gt;0123456789&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;L\u00ea&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Tu\u1ea5n&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;0987654321&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><b>H\u1ecd<\/b><\/td><td><b>T\u00ean<\/b><\/td><td><b>S\u1ed1 \u0111i\u1ec7n tho\u1ea1i<\/b><\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Nguy\u1ec5n<\/span><\/p>\n<\/td><td><span style=\"font-weight: 400;\">Th\u1ea3o<\/span><\/td><td><span style=\"font-weight: 400;\">0123456789<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">L\u00ea<\/span><\/td><td><span style=\"font-weight: 400;\">Tu\u1ea5n<\/span><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">0987654321<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a v\u00ed d\u1ee5 v\u1ec1 ti\u00eau \u0111\u1ec1 b\u1ea3ng trong HTML<\/span>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-them-header-body-va-footer-nbsp\"><b>Th\u00eam Header, Body v\u00e0 Footer&nbsp;<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Khi c\u1ea5u tr\u00fac b\u1ea3ng c\u00f3 h\u01a1i ph\u1ee9c t\u1ea1p v\u00e0 nhi\u1ec1u th\u00f4ng tin th\u00ec b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh <code>&lt;thead&gt;<\/code>, <code>&lt;tbody&gt;<\/code> v\u00e0 <code>&lt;tfoot&gt;<\/code> \u0111\u1ec3 \u0111\u00e1nh d\u1ea5u ph\u1ea7n \u0111\u1ea7u c\u1ee7a c\u1ed9t, ph\u1ea7n cu\u1ed1i c\u0169ng nh\u01b0 n\u1ed9i dung ch\u00ednh cho b\u1ea3ng.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh \u0111\u00f3, <code>&lt;thead&gt;<\/code> c\u00f2n c\u00f3 ch\u1ee9c n\u0103ng gi\u00fap qu\u1ea3n l\u00fd th\u00f4ng tin trong b\u1ea3ng m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng h\u01a1n, c\u1ed1 \u0111\u1ecbnh ph\u1ea7n ti\u00eau \u0111\u1ec1 khi b\u1ea3ng c\u00f3 ch\u1ee9a d\u1eef li\u1ec7u l\u1edbn.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Hay <code>&lt;tbody&gt;<\/code> gi\u00fap t\u1ef1 \u0111\u1ed9ng t\u1ea1o scroll, t\u00e1ch bi\u1ec7t v\u1edbi ph\u1ea7n <code>&lt;thead&gt;<\/code> \u0111\u1ec3 d\u1ec5 d\u00e0ng ti\u1ebfp c\u1eadn th\u00f4ng tin v\u00e0 <code>&lt;tfoot&gt;<\/code> khi s\u1ed1 l\u01b0\u1ee3ng d\u00f2ng v\u01b0\u1ee3t qu\u00e1 chi\u1ec1u cao c\u1ee7a b\u1ea3ng.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh n\u00e0y trong table HTML, b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o c\u00e1ch nh\u01b0 sau:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\"><code>&lt;thead&gt;<\/code> c\u00f3 nhi\u1ec7m v\u1ee5 gom nh\u00f3m ti\u00eau \u0111\u1ec1 b\u1ea3ng, th\u01b0\u1eddng s\u1ebd l\u00e0 h\u00e0ng \u0111\u1ea7u ti\u00ean. N\u1ebfu b\u1ea1n c\u00f3 \u0111ang s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh <code>&lt;col&gt;<\/code> ho\u1eb7c <code>&lt;colgroup&gt;<\/code> th\u00ec <code>&lt;thead&gt;<\/code> s\u1ebd \u1edf ngay b\u00ean d\u01b0\u1edbi thu\u1ed9c t\u00ednh n\u00e0y.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">\u0110\u1ed1i v\u1edbi <code>&lt;tfoot&gt;<\/code> s\u1ebd bao g\u1ed3m c\u00e1c n\u1ed9i dung \u1edf ph\u00eda cu\u1ed1i c\u1ee7a b\u1ea3ng, th\u01b0\u1eddng s\u1ebd l\u00e0 c\u00e1c c\u1ed9t mang n\u1ed9i dung th\u00e0nh ti\u1ec1n ho\u1eb7c l\u00e0 \u0111\u1ebfm t\u1ed5ng.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\"><code>&lt;tbody&gt;<\/code> s\u1ebd bao b\u1ecdc c\u00e1c ph\u1ea7n n\u1ed9i dung c\u1ee7a b\u1ea3ng, s\u1ebd xu\u1ea5t hi\u1ec7n \u1edf ngay b\u00ean d\u01b0\u1edbi n\u1ed9i dung c\u1ee7a <code>&lt;thead&gt;<\/code>.&nbsp;<\/span><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>L\u01b0u \u00fd:<\/strong><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong code table HTML d\u00f9 b\u1ea1n c\u00f3 thay \u0111\u1ed5i v\u1ecb tr\u00ed c\u1ee7a c\u00e1c th\u1ebb <code>&lt;tbody&gt;<\/code> ho\u1eb7c <code>&lt;thead&gt;<\/code> (v\u00ed d\u1ee5 b\u1ea1n vi\u1ebft <code>&lt;tbody&gt;<\/code> tr\u00ean c\u00f9ng, c\u00f2n <code>&lt;thead&gt;<\/code> \u1edf gi\u1eefa) th\u00ec khi hi\u1ec3n th\u1ecb tr\u00ean trang web, n\u1ed9i dung c\u1ee7a th\u1ebb <code>&lt;tbody&gt;<\/code> v\u1eabn s\u1ebd n\u1eb1m \u0111\u00fang \u1edf v\u1ecb tr\u00ed ngay gi\u1eefa.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110i\u1ec1u n\u00e0y ngh\u0129a l\u00e0 n\u1ebfu b\u1ea1n \u0111\u1eb7t c\u00e1c nh\u00f3m n\u00e0y \u1edf \u0111\u00e2u th\u00ec khi hi\u1ec3n th\u1ecb v\u1eabn theo \u0111\u00fang tr\u00ecnh t\u1ef1 <code>&lt;thead&gt;<\/code>, <code>&lt;tbody&gt;<\/code> v\u00e0 <code>&lt;tfoot&gt;<\/code>.&nbsp;<\/span><\/p>\n<\/blockquote>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00f9ng xem qua v\u00ed d\u1ee5 v\u1ec1 c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c th\u1ebb <code>&lt;thead&gt;<\/code>, <code>&lt;tbody&gt;<\/code> v\u00e0 <code>&lt;tfoot&gt;<\/code>:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;thead&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th colspan=\"2\"&gt;C\u00f4ng ty A&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th colspan=\"2\"&gt;C\u00f4ng ty B&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/thead&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tbody&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;S\u1ed1 l\u01b0\u1ee3ng nh\u00e2n vi\u00ean&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;\u0110i\u1ec3m h\u00e0i l\u00f2ng&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;S\u1ed1 l\u01b0\u1ee3ng nh\u00e2n vi\u00ean&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;\u0110i\u1ec3m h\u00e0i l\u00f2ng&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;200&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;4.3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;1000&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;3.7&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tbody&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tfoot&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th colspan= \"4\"&gt;S\u1ed1 li\u1ec7u \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt l\u1ea7n cu\u1ed1i: 31\/03\/2024&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tfoot&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td colspan=\"2\"><b>C\u00f4ng ty A<\/b><\/td><td colspan=\"2\"><b>C\u00f4ng ty B<\/b><\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">S\u1ed1 l\u01b0\u1ee3ng nh\u00e2n vi\u00ean<\/span><\/p>\n<\/td><td><span style=\"font-weight: 400;\">\u0110i\u1ec3m h\u00e0i l\u00f2ng<\/span><\/td><td><span style=\"font-weight: 400;\">S\u1ed1 l\u01b0\u1ee3ng nh\u00e2n vi\u00ean<\/span><\/td><td><span style=\"font-weight: 400;\">\u0110i\u1ec3m h\u00e0i l\u00f2ng<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">200<\/span><\/td><td><span style=\"font-weight: 400;\">4.3<\/span><\/td><td><span style=\"font-weight: 400;\">1000<\/span><\/td><td><span style=\"font-weight: 400;\">3.7<\/span><\/td><\/tr><tr><td colspan=\"4\">\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">S\u1ed1 li\u1ec7u \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt l\u1ea7n cu\u1ed1i: 31\/03\/2024<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a b\u1ea3ng code Table HTML<\/span>.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Theo v\u00ed d\u1ee5 tr\u00ean, c\u00f3 th\u1ec3 th\u1ea5y \u0111\u01b0\u1ee3c ti\u00eau \u0111\u1ec1 (header) c\u1ee7a b\u1ea3ng \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb b\u1eb1ng c\u00e1c c\u00f4ng ty trong danh s\u00e1ch s\u1eb5n c\u00f3, ph\u1ea7n s\u1ed1 l\u01b0\u1ee3ng nh\u00e2n vi\u00ean v\u00e0 \u0111i\u1ec3m h\u00e0i l\u00f2ng cho ph\u1ea7n th\u00e2n (body) v\u00e0 c\u00e2u cu\u1ed1i c\u00f9ng ch\u00ednh l\u00e0 ph\u1ea7n ch\u00e2n trang (footer) c\u1ee7a b\u1ea3ng.&nbsp;<\/span><b><\/b><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-them-chu-thich-caption\"><b>Th\u00eam ch\u00fa th\u00edch (caption)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00f4ng d\u1ee5ng ch\u00ednh c\u1ee7a vi\u1ec7c th\u00eam ch\u00fa th\u00edch l\u00e0 cung c\u1ea5p m\u00f4 t\u1ea3 v\u1ec1 d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c tr\u00ecnh b\u00e0y trong b\u1ea3ng, gi\u00fap ng\u01b0\u1eddi d\u00f9ng d\u1ec5 d\u00e0ng n\u1eafm b\u1eaft \u0111\u01b0\u1ee3c n\u1ed9i dung ch\u00ednh.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 ch\u00e8n ch\u00fa th\u00edch v\u00e0o b\u1ea3ng, b\u1ea1n h\u00e3y s\u1eed d\u1ee5ng c\u1eb7p th\u1ebb <code>&lt;caption><\/code> v\u00e0 th\u01b0\u1eddng \u0111\u01b0\u1ee3c t\u1ea1o ngay sau c\u1eb7p th\u1ebb <code>&lt;table><\/code> \u0111\u01b0\u1ee3c t\u1ea1o. Ch\u00fa th\u00edch th\u01b0\u1eddng \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf \u0111\u1ea7u b\u1ea3ng v\u00e0 lu\u00f4n \u0111\u01b0\u1ee3c c\u0103n gi\u1eefa.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;caption&gt;Th\u00f4ng tin v\u1ec1 c\u00e1c th\u00e1ng trong n\u0103m 2024&lt;\/caption&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;Th\u00e1ng&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;S\u1ed1 ng\u00e0y&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;Nhi\u1ec7t \u0111\u1ed9 trung b\u00ecnh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;1&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;31&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;25&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;2&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;29&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;27&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;31&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;28&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td colspan=\"3\">\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Th\u00f4ng tin v\u1ec1 c\u00e1c th\u00e1ng trong n\u0103m 2024<\/span><\/p>\n<\/td><\/tr><tr><td><b>Th\u00e1ng<\/b><\/td><td><b>S\u1ed1 ng\u00e0y<\/b><\/td><td><b>Nhi\u1ec7t \u0111\u1ed9 trung b\u00ecnh<\/b><\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">1<\/span><\/p>\n<\/td><td><span style=\"font-weight: 400;\">31<\/span><\/td><td><span style=\"font-weight: 400;\">25<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">2<\/span><\/td><td><span style=\"font-weight: 400;\">29<\/span><\/td><td><span style=\"font-weight: 400;\">27<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">3<\/span><\/td><td><span style=\"font-weight: 400;\">31<\/span><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">28<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a c\u1ea5u tr\u00fac ch\u00e8n ch\u00fa th\u00edch trong Table HTML<\/span>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-s\u1eed-d\u1ee5ng-thu\u1ed9c-tinh-ph\u1ea1m-vi-scope-attribute-trong-table-html\"><b>S\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh ph\u1ea1m vi (Scope Attribute) trong Table HTML<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Thu\u1ed9c t\u00ednh Scope \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 li\u00ean k\u1ebft c\u00e1c \u00f4 n\u1ed9i dung v\u1edbi \u00f4 ti\u00eau \u0111\u1ec1 t\u01b0\u01a1ng \u1ee9ng. \u0110\u1ed1i v\u1edbi m\u1ed9t b\u1ea3ng \u0111\u01a1n gi\u1ea3n, thu\u1ed9c t\u00ednh <code>scope<\/code> s\u1ebd gi\u00fap cho th\u00f4ng tin v\u1ec1 m\u1ed1i quan h\u1ec7 gi\u1eefa c\u00e1c ti\u00eau \u0111\u1ec1 v\u00e0 d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c r\u00f5 r\u00e0ng. T\u1eeb \u0111\u00f3, n\u00e2ng cao kh\u1ea3 n\u0103ng nh\u1eadn bi\u1ebft cho c\u00e1c c\u00f4ng c\u1ee5 \u0111\u1ecdc m\u00e0n h\u00ecnh v\u00e0 c\u00e1c c\u00f4ng ngh\u1ec7 h\u1ed7 tr\u1ee3 ng\u01b0\u1eddi khuy\u1ebft t\u1eadt.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, thu\u1ed9c t\u00ednh <code>scope<\/code> c\u00f3 th\u1ec3 ch\u1ee9a b\u1ea5t k\u1ef3 m\u1ed9t trong b\u1ed1n thu\u1ed9c t\u00ednh: <code>col<\/code>, <code>row<\/code>, <code>rowgroup<\/code> hay <code>colgroup<\/code> \u0111\u1ec3 ch\u1ec9 m\u1ed9t ti\u00eau \u0111\u1ec1 c\u1ed9t, h\u00e0ng ho\u1eb7c l\u00e0 m\u1ed9t nh\u00f3m ti\u00eau \u0111\u1ec1 c\u1ed9t v\u00e0 h\u00e0ng t\u01b0\u01a1ng \u1ee9ng.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th scope=\"col\"&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th scope=\"col\"&gt;\u0110i\u1ec3m&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;1&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Anh&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;10&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;2&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;\u00c1nh&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;9.5&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;B\u00ecnh&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;9.5&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>&nbsp;<\/td><td><b>T\u00ean<\/b><\/td><td><b>\u0110i\u1ec3m<\/b><\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">1<\/span><\/p>\n<\/td><td><span style=\"font-weight: 400;\">Anh<\/span><\/td><td><span style=\"font-weight: 400;\">10<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">2<\/span><\/td><td><span style=\"font-weight: 400;\">\u00c1nh<\/span><\/td><td><span style=\"font-weight: 400;\">9.5<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">3<\/span><\/td><td><span style=\"font-weight: 400;\">B\u00ecnh<\/span><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">9.5<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a \u0111o\u1ea1n code HTML thu\u1ed9c t\u00ednh scope<\/span>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-s\u1eed-d\u1ee5ng-cell-spanning\"><b>S\u1eed d\u1ee5ng Cell Spanning<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u00f9y theo t\u00ecnh hu\u1ed1ng m\u00e0 \u0111\u00f4i khi b\u1ea1n s\u1ebd c\u1ea7n h\u1ee3p nh\u1ea5t m\u1ed9t s\u1ed1 d\u00f2ng ho\u1eb7c c\u1ed9t trong b\u1ea3ng \u0111\u1ec3 hi\u1ec3n th\u1ecb th\u00f4ng tin \u0111\u01b0\u1ee3c \u0111\u1ea7y \u0111\u1ee7 v\u00e0 ch\u00ednh x\u00e1c h\u01a1n. N\u1ebfu trong c\u00e1c ph\u1ea7n m\u1ec1m nh\u01b0 MS Word ho\u1eb7c Excel th\u00ec b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng ch\u1ee9c n\u0103ng \u201cmerge\u201d \u0111\u1ec3 h\u1ee3p nh\u1ea5t c\u00e1c \u00f4.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u01b0\u01a1ng t\u1ef1, v\u1edbi HTML, b\u1ea1n s\u1ebd s\u1eed d\u1ee5ng hai thu\u1ed9c t\u00ednh l\u00e0 <\/span><code>&lt;colspan&gt;<\/code><span style=\"font-weight: 400;\"> \u0111\u1ec3 h\u1ee3p nh\u1ea5t c\u00e1c \u00f4 theo h\u00e0ng v\u00e0 <\/span><code>&lt;rowspan&gt;<\/code><span style=\"font-weight: 400;\"> \u0111\u1ec3 h\u1ee3p nh\u1ea5t c\u00e1c \u00f4 theo c\u1ed9t. Gi\u00e1 tr\u1ecb c\u1ee7a hai thu\u1ed9c t\u00ednh n\u00e0y \u0111\u01b0\u1ee3c g\u00e1n s\u1ed1 l\u1edbn h\u01a1n 0, t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi s\u1ed1 l\u01b0\u1ee3ng \u00f4 b\u1ea1n mu\u1ed1n h\u1ee3p nh\u1ea5t.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Theo v\u00ed d\u1ee5 d\u01b0\u1edbi \u0111\u00e2y, s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh <code>&lt;colspan&gt;<\/code>, <code>&lt;rowspan&gt;<\/code> \u0111\u1ec3 h\u1ee3p nh\u1ea5t 2 \u00f4 theo chi\u1ec1u ngang v\u00e0 3 \u00f4 theo chi\u1ec1u d\u1ecdc. Ngo\u00e0i ra, khi s\u1eed d\u1ee5ng hai thu\u1ed9c t\u00ednh n\u00e0y, b\u1ea1n n\u00ean ki\u1ec3m tra k\u1ef9 c\u00e1c gi\u00e1 tr\u1ecb \u0111\u01b0\u1ee3c g\u00e1n v\u00e0o ch\u00ednh x\u00e1c \u0111\u1ec3 tr\u00e1nh c\u00e1c \u00f4 b\u1ecb ch\u1ed3ng ch\u00e9o v\u00e0o nhau.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;M\u00f4n&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;\u0110i\u1ec3m&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td rowspan = \"2\"&gt;Nam&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Nh\u1eadp m\u00f4n HTML&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;75&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Nh\u1eadp m\u00f4n JavaScript&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;60&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td rowspan = \"2\"&gt;T\u00e2m&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Nh\u1eadp m\u00f4n HTML&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;80&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Nh\u1eadp m\u00f4n JavaScript&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;75&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td colspan=\"3\"&gt;Trung b\u00ecnh: 72.5&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><b>T\u00ean<\/b><\/td><td><b>M\u00f4n<\/b><\/td><td><b>\u0110i\u1ec3m<\/b><\/td><\/tr><tr><td rowspan=\"2\">\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Nam<\/span><\/p>\n<\/td><td><span style=\"font-weight: 400;\">Nh\u1eadp m\u00f4n HTML<\/span><\/td><td><span style=\"font-weight: 400;\">75<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">Nh\u1eadp m\u00f4n JavaScript<\/span><\/td><td><span style=\"font-weight: 400;\">60<\/span><\/td><\/tr><tr><td rowspan=\"2\"><span style=\"font-weight: 400;\">T\u00e2m<\/span><\/td><td><span style=\"font-weight: 400;\">Nh\u1eadp m\u00f4n HTML<\/span><\/td><td><span style=\"font-weight: 400;\">80<\/span><\/td><\/tr><tr><td><span style=\"font-weight: 400;\">Nh\u1eadp m\u00f4n JavaScript<\/span><\/td><td><span style=\"font-weight: 400;\">75<\/span><\/td><\/tr><tr><td colspan=\"3\">\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Trung b\u00ecnh: 72.5<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a c\u1ea5u tr\u00fac cell spanning<\/span>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cach-d\u1ecbnh-d\u1ea1ng-b\u1ea3ng-trong-html\"><span class=\"ez-toc-section\" id=\"Cach_dinh_dang_bang_trong_HTML\"><\/span><b>C\u00e1ch \u0111\u1ecbnh d\u1ea1ng b\u1ea3ng trong HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-d\u1ecbnh-d\u1ea1ng-b\u1ea3ng-v\u1edbi-thu\u1ed9c-tinh-lt-col-gt-va-lt-colgroup-gt\"><b>\u0110\u1ecbnh d\u1ea1ng b\u1ea3ng v\u1edbi thu\u1ed9c t\u00ednh &lt;col&gt; v\u00e0 &lt;colgroup&gt;<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ebfu nh\u01b0 b\u1ea1n mu\u1ed1n highlight m\u1ed9t s\u1ed1 th\u00f4ng tin quan tr\u1ecdng ho\u1eb7c \u0111\u01a1n gi\u1ea3n l\u00e0 th\u00eam m\u00e0u s\u1eafc cho b\u1ea3ng th\u00ec c\u00f3 th\u1ec3 \u0111\u1ecbnh d\u1ea1ng ch\u00fang b\u1eb1ng thu\u1ed9c t\u00ednh <code>&lt;col&gt;<\/code> v\u00e0 <code>&lt;colgroup&gt;<\/code>. L\u00fac n\u00e0y, c\u00e1c ph\u1ea7n t\u1eed <span style=\"font-weight: 400;\"><code>&lt;col&gt;<\/code><\/span> s\u1ebd n\u1eb1m b\u00ean trong th\u1ebb <span style=\"font-weight: 400;\"><code>&lt;colgroup&gt;<\/code><\/span> v\u00e0 \u0111\u1eb7t ngay b\u00ean d\u01b0\u1edbi th\u1ebb <code>&lt;table&gt;<\/code>. C\u1ee5 th\u1ec3 nh\u01b0 sau:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;colgroup&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;col \/&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;col style=\"background-color: yellow\" \/&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/colgroup&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;Tu\u1ed5i&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Thanh&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;33&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;L\u00e2m&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;25&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"91\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-6-vippro.png\" alt=\"table html - b\u1ea3ng html - itviec blog\" class=\"wp-image-64166\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-6-vippro.png 939w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-6-vippro-300x29.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-6-vippro-700x68.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-6-vippro-200x19.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-6-vippro-100x10.png 100w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u1edbi c\u1ea5u tr\u00fac tr\u00ean, b\u1ea1n c\u00f3 th\u1ec3 \u1ee9ng d\u1ee5ng \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng ki\u1ec3u d\u00e1ng cho m\u1ed9t c\u1ed9t c\u00f3 ch\u1ee9a th\u00f4ng tin ho\u1eb7c n\u1ed9i dung quan tr\u1ecdng. Th\u1ebb <span style=\"font-weight: 400;\"><code>&lt;col&gt;<\/code><\/span> s\u1ebd gi\u00fap b\u1ea1n \u0111\u1ecbnh d\u1ea1ng ki\u1ec3u d\u00e1ng cho t\u1ea5t c\u1ea3 c\u00e1c \u00f4 c\u1ee7a c\u1ed9t c\u00f9ng m\u1ed9t l\u00fac, thay v\u00ec ph\u1ea3i \u0111\u1ecbnh d\u1ea1ng theo t\u1eebng c\u1ed9t ri\u00eang l\u1ebb.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, n\u1ebfu nh\u01b0 b\u1ea1n mu\u1ed1n highlight c\u1ea3 hai c\u1ed9t th\u00ec ch\u1ec9 c\u1ea7n ch\u00e8n th\u00eam thu\u1ed9c t\u00ednh span v\u00e0o <code>&lt;col&gt;<\/code> v\u00e0 gi\u00e1 tr\u1ecb c\u1ee7a span s\u1ebd l\u00e0 s\u1ed1 l\u01b0\u1ee3ng c\u1ed9t b\u1ea1n mu\u1ed1n \u00e1p d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng, c\u1ee5 th\u1ec3 nh\u01b0:<\/span><\/p>\n\n\n\n<p>C\u1ea5u tr\u00fac \u0111\u1ecbnh d\u1ea1ng 2 c\u1ed9t c\u00f3 m\u00e0u trong Table HTML:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;colgroup&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;col style=\"background-color: yellow\" span=\"2\" \/&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/colgroup&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u01b0\u01a1ng t\u1ef1 v\u1edbi <code>&lt;colspan&gt;<\/code> v\u00e0 <code>&lt;rowspan&gt;<\/code>, span ch\u1ec9 nh\u1eadn m\u1ed9t gi\u00e1 tr\u1ecb s\u1ed1, kh\u00f4ng c\u00f3 \u0111\u01a1n v\u1ecb ch\u1ec9 s\u1ed1 c\u1ed9t m\u00e0 b\u1ea1n mu\u1ed1n \u0111\u1ecbnh d\u1ea1ng ki\u1ec3u d\u00e1ng.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-border-nbsp\"><b>Border&nbsp;<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 t\u1ea1o \u0111\u01b0\u1eddng vi\u1ec1n cho b\u1ea3ng, b\u1ea1n h\u00e3y s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh border ch\u00e8n trong c\u00e1c th\u1ebb <code>&lt;table&gt;<\/code>, <code>&lt;th&gt;<\/code> v\u00e0 <code>&lt;td&gt;<\/code>. M\u1ed9t s\u1ed1 ki\u1ec3u \u0111\u1ecbnh d\u1ea1ng b\u1ea3ng b\u1eb1ng thu\u1ed9c t\u00ednh border c\u1ee5 th\u1ec3 nh\u01b0 sau:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Border-collapse<\/b><span style=\"font-weight: 400;\">: thu g\u1ecdn \u0111\u01b0\u1eddng vi\u1ec1n th\u00e0nh m\u1ed9t \u0111\u01b0\u1eddng vi\u1ec1n \u0111\u01a1n.&nbsp;<\/span><\/li>\n\n\n\n<li><b>Border-radius:<\/b><span style=\"font-weight: 400;\"> bo tr\u00f2n \u0111\u01b0\u1eddng vi\u00ean b\u1ea3ng.&nbsp;<\/span><\/li>\n\n\n\n<li><b>Border-color: <\/b><span style=\"font-weight: 400;\">\u0110i\u1ec1u ch\u1ec9nh m\u00e0u s\u1eafc cho \u0111\u01b0\u1eddng vi\u1ec1n.<\/span><\/li>\n\n\n\n<li><b>Border-style:<\/b><span style=\"font-weight: 400;\"> \u0111\u1ecbnh d\u1ea1ng ki\u1ec3u \u0111\u01b0\u1eddng vi\u1ec1n nh\u01b0 dotted, dashed, solid, double, groove, ridge, none, hidden,&#8230;&nbsp;<\/span><\/li>\n<\/ul>\n\n\n\n<p>V\u00ed d\u1ee5 nh\u01b0:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;style&gt;<\/span>\n\n<span style=\"font-weight: 400;\">th, td {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border-style:solid;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border-radius: 10px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border-color: #96D4D4;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/style&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"866\" height=\"192\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-7-vippro.png\" alt=\"\" class=\"wp-image-64167\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-7-vippro.png 866w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-7-vippro-300x67.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-7-vippro-700x155.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-7-vippro-200x44.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-7-vippro-100x22.png 100w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 cho v\u00ed d\u1ee5 v\u1ec1 c\u00e1c ch\u1ee9c n\u0103ng c\u1ee7a thu\u1ed9c t\u00ednh border k\u1ec3 tr\u00ean (Ngu\u1ed3n: w3school.com)&nbsp;<\/span><b><\/b><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cellpadding-amp-cellspacing\"><b>Cellpadding &amp; Cellspacing<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Cellpadding l\u00e0 thu\u1ed9c t\u00ednh x\u00e1c \u0111\u1ecbnh kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c n\u1ed9i dung trong \u00f4 v\u00e0 \u0111\u01b0\u1eddng vi\u1ec1n \u00f4 v\u00e0 c\u00f3 gi\u00e1 tr\u1ecb \u0111o l\u01b0\u1eddng m\u1eb7c \u0111\u1ecbnh l\u00e0 pixels. \u0110\u1ec3 th\u00eam kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c \u00f4, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh nh\u01b0 <code>padding-top<\/code>, <code>padding-bottom<\/code>, <code>padding-left<\/code> v\u00e0 <code>padding-right<\/code>.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">table, th, td {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border: 1px solid black;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border-collapse: collapse;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">th, td {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;padding-top: 10px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;padding-bottom: 20px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;padding-left: 30px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;padding-right: 40px;<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"854\" height=\"306\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-8-vippro.png\" alt=\"\" class=\"wp-image-64168\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-8-vippro.png 854w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-8-vippro-300x107.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-8-vippro-700x251.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-8-vippro-200x72.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-8-vippro-100x36.png 100w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 cho v\u00ed d\u1ee5 c\u00e1ch s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh Cell Padding k\u1ec3 tr\u00ean (Ngu\u1ed3n: w3school.com)<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh \u0111\u00f3, Cellspacing gi\u00fap x\u00e1c \u0111\u1ecbnh kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c \u00f4 v\u00e0 c\u0169ng c\u00f3 gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh l\u00e0 pixels. \u0110\u1ec3 thay \u0111\u1ed5i kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c \u00f4, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh <code>border-spacing<\/code> trong th\u1ebb <code>&lt;table&gt;<\/code>, c\u1ee5 th\u1ec3 nh\u01b0 sau:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">table, th, td {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border: 1px solid black;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">table {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border-spacing: 30px;<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"304\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-9-vippro.png\" alt=\"\" class=\"wp-image-64169\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-9-vippro.png 828w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-9-vippro-300x110.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-9-vippro-700x257.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-9-vippro-200x73.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-9-vippro-100x37.png 100w\" sizes=\"auto, (max-width: 828px) 100vw, 828px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 cho v\u00ed d\u1ee5 c\u1ee7a thu\u1ed9c t\u00ednh Cell Spacing k\u1ec3 tr\u00ean (Ngu\u1ed3n: w3school.com)<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-width-va-height-nbsp\"><b>Width v\u00e0 Height&nbsp;<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Width v\u00e0 Height l\u00e0 hai thu\u1ed9c t\u00ednh d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh chi\u1ec1u r\u1ed9ng v\u00e0 chi\u1ec1u cao c\u1ee7a b\u1ea3ng. Gi\u00e1 tr\u1ecb c\u1ee7a hai \u0111\u01a1n v\u1ecb n\u00e0y c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh theo pixel (px) hay ph\u1ea7n tr\u0103m (%). V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;- B\u1ea3ng b\u00ean d\u01b0\u1edbi c\u00f3 chi\u1ec1u r\u1ed9ng b\u1eb1ng 100% chi\u1ec1u r\u1ed9ng ph\u1ea7n n\u1ed9i c\u1ee7a ph\u1ea7n t\u1eed body&lt;\/p&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;table border=\"1\" width=\"100%\"&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;H\u1ecd v\u00e0 t\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;N\u0103m sinh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Gi\u1edbi t\u00ednh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Qu\u00ea qu\u00e1n&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Nguy\u1ec5n Th\u00e0nh A&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;1993&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Nam&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;C\u1ea7n Th\u01a1&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Tr\u1ea7n V\u0103n B&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;1985&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Nam&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;V\u0129nh Long&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;L\u00ea Th\u1ecb C&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;1990&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;N\u1eef&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;S\u00f3c Tr\u0103ng&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/table&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;- B\u1ea3ng b\u00ean d\u01b0\u1edbi c\u00f3 chi\u1ec1u r\u1ed9ng b\u1eb1ng 500 pixel&lt;\/p&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;table border=\"1\" width=\"500px\"&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;H\u1ecd v\u00e0 t\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;N\u0103m sinh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Gi\u1edbi t\u00ednh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Qu\u00ea qu\u00e1n&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Nguy\u1ec5n Th\u00e0nh A&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;1993&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Nam&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;C\u1ea7n Th\u01a1&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Tr\u1ea7n V\u0103n B&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;1985&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Nam&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;V\u0129nh Long&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;\n<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;L\u00ea Th\u1ecb C&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;1990&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;N\u1eef&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;S\u00f3c Tr\u0103ng&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;\/table&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"317\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-5-vippro.png\" alt=\"table html - b\u1ea3ng html - itviec blog\" class=\"wp-image-64165\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-5-vippro.png 939w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-5-vippro-300x101.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-5-vippro-700x236.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-5-vippro-200x68.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-5-vippro-100x34.png 100w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 c\u1ee7a thu\u1ed9c t\u00ednh Width v\u00e0 Height<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-m\u1ed9t-s\u1ed1-vi-d\u1ee5-v\u1ec1-cach-s\u1eed-d\u1ee5ng-table-html\"><span class=\"ez-toc-section\" id=\"Mot_so_vi_du_ve_cach_su_dung_Table_HTML\"><\/span><b>M\u1ed9t s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 c\u00e1ch s\u1eed d\u1ee5ng Table HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-vi-d\u1ee5-table-html-1\"><strong>V\u00ed d\u1ee5 table HTML 1<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 hi\u1ec3u r\u00f5 h\u01a1n v\u1ec1 c\u00e1c thu\u1ed9c t\u00ednh c\u0169ng nh\u01b0 c\u00e1ch s\u1eed d\u1ee5ng Table trong HTML, b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o qua m\u1ed9t s\u1ed1 v\u00ed d\u1ee5 nh\u01b0 sau:&nbsp;<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;style&gt;<\/span>\n<span style=\"font-weight: 400;\">table, th, td {<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;border:1px solid black;<\/span>\n\n<span style=\"font-weight: 400;\">}<\/span>\n<span style=\"font-weight: 400;\">&lt;\/style&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;h2&gt;M\u1ed9t table HTML c\u01a1 b\u1ea3n&lt;\/h2&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;table style=\"width:100%\"&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;Gi\u1edbi t\u00ednh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;Qu\u1ed1c t\u1ecbch&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Linh&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;N\u1eef&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Vi\u1ec7t Nam&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;\/tr&gt;\n<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;John&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Nam&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Hoa K\u1ef3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;p&gt;Th\u00eam \u0111\u01b0\u1eddng vi\u1ec1n v\u00e0o b\u1ea3ng \u0111\u1ec3 hi\u1ec3u v\u00ed d\u1ee5 t\u1ed1t h\u01a1n.&lt;\/p&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"179\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-4-vippro.png\" alt=\"table html - b\u1ea3ng html - itviec blog\" class=\"wp-image-64164\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-4-vippro.png 939w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-4-vippro-300x57.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-4-vippro-700x133.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-4-vippro-200x38.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-4-vippro-100x19.png 100w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a c\u1ea5u tr\u00fac d\u1eef li\u1ec7u Table HTML<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Theo v\u00ed d\u1ee5 tr\u00ean, c\u00f3 th\u1ec3 th\u1ea5y:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">M\u1ed7i \u00f4 c\u1ee7a b\u1ea3ng \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh b\u1eb1ng c\u1eb7p th\u1ebb <code>&lt;td&gt;<\/code> v\u00e0 <span style=\"font-weight: 400;\"><code>&lt;\/td&gt;<\/code><\/span>. M\u1ed7i th\u1ee9 gi\u1eefa c\u1eb7p th\u1ebb n\u00e0y \u0111\u1ec1u l\u00e0 n\u1ed9i dung c\u1ee7a b\u1ea3ng.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\"><code>&lt;tr&gt;<\/code> ch\u00ednh l\u00e0 c\u00e1c h\u00e0ng c\u1ee7a b\u1ea3ng. B\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ec3 bao nhi\u00eau h\u00e0ng t\u00f9y \u00fd trong m\u1ed9t b\u1ea3ng v\u00e0 s\u1ed1 \u00f4 trong m\u1ed7i h\u00e0ng gi\u1ed1ng nhau.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\"><code>&lt;th&gt;<\/code> l\u00e0 ti\u00eau \u0111\u1ec1 c\u1ee7a b\u1ea3ng, n\u1ebfu b\u1ea1n mu\u1ed1n c\u00e1c \u00f4 \u0111\u1ec1u l\u00e0 \u00f4 ti\u00eau \u0111\u1ec1 b\u1ea3ng th\u00ec h\u00e3y s\u1eed d\u1ee5ng th\u1ebb <code>&lt;th&gt;<\/code> thay v\u00ec <code>&lt;td&gt;<\/code>.<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-vi-d\u1ee5-table-html-2\"><strong>V\u00ed d\u1ee5 table HTML 2<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table style=\"width:100%\"&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;thead&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" rowspan=\"2\"&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" rowspan=\"2\"&gt;Tu\u1ed5i&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" colspan=\"2\"&gt;Tr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" rowspan=\"2\"&gt;B\u1eb1ng c\u1ea5p ti\u1ebfng Anh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\"&gt;B\u1eb1ng c\u1ea5p cao nh\u1ea5t&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\"&gt;C\u1ea5p n\u0103m&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;\/thead&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;tbody&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"row\"&gt;Nguy\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;32&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;\u0110\u1ea1i h\u1ecdc&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;2014&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;Kh\u00f4ng c\u00f3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"row\"&gt;L\u00fd&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;29&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;Cao \u0111\u1eb3ng&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;2017&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;Kh\u00f4ng c\u00f3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"row\"&gt;Ti\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;28&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;\u0110\u1ea1i h\u1ecdc&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;2018&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;IELTS&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tbody&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"943\" height=\"133\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-3-vippro.png\" alt=\"table html - b\u1ea3ng html - itviec blog\" class=\"wp-image-64163\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-3-vippro.png 943w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-3-vippro-300x42.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-3-vippro-700x99.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-3-vippro-200x28.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-3-vippro-100x14.png 100w\" sizes=\"auto, (max-width: 943px) 100vw, 943px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a c\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng HTML<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u1edbi v\u00ed d\u1ee5 s\u1ed1 2, c\u00f3 th\u1ec3 th\u1ea5y h\u00e0ng \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea3ng v\u1edbi c\u00e1c <code>&lt;th><\/code> l\u00e0 \u201cT\u00ean\u201d, \u201cTu\u1ed5i\u201d, \u201cTr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n\u201d v\u00e0 \u201cB\u1eb1ng c\u1ea5p ti\u1ebfng Anh\u201d. Trong \u0111\u00f3 \u201cTr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n\u201d c\u00f3 hai ti\u00eau \u0111\u1ec1 ph\u1ee5 l\u00e0 \u201cB\u1eb1ng c\u1ea5p cao nh\u1ea5t\u201d v\u00e0 \u201cC\u1ea5p n\u0103m\u201d. C\u00fa ph\u00e1p n\u00e0y \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n nh\u01b0 sau:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">\u201cT\u00ean\u201d, \u201cTu\u1ed5i\u201d v\u00e0 \u201cB\u1eb1ng c\u1ea5p ti\u1ebfng Anh\u201d \u0111\u01b0\u1ee3c h\u1ee3p nh\u1ea5t tr\u00ean c\u1ea3 hai h\u00e0ng ti\u00eau \u0111\u1ec1 c\u1ee7a b\u1ea3ng b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh <\/span><code>&lt;rowspan&gt;<\/code>.<b>&nbsp;<\/b><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">H\u00e0ng \u201cTr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n\u201d tr\u1ea3i d\u00e0i hai c\u1ed9t b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh <\/span><code>&lt;colspan&gt;<\/code><b>.<\/b><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">\u201cB\u1eb1ng c\u1ea5p cao nh\u1ea5t\u201d v\u00e0 \u201cC\u1ea5p n\u0103m\u201d \u0111\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb ch\u00ednh x\u00e1c d\u01b0\u1edbi ti\u00eau \u0111\u1ec1 \u201cTr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n\u201d n\u00ean s\u1ebd s\u1eed d\u1ee5ng c\u00fa ph\u00e1p <\/span><code>scope=\"col\"&gt;B\u1eb1ng c\u1ea5p cao nh\u1ea5t<\/code><b>.&nbsp;<\/b><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-vi-d\u1ee5-table-html-3\"><strong>V\u00ed d\u1ee5 table HTML 3<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Ti\u1ebfp t\u1ee5c v\u1edbi v\u00ed d\u1ee5 s\u1ed1 2, b\u1ea1n c\u00f3 th\u1ec3 th\u00eam ch\u00fa th\u00edch cho b\u1ea3ng \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng hi\u1ec3u \u0111\u01b0\u1ee3c n\u1ed9i dung b\u1ea3ng mu\u1ed1n truy\u1ec1n t\u1ea3i b\u1eb1ng th\u1ebb <\/span><code>&lt;caption&gt;<\/code><span style=\"font-weight: 400;\">. C\u00f9ng v\u1edbi \u0111\u00f3, t\u00ednh trung b\u00ecnh c\u1ee7a c\u1ed9t \u201cB\u1eb1ng c\u1ea5p ti\u1ebfng Anh\u201d v\u1edbi th\u1ebb <\/span><code>&lt;tfoot&gt;<\/code><span style=\"font-weight: 400;\">. C\u1ee5 th\u1ec3 nh\u01b0 sau:&nbsp;<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;table style=\"width:100%\"&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;caption&gt;<\/span>\n<span style=\"font-weight: 400;\">Tr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n c\u1ee7a nh\u00e2n s\u1ef1 c\u00f4ng ty A<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/caption&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;thead&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" rowspan=\"2\"&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" rowspan=\"2\"&gt;Tu\u1ed5i&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" colspan=\"2\"&gt;Tr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\" rowspan=\"2\"&gt;B\u1eb1ng c\u1ea5p ti\u1ebfng Anh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\"&gt;B\u1eb1ng c\u1ea5p cao nh\u1ea5t&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"col\"&gt;C\u1ea5p n\u0103m&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/thead&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;tbody&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"row\"&gt;Nguy\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;32&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;\u0110\u1ea1i h\u1ecdc&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;2014&lt;\/td&gt;<\/span>\n  <span style=\"font-weight: 400;\">&lt;td&gt;Kh\u00f4ng c\u00f3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"row\"&gt;L\u00fd&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;29&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;Cao \u0111\u1eb3ng&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;2017&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;Kh\u00f4ng c\u00f3&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th scope=\"row\"&gt;Ti\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;28&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;\u0110\u1ea1i h\u1ecdc&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;2018&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;td&gt;IELTS&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tbody&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&lt;tfoot&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th colspan= \"4\"&gt;Trung b\u00ecnh nh\u00e2n s\u1ef1 c\u00f3 B\u1eb1ng c\u1ea5p ti\u1ebfng Anh&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span> <span style=\"font-weight: 400;\">&lt;th&gt;33.33%&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tfoot&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"190\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-2-vippro.png\" alt=\"table html - b\u1ea3ng html - itviec blog\" class=\"wp-image-64162\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-2-vippro.png 941w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-2-vippro-300x61.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-2-vippro-700x141.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-2-vippro-200x40.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-2-vippro-100x20.png 100w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">Th\u00eam ch\u00fa th\u00edch b\u1eb1ng th\u1ebb &lt;caption> v\u00e0 trung b\u00ecnh nh\u00e2n s\u1ef1 c\u00f3 b\u1eb1ng c\u1ea5p ti\u1ebfng Anh b\u1eb1ng th\u1ebb &lt;tfoot><\/span>.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Cu\u1ed1i c\u00f9ng, \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng ki\u1ec3u ch\u1eef hay th\u00eam m\u00e0u n\u1ec1n c\u00e1c d\u00f2ng ti\u00eau \u0111\u1ec1 th\u00eam ph\u1ea7n n\u1ed5i b\u1eadt th\u00ec b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng th\u00eam ph\u1ea7n t\u1eed background-color trong c\u1eb7p th\u1ebb <code>&lt;style&gt;&lt;\/style&gt;<\/code>.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u1ee5 th\u1ec3:&nbsp;<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">table {<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;border: 2px solid rgb(140 140 140);<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;font:<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;16px \"Open Sans\",<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;Helvetica,<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;Arial,<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;sans-serif;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">thead &gt; tr,<\/span>\n<span style=\"font-weight: 400;\">tfoot &gt; tr {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;background-color: rgb(228 240 245);<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">th,<\/span>\n<span style=\"font-weight: 400;\">td {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border: 1px solid rgb(160 160 160);<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"198\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-1-vippro.png\" alt=\"table html - b\u1ea3ng html - itviec blog\" class=\"wp-image-64161\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-1-vippro.png 940w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-1-vippro-300x63.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-1-vippro-700x147.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-1-vippro-200x42.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-1-vippro-100x21.png 100w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"font-weight: 400;\">\u0110\u1ecbnh d\u1ea1ng b\u1ea3ng trong HTML<\/span><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-weight: 400;\"><em>Xem th\u00eam: <\/em><\/span><strong><em><a href=\"https:\/\/itviec.com\/blog\/hoc-lap-trinh-front-end-nang-cao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ngu\u1ed3n t\u00e0i li\u1ec7u h\u1ecdc l\u1eadp tr\u00ecnh Front-End \u0111\u1ea7y \u0111\u1ee7<\/a><\/em><\/strong><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-khi-nao-c\u1ea7n-s\u1eed-d\u1ee5ng-d\u1eef-li\u1ec7u-table-html\"><span class=\"ez-toc-section\" id=\"Khi_nao_can_su_dung_du_lieu_Table_HTML\"><\/span><b>Khi n\u00e0o c\u1ea7n s\u1eed d\u1ee5ng d\u1eef li\u1ec7u Table HTML?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u00f9y theo t\u00ecnh hu\u1ed1ng v\u00e0 m\u1ee5c \u0111\u00edch m\u00e0 b\u1ea1n s\u1eed d\u1ee5ng d\u1eef li\u1ec7u b\u1ea3ng HTML \u0111\u1ec3 ph\u00e1t tri\u1ec3n d\u1ef1 \u00e1n c\u1ee7a m\u00ecnh. M\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p b\u1ea1n c\u1ea7n s\u1eed d\u1ee5ng \u0111\u1ebfn c\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng nh\u01b0:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Khi b\u1ea1n mu\u1ed1n so s\u00e1nh \u0111i\u1ec3m kh\u00e1c bi\u1ec7t gi\u1eefa c\u00e1c s\u1ed1 li\u1ec7u. V\u00ed d\u1ee5 nh\u01b0 \u0111i\u1ec3m s\u1ed1 c\u1ee7a \u0111\u1ed9i A v\u00e0 \u0111\u1ed9i B hay s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa v\u1ea5n \u0111\u1ec1 C v\u00e0 D.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Cung c\u1ea5p g\u00f3c nh\u00ecn t\u1ed5ng quan v\u1ec1 m\u1ed9t d\u1eef li\u1ec7u s\u1ed1, ch\u1eb3ng h\u1ea1n nh\u01b0 b\u1ea3ng \u0111i\u1ec3m t\u1ed5ng k\u1ebft c\u1ee7a h\u1ecdc sinh.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">T\u00f3m t\u1eaft, highlight m\u1ed9t s\u1ed1 d\u1eef li\u1ec7u quan tr\u1ecdng. Ch\u1eb3ng h\u1ea1n b\u1ea1n c\u00f3 m\u1ed9t danh s\u00e1ch d\u00e0i v\u00e0 nhi\u1ec1u th\u00f4ng tin th\u00ec b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng b\u1ea3ng bi\u1ec3u \u0111\u1ec3 th\u1ec3 hi\u1ec7n th\u00f4ng tin theo c\u00e1ch ng\u1eafn g\u1ecdn, d\u1ec5 hi\u1ec3u nh\u1ea5t.&nbsp;<\/span><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-t\u1ed5ng-k\u1ebft-table-html\"><span class=\"ez-toc-section\" id=\"Tong_ket_table_HTML\"><\/span><b>T\u1ed5ng k\u1ebft table HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><b>Table HTML<\/b><span style=\"font-weight: 400;\"> l\u00e0 m\u1ed9t c\u00e1ch tuy\u1ec7t v\u1eddi gi\u00fap b\u1ea1n bi\u1ec3u di\u1ec5n c\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng tr\u00ean website m\u1ed9t c\u00e1ch r\u00f5 r\u00e0ng v\u00e0 hi\u1ec7u qu\u1ea3. B\u00ean c\u1ea1nh c\u00e1c ph\u1ea7n t\u1eed v\u00e0 thu\u1ed9c t\u00ednh c\u01a1 b\u1ea3n th\u00ec b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 thi\u1ebft k\u1ebf m\u1ed9t s\u1ed1 ki\u1ec3u d\u00e1ng \u0111\u1ec3 b\u1ea3ng bi\u1ec3u th\u00eam ph\u1ea7n \u0111\u1eb9p m\u1eaft v\u00e0 d\u1ec5 nh\u00ecn v\u1edbi s\u1ef1 tr\u1ee3 gi\u00fap c\u1ee7a CSS.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Hi\u1ec3u bi\u1ebft c\u01a1 b\u1ea3n v\u1ec1 HTML s\u1ebd l\u00e0 m\u1ed9t l\u1ef1a ch\u1ecdn an to\u00e0n \u0111em \u0111\u1ebfn cho b\u1ea1n nh\u1eefng c\u01a1 h\u1ed9i vi\u1ec7c l\u00e0m v\u1edbi m\u1ee9c l\u01b0\u01a1ng h\u1ea5p d\u1eabn. Theo d\u00f5i ITviec \u0111\u1ec3 \u0111\u00f3n \u0111\u1ecdc th\u00eam c\u00e1c tin t\u1ee9c m\u1edbi nh\u1ea5t v\u1ec1 l\u0129nh v\u1ef1c C\u00f4ng ngh\u1ec7 th\u00f4ng tin b\u1ea1n nh\u00e9!<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png\" alt=\"robby-2\" class=\"wp-image-5668\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-200x200.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-60x60.png 60w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-text-align-center\" id=\"block-bdf220a1-3635-4794-9101-81d879939b92\"><strong>B\u1ea1n th\u1ea5y b\u00e0i vi\u1ebft hay v\u00e0 h\u1eefu \u00edch? \u0110\u1eebng ng\u1ea1i Share v\u1edbi b\u1ea1n b\u00e8 v\u00e0 \u0111\u1ed3ng nghi\u1ec7p nh\u00e9.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-text-align-center\" id=\"block-a1315aab-406f-48df-97fc-6b9584e6e134\"><strong>V\u00e0 nhanh tay tham kh\u1ea3o&nbsp;<a href=\"http:\/\/itviec.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">vi\u1ec7c l\u00e0m IT<\/a>&nbsp;\u201cch\u1ea5t\u201d tr\u00ean ITviec<\/strong>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table HTML l\u00e0 m\u1ed9t ph\u1ea7n t\u1eed HTML gi\u00fap b\u1ea1n th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u m\u1ed9t c\u00e1ch tr\u1ef1c quan, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u \u0111\u1ebfn v\u1edbi ng\u01b0\u1eddi d\u00f9ng. C\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng c\u0169ng l\u00e0 m\u1ed9t l\u1ef1a ch\u1ecdn ph\u00f9 h\u1ee3p \u0111\u1ec3 b\u1ea1n ch\u1eaft l\u1ecdc, l\u1ef1a ch\u1ecdn v\u00e0 hi\u1ec3n th\u1ecb n\u1ed9i dung n\u1ed5i b\u1eadt tr\u00ean trang web theo [&hellip;]<\/p>\n","protected":false},"author":207,"featured_media":64248,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[109],"tags":[],"class_list":["post-64146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuyen-mon-it"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A - Z - ITviec Blog<\/title>\n<meta name=\"description\" content=\"Table HTML l\u00e0 m\u1ed9t ph\u1ea7n t\u1eed HTML gi\u00fap b\u1ea1n th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u m\u1ed9t c\u00e1ch tr\u1ef1c quan, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u. V\u1eady code b\u1ea3ng trong HTML nh\u01b0 th\u1ebf n\u00e0o?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itviec.com\/blog\/table-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A - Z\" \/>\n<meta property=\"og:description\" content=\"Table HTML l\u00e0 m\u1ed9t ph\u1ea7n t\u1eed HTML gi\u00fap b\u1ea1n th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u m\u1ed9t c\u00e1ch tr\u1ef1c quan, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u \u0111\u1ebfn v\u1edbi ng\u01b0\u1eddi d\u00f9ng. C\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng c\u0169ng l\u00e0 m\u1ed9t l\u1ef1a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/table-html\/\" \/>\n<meta property=\"og:site_name\" content=\"ITviec Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ITviec\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-11T15:15:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-15T09:43:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-blog-thumbnail-vippro.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"950\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Uyen Ngo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ITviec\" \/>\n<meta name=\"twitter:site\" content=\"@ITviec\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Uyen Ngo\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A - Z - ITviec Blog","description":"Table HTML l\u00e0 m\u1ed9t ph\u1ea7n t\u1eed HTML gi\u00fap b\u1ea1n th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u m\u1ed9t c\u00e1ch tr\u1ef1c quan, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u. V\u1eady code b\u1ea3ng trong HTML nh\u01b0 th\u1ebf n\u00e0o?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itviec.com\/blog\/table-html\/","og_locale":"vi_VN","og_type":"article","og_title":"Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A - Z","og_description":"Table HTML l\u00e0 m\u1ed9t ph\u1ea7n t\u1eed HTML gi\u00fap b\u1ea1n th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u m\u1ed9t c\u00e1ch tr\u1ef1c quan, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u \u0111\u1ebfn v\u1edbi ng\u01b0\u1eddi d\u00f9ng. C\u1ea5u tr\u00fac d\u1eef li\u1ec7u b\u1ea3ng c\u0169ng l\u00e0 m\u1ed9t l\u1ef1a","og_url":"https:\/\/itviec.com\/blog\/table-html\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2024-03-11T15:15:11+00:00","article_modified_time":"2025-07-15T09:43:43+00:00","og_image":[{"width":950,"height":500,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-blog-thumbnail-vippro.jpg","type":"image\/jpeg"}],"author":"Uyen Ngo","twitter_card":"summary_large_image","twitter_creator":"@ITviec","twitter_site":"@ITviec","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Uyen Ngo","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"16 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/table-html\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/table-html\/"},"author":{"name":"Uyen Ngo","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20"},"headline":"Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A &#8211; Z","datePublished":"2024-03-11T15:15:11+00:00","dateModified":"2025-07-15T09:43:43+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/table-html\/"},"wordCount":3831,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/table-html\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-blog-thumbnail-vippro.jpg","articleSection":["Chuy\u00ean m\u00f4n IT"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/table-html\/","url":"https:\/\/itviec.com\/blog\/table-html\/","name":"Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A - Z - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/table-html\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/table-html\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-blog-thumbnail-vippro.jpg","datePublished":"2024-03-11T15:15:11+00:00","dateModified":"2025-07-15T09:43:43+00:00","description":"Table HTML l\u00e0 m\u1ed9t ph\u1ea7n t\u1eed HTML gi\u00fap b\u1ea1n th\u1ec3 hi\u1ec7n d\u1eef li\u1ec7u m\u1ed9t c\u00e1ch tr\u1ef1c quan, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u. V\u1eady code b\u1ea3ng trong HTML nh\u01b0 th\u1ebf n\u00e0o?","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/table-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/table-html\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/table-html\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-blog-thumbnail-vippro.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/table-html-blog-thumbnail-vippro.jpg","width":950,"height":500,"caption":"table html - b\u1ea3ng html - itviec blog"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/table-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Chuy\u00ean m\u00f4n IT","item":"https:\/\/itviec.com\/blog\/chuyen-mon-it\/"},{"@type":"ListItem","position":2,"name":"Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A &#8211; Z"}]},{"@type":"WebSite","@id":"https:\/\/itviec.com\/blog\/#website","url":"https:\/\/itviec.com\/blog\/","name":"ITviec Blog","description":"IT Jobs &amp; People in Vietnam","publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itviec.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/itviec.com\/blog\/#organization","name":"ITviec","url":"https:\/\/itviec.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","width":1800,"height":1800,"caption":"ITviec"},"image":{"@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ITviec","https:\/\/x.com\/ITviec","https:\/\/www.linkedin.com\/company\/itviec","https:\/\/www.youtube.com\/channel\/UCYthAQ3bcGr57M_ag5gHDvQ"]},{"@type":"Person","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20","name":"Uyen Ngo","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","caption":"Uyen Ngo"},"url":"https:\/\/itviec.com\/blog\/author\/uyen-ngo\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/64146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/users\/207"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=64146"}],"version-history":[{"count":4,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/64146\/revisions"}],"predecessor-version":[{"id":89601,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/64146\/revisions\/89601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/64248"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=64146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=64146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=64146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}