{"id":20246,"date":"2021-09-11T15:57:00","date_gmt":"2021-09-11T15:57:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/07\/11\/the-ul-ol-va-li-trong-html-cach-tao-danh-sach-de-dang\/"},"modified":"2023-05-04T23:40:50","modified_gmt":"2023-05-04T16:40:50","slug":"the-ul-ol-li-html","status":"publish","type":"post","link":"https:\/\/kiencang.net\/the-ul-ol-li-html\/","title":{"rendered":"Th\u1ebb ul, ol v\u00e0 li trong HTML &#8211; c\u00e1ch t\u1ea1o danh s\u00e1ch d\u1ec5 d\u00e0ng"},"content":{"rendered":"\n<p>Th\u1ebb <em>ul li<\/em> v\u00e0 <em>ol li<\/em> l\u00e0 m\u1ed9t trong nh\u1eefng th\u1ebb HTML c\u01a1 b\u1ea3n, th\u01b0\u1eddng xuy\u00ean \u0111\u01b0\u1ee3c d\u00f9ng. H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/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\" role=\"button\"><label for=\"item-6577d63d78bad\" ><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><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d63d78bad\"  type=\"checkbox\" id=\"item-6577d63d78bad\"><\/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:\/\/kiencang.net\/the-ul-ol-li-html\/#1_Danh_sach_dung_de_lam_gi\" title=\"#1. Danh s\u00e1ch d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec?\">#1. Danh s\u00e1ch d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/the-ul-ol-li-html\/#2_Su_khac_nhau_giua_ul_va_ol\" title=\"#2. S\u1ef1 kh\u00e1c nhau gi\u1eefa ul v\u00e0 ol\">#2. S\u1ef1 kh\u00e1c nhau gi\u1eefa ul v\u00e0 ol<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/the-ul-ol-li-html\/#3_Code_mau\" title=\"#3. Code m\u1eabu\">#3. Code m\u1eabu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/the-ul-ol-li-html\/#4_Thay_doi_Style_cua_the_li\" title=\"#4. Thay \u0111\u1ed5i Style c\u1ee7a th\u1ebb li\">#4. Thay \u0111\u1ed5i Style c\u1ee7a th\u1ebb li<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/the-ul-ol-li-html\/#5_Bonus\" title=\"#5. Bonus\">#5. Bonus<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Danh_sach_dung_de_lam_gi\"><\/span>#1. Danh s\u00e1ch d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Danh s\u00e1ch l\u00e0 nh\u1eefng th\u1ee9 m\u00e0 <strong>c\u00f3 li\u00ean quan m\u1eadt thi\u1ebft v\u1edbi nhau<\/strong> do c\u00f3 \u0111\u1eb7c \u0111i\u1ec3m chung n\u00e0o \u0111\u00f3, ch\u1eb3ng h\u1ea1n danh s\u00e1ch h\u1ecdc sinh trong m\u1ed9t l\u1edbp, danh s\u00e1ch c\u00e1c c\u00f4ng ty gi\u00e0u nh\u1ea5t th\u1ebf gi\u1edbi, danh s\u00e1ch c\u00e1c lo\u1ea1i th\u1ef1c ph\u1ea9m t\u1ed1t cho tr\u00ed n\u00e3o&#8230;<\/p>\n\n\n\n<p>Khi b\u1ea1n s\u1eed d\u1ee5ng th\u1ebb danh s\u00e1ch, ngh\u0129a l\u00e0 b\u1ea1n th\u00f4ng b\u00e1o cho ng\u01b0\u1eddi \u0111\u1ecdc c\u0169ng nh\u01b0 c\u00e1c c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm bi\u1ebft s\u1ef1 li\u00ean quan c\u1ee7a c\u00e1c ph\u1ea7n t\u1eed n\u1eb1m trong danh s\u00e1ch.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Su_khac_nhau_giua_ul_va_ol\"><\/span>#2. S\u1ef1 kh\u00e1c nhau gi\u1eefa ul v\u00e0 ol<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00e1c danh s\u00e1ch kh\u00f4ng c\u00f3 th\u1ee9 t\u1ef1 ki\u1ec3u nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/ul-li-1-1.png\" alt=\"\" class=\"wp-image-13361\"\/><\/figure><\/div>\n\n\n<p>\u0110\u01b0\u1ee3c t\u1ea1o th\u00e0nh t\u1eeb c\u00e1c th\u1ebb ul v\u00e0 li<\/p>\n\n\n\n<p>&#8212;<\/p>\n\n\n\n<p>C\u00f2n danh s\u00e1ch \u0111\u01b0\u1ee3c \u0111\u00e1nh th\u1ee9 t\u1ef1 ki\u1ec3u nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n\n<ol>\n<li>To\u00e1n<\/li>\n\n\n\n<li>L\u00fd <\/li>\n\n\n\n<li>H\u00f3a<\/li>\n<\/ol>\n\n\n\n<p>\u0110\u01b0\u1ee3c t\u1ea1o th\u00e0nh t\u1eeb c\u00e1c th\u1ebb ol v\u00e0 li.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Code_mau\"><\/span>#3. Code m\u1eabu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Code m\u1eabu cho danh s\u00e1ch kh\u00f4ng c\u00f3 th\u1ee9 t\u1ef1 ul li \u1edf tr\u00ean:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul&gt;\n&lt;li&gt;T\u00e1o&lt;\/li&gt;\n&lt;li&gt;M\u1eadn&lt;\/li&gt;\n&lt;li&gt;\u0110\u00e0o&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n\n\n\n<p>C\u00f2n d\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u1ee7a danh s\u00e1ch c\u00f3 th\u1ee9 t\u1ef1 ol li:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ol&gt;\n&lt;li&gt;To\u00e1n&lt;\/li&gt;\n&lt;li&gt;L\u00fd&lt;\/li&gt;\n&lt;li&gt;H\u00f3a&lt;\/li&gt;\n&lt;\/ol&gt;<\/code><\/pre>\n\n\n\n<p>Nh\u00ecn c\u1ea3 2 danh s\u00e1ch ch\u00fang ta c\u00f3 th\u1ec3 th\u1ea5y, danh s\u00e1ch c\u00f3 th\u1ee9 t\u1ef1 v\u00e0 kh\u00f4ng c\u00f3 th\u1ee9 t\u1ef1 \u0111\u1ec1u c\u1ea7n \u0111\u1ebfn th\u1ebb <code>&lt;li&gt;&lt;\/li&gt;<\/code> n\u1eb1m gi\u1eefa.<\/p>\n\n\n\n<p>Gi\u1ea3i th\u00edch t\u1eeb vi\u1ebft t\u1eaft: ul l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a t\u1eeb ti\u1ebfng Anh\u00a0<em>unordered list<\/em>\u00a0(ngh\u0129a l\u00e0 kh\u00f4ng c\u00f3 th\u1ee9 t\u1ef1), li l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a\u00a0<em>list<\/em> (danh s\u00e1ch), c\u00f2n ol l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a\u00a0<em>ordered list<\/em>\u00a0(ngh\u0129a l\u00e0 c\u00f3 th\u1ee9 t\u1ef1).<\/p>\n\n\n\n<p>\u0110\u1ec3 \u0111i\u1ec1u ch\u1ec9nh style cho danh s\u00e1ch b\u1ea1n d\u00f9ng CSS. M\u1ed9t b\u1ed9 ph\u1eadn tr\u00ean web c\u00f3 th\u1ec3 b\u1ea1n kh\u00f4ng \u0111\u1ec3 \u00fd, \u0111\u00f3 l\u00e0\u00a0menu\u00a0th\u01b0\u1eddng \u0111\u01b0\u1ee3c vi\u1ebft b\u1eb1ng th\u1ebb c\u00e1c th\u1ebb ul v\u00e0 li \u0111\u1ec3 th\u1ec3 hi\u1ec7n s\u1ef1 li\u00ean quan v\u1edbi nhau.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Thay_doi_Style_cua_the_li\"><\/span>#4. Thay \u0111\u1ed5i Style c\u1ee7a th\u1ebb li<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb li theo m\u1eb7c \u0111\u1ecbnh n\u1ebfu \u1edf trong th\u1ebb ul s\u1ebd c\u00f3 style ki\u1ec3u ch\u1ea5m tr\u00f2n \u0111\u1eadm, c\u00f2n n\u1ebfu trong th\u1ebb ol s\u1ebd c\u00f3 style ki\u1ec3u s\u1ed1 nh\u01b0 1, 2, 3,\u2026CSS cho ph\u00e9p ch\u00fang ta t\u00f9y bi\u1ebfn style n\u00e0y qua thu\u1ed9c t\u00ednh&nbsp;<strong>list-style-type<\/strong>. Sau \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 v\u00ed d\u1ee5:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Style ch\u1ea5m tr\u00f2n nh\u1ea1t<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/ul-li-2.png\" alt=\"\" class=\"wp-image-13362\"\/><\/figure><\/div>\n\n\n<p>Code m\u1eabu \u2013 b\u1ea1n ch\u00fa \u00fd c\u00e1i&nbsp;list-style-type:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul style=\"list-style-type: circle;\"&gt;\n&lt;li&gt;T\u00e1o&lt;\/li&gt;\n&lt;li&gt;M\u1eadn&lt;\/li&gt;\n&lt;li&gt;\u0110\u00e0o&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">2. Style h\u00ecnh vu\u00f4ng \u0111\u1eadm<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/ul-li-3.png\" alt=\"\" class=\"wp-image-13363\"\/><\/figure><\/div>\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul style=\"list-style-type: square;\"&gt;\n&lt;li&gt;T\u00e1o&lt;\/li&gt;\n&lt;li&gt;M\u1eadn&lt;\/li&gt;\n&lt;li&gt;\u0110\u00e0o&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n\n\n\n<p>D\u0129 nhi\u00ean l\u00e0 b\u1ea1n ph\u1ea3i \u0111\u1ec3 style cho ul trong&nbsp;<a href=\"https:\/\/kiencang.net\/ba-cach-dung-css-dieu-chinh-style-cho-trang-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">file CSS ri\u00eang<\/a>&nbsp;ch\u1ee9 kh\u00f4ng vi\u1ebft tr\u1ef1c ti\u1ebfp v\u00e0o trong th\u1ebb HTML nh\u01b0 tr\u00ean, t\u00f4i vi\u1ebft ra th\u1ebf cho d\u1ec5 quan s\u00e1t v\u00e0 minh h\u1ecda th\u00f4i.<\/p>\n\n\n\n<p>N\u1ebfu mu\u1ed1n h\u1ee7y b\u1ecf style \u2013 t\u1ee9c l\u00e0 kh\u00f4ng ch\u1ea5m tr\u00f2n, ch\u1ea5m vu\u00f4ng hay s\u1ed1 m\u00e1 g\u00ec h\u1ebft th\u00ec b\u1ea1n \u0111\u1ec3&nbsp;<em>list-style-type: none;&nbsp;<\/em>th\u01b0\u1eddng th\u00ec ch\u00fang ta ch\u1ec9 s\u1eed d\u1ee5ng gi\u00e1 tr\u1ecb none khi l\u00e0m menu b\u1eb1ng ul v\u00e0 li.<\/p>\n\n\n\n<p>C\u00f3 b\u1ea1n h\u1ecfi th\u1ebf c\u00e1c list-style m\u1eb7c \u0111\u1ecbnh c\u00f3 t\u00ean l\u00e0 g\u00ec, t\u00f4i xin n\u00f3i lu\u00f4n:<\/p>\n\n\n\n<ul>\n<li>Style ki\u1ec3u ch\u1ea5m tr\u00f2n c\u1ee7a ul l\u00e0 list-style-type: <strong>disc<\/strong><\/li>\n\n\n\n<li>C\u00f2n style ki\u1ec3u s\u1ed1 c\u1ee7a ol l\u00e0 list-style-type: <strong>decimal<\/strong><\/li>\n<\/ul>\n\n\n\n<p>V\u00ec n\u00f3 l\u00e0 style m\u1eb7c \u0111\u1ecbnh r\u1ed3i (c\u00e1c tr\u00ecnh duy\u1ec7t thi\u1ebft l\u1eadp s\u1eb5n) n\u00ean b\u1ea1n kh\u00f4ng c\u1ea7n vi\u1ebft CSS th\u00ec n\u00f3 v\u1eabn hi\u1ec7n ch\u1ea5m tr\u00f2n v\u00e0 s\u1ed1 t\u01b0\u01a1ng \u1ee9ng.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Style l\u00e0 \u1ea3nh<\/h3>\n\n\n\n<p>C\u00e1i n\u00e0y ph\u1ea3i n\u00f3i l\u00e0 r\u1ea5t hay, b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng th\u00edch m\u1ea5y c\u00e1i ch\u1ea5m tr\u00f2n, ch\u1ea5m vu\u00f4ng, s\u1ed1, k\u00fd t\u1ef1\u2026m\u00e0 l\u1ea1i th\u00edch danh s\u00e1ch \u0111\u01b0\u1ee3c \u0111\u00e1nh d\u1ea5u b\u1eb1ng \u1ea3nh c\u1ee7a ri\u00eang b\u1ea1n, n\u00f3 l\u00e0m cho trang web tr\u1edf n\u00ean c\u00e1 t\u00ednh h\u01a1n, ch\u00fang ta \u0111i\u1ec1u ch\u1ec9nh \u0111i\u1ec1u n\u00e0y th\u00f4ng qua thu\u1ed9c t\u00ednh&nbsp;<strong>list-style-image<\/strong>, t\u00f4i th\u00ed d\u1ee5 lu\u00f4n:<\/p>\n\n\n\n<ul style=\"list-style-image: url('https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/bullet-yellow.png') !important;\">\n<li>T\u00e1o<\/li>\n<li>M\u1eadn<\/li>\n<li>\u0110\u00e0o<\/li>\n<\/ul>\n\n\n\n<p>Code m\u1eabu:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul style=\"list-style-image: url('https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/bullet-yellow.png');\">\n&lt;li>T\u00e1o&lt;\/li>\n&lt;li>M\u1eadn&lt;\/li>\n&lt;li>\u0110\u00e0o&lt;\/li>\n&lt;\/ul><\/code><\/pre>\n\n\n\n<p>Trong URL ch\u00ednh l\u00e0 \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a \u1ea3nh m\u00e0 b\u1ea1n mu\u1ed1n n\u00f3 l\u00e0m bullet. N\u1ebfu mu\u1ed1n b\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 v\u1ebd ra bullet b\u1eb1ng c\u00f4ng c\u1ee5 \u0111\u1ed3 h\u1ecda n\u00e0o \u0111\u00f3, ho\u1eb7c c\u00e1ch nhanh h\u01a1n l\u00e0 l\u00ean trang&nbsp;<a href=\"https:\/\/www.iconfinder.com\/free_icons\" target=\"_blank\" rel=\"noreferrer noopener\">IconFinder<\/a>&nbsp;t\u00ecm v\u1edbi t\u1eeb kh\u00f3a bullet r\u1ed3i ch\u1ecdn cho m\u00ecnh m\u1ed9t ch\u00fa mang v\u1ec1 \u2013 r\u1ea5t ti\u1ec7n m\u00e0 c\u0169ng \u0111\u1eb9p n\u1eefa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. \u0110i\u1ec1u ch\u1ec9nh v\u1ecb tr\u00ed c\u1ee7a th\u1ebb danh s\u00e1ch<\/h3>\n\n\n\n<p>\u0110\u1ec3 \u0111i\u1ec1u ch\u1ec9nh v\u1ecb tr\u00ed c\u1ee7a danh s\u00e1ch ch\u00fang ta d\u00f9ng thu\u1ed9c t\u00ednh&nbsp;<strong>list-style-position<\/strong>, thu\u1ed9c t\u00ednh n\u00e0y c\u00f3 2 gi\u00e1 tr\u1ecb inside v\u00e0 outside, trong \u0111\u00f3 outside l\u00e0 gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u00e1c v\u00ed d\u1ee5 \u0111\u1ec3 b\u1ea1n th\u1ea5y s\u1ef1 kh\u00e1c nhau gi\u1eefa ch\u00fang:<\/p>\n\n\n\n<p><strong>A. inside<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ul {\nlist-style-position:inside;\n}<\/code><\/pre>\n\n\n\n<ul style=\"list-style-position: inside;\">\n<li style=\"border: 1px solid #CCC;\">M\u1ed9t<\/li>\n<li style=\"border: 1px solid #CCC;\">Hai<\/li>\n<li style=\"border: 1px solid #CCC;\">Ba<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>B. outside<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ul {\nlist-style-position:outside;\n}<\/code><\/pre>\n\n\n\n<ul style=\"list-style-position: outside;\">\n<li style=\"border: 1px solid #CCC;\">M\u1ed9t<\/li>\n<li style=\"border: 1px solid #CCC;\">Hai<\/li>\n<li style=\"border: 1px solid #CCC;\">Ba<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Bonus\"><\/span>#5. Bonus<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>N\u1ebfu b\u1ea1n quan t\u00e2m \u0111\u1ebfn vi\u1ec7c <a href=\"https:\/\/kiencang.net\/danh-sach-gach-dau-dong\/\" target=\"_blank\" rel=\"noreferrer noopener\">tr\u00ecnh b\u00e0y danh s\u00e1ch sao cho hi\u1ec7u qu\u1ea3, thu h\u00fat ng\u01b0\u1eddi d\u00f9ng th\u00ec b\u00e0i n\u00e0y n\u00ean \u0111\u1ecdc<\/a>.<\/p>\n\n\n\n<p>Cu\u1ed1i c\u00f9ng t\u00f4i t\u1eb7ng b\u1ea1n danh s\u00e1ch 10 qu\u1ed1c gia \u0111\u00f4ng d\u00e2n nh\u1ea5t th\u1ebf gi\u1edbi x\u1ebfp theo th\u1ee9 t\u1ef1 gi\u1ea3m d\u1ea7n v\u00e0 \u0111\u01b0\u1ee3c t\u1ea1o b\u1eb1ng th\u1ebb ol v\u00e0 li:<\/p>\n\n\n\n<ol>\n<li>CHND Trung Hoa<\/li>\n\n\n\n<li>\u1ea4n \u0110\u1ed9<\/li>\n\n\n\n<li>Hoa K\u1ef3<\/li>\n\n\n\n<li>Indonesia<\/li>\n\n\n\n<li>Brazil<\/li>\n\n\n\n<li>Pakistan<\/li>\n\n\n\n<li>Nigeria<\/li>\n\n\n\n<li>Bangladesh<\/li>\n\n\n\n<li>Li\u00ean Bang Nga<\/li>\n\n\n\n<li>Nh\u1eadt B\u1ea3n<\/li>\n<\/ol>\n\n\n\n<p>Th\u00f4ng tin 10 qu\u1ed1c gia n\u00e0y \u0111\u01b0\u1ee3c tham kh\u1ea3o t\u1eeb Wikipedia Vi\u1ec7t Nam \u2013 c\u0169ng theo \u0111\u00f3 Vi\u1ec7t Nam \u0111\u1ee9ng v\u1ecb tr\u00ed s\u1ed1 14 v\u1ec1 d\u00e2n s\u1ed1, m\u00e0 kh\u1ed5 n\u1ed7i di\u1ec7n t\u00edch n\u01b0\u1edbc m\u00ecnh b\u00e9 \u0111\u00e2m ra gi\u00e1 b\u1ea5t \u0111\u1ed9ng s\u1ea3n l\u00ean cao qu\u00e1 (ch\u1eb3ng li\u00ean quan g\u00ec t\u1edbi ul v\u00e0 li nh\u1ec9 :))<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Th\u1ebb ul li v\u00e0 ol li l\u00e0 m\u1ed9t trong nh\u1eefng th\u1ebb HTML c\u01a1 b\u1ea3n, th\u01b0\u1eddng xuy\u00ean \u0111\u01b0\u1ee3c d\u00f9ng. H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang. #1. Danh s\u00e1ch d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec? Danh s\u00e1ch l\u00e0 nh\u1eefng th\u1ee9 m\u00e0 c\u00f3 li\u00ean quan m\u1eadt thi\u1ebft v\u1edbi nhau do c\u00f3 \u0111\u1eb7c \u0111i\u1ec3m chung &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[235],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Th\u1ebb ul, ol v\u00e0 li trong HTML - c\u00e1ch t\u1ea1o danh s\u00e1ch d\u1ec5 d\u00e0ng &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/the-ul-ol-li-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Th\u1ebb ul, ol v\u00e0 li trong HTML - c\u00e1ch t\u1ea1o danh s\u00e1ch d\u1ec5 d\u00e0ng &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Th\u1ebb ul li v\u00e0 ol li l\u00e0 m\u1ed9t trong nh\u1eefng th\u1ebb HTML c\u01a1 b\u1ea3n, th\u01b0\u1eddng xuy\u00ean \u0111\u01b0\u1ee3c d\u00f9ng. H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang. #1. Danh s\u00e1ch d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec? Danh s\u00e1ch l\u00e0 nh\u1eefng th\u1ee9 m\u00e0 c\u00f3 li\u00ean quan m\u1eadt thi\u1ebft v\u1edbi nhau do c\u00f3 \u0111\u1eb7c \u0111i\u1ec3m chung &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/the-ul-ol-li-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-11T15:57:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-04T16:40:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/ul-li-1-1.png\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Th\u1ebb ul, ol v\u00e0 li trong HTML - c\u00e1ch t\u1ea1o danh s\u00e1ch d\u1ec5 d\u00e0ng &#8226; Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/the-ul-ol-li-html\/","og_locale":"vi_VN","og_type":"article","og_title":"Th\u1ebb ul, ol v\u00e0 li trong HTML - c\u00e1ch t\u1ea1o danh s\u00e1ch d\u1ec5 d\u00e0ng &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Th\u1ebb ul li v\u00e0 ol li l\u00e0 m\u1ed9t trong nh\u1eefng th\u1ebb HTML c\u01a1 b\u1ea3n, th\u01b0\u1eddng xuy\u00ean \u0111\u01b0\u1ee3c d\u00f9ng. H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang. #1. Danh s\u00e1ch d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec? Danh s\u00e1ch l\u00e0 nh\u1eefng th\u1ee9 m\u00e0 c\u00f3 li\u00ean quan m\u1eadt thi\u1ebft v\u1edbi nhau do c\u00f3 \u0111\u1eb7c \u0111i\u1ec3m chung &hellip;","og_url":"https:\/\/kiencang.net\/the-ul-ol-li-html\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-09-11T15:57:00+00:00","article_modified_time":"2023-05-04T16:40:50+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/ul-li-1-1.png"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/the-ul-ol-li-html\/","url":"https:\/\/kiencang.net\/the-ul-ol-li-html\/","name":"Th\u1ebb ul, ol v\u00e0 li trong HTML - c\u00e1ch t\u1ea1o danh s\u00e1ch d\u1ec5 d\u00e0ng &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-09-11T15:57:00+00:00","dateModified":"2023-05-04T16:40:50+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/the-ul-ol-li-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/the-ul-ol-li-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/the-ul-ol-li-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Th\u1ebb ul, ol v\u00e0 li trong HTML &#8211; c\u00e1ch t\u1ea1o danh s\u00e1ch d\u1ec5 d\u00e0ng"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20246"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=20246"}],"version-history":[{"count":2,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20246\/revisions"}],"predecessor-version":[{"id":23725,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20246\/revisions\/23725"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=20246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=20246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=20246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}