- \n
- Jet Blue Airlines<\/li>\n
- Frontier Airlines<\/li>\n
- South West Airlines<\/li>\n
- Spirit Airlines<\/li>\n
- United Airlines<\/li>\n
- America Airlines<\/li> <\/ol>\n<\/body>\n<\/html><\/pre>\n
Output:<\/strong><\/p>\n
Ini akan memberikan anda hasil seperti<\/p>\n
![\"Senarai](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543941258638.png\")
<\/p>\nContoh #2<\/strong><\/p>\n
Senarai Tempahan dengan warna. Dalam contoh berikut, kami telah menggunakan sifat balas tertentu, mentakrifkan item senarai pengiraan automatik dalam
- . Ia hanyalah pembolehubah dalaman CSS untuk membolehkan fungsi mengira.<\/p>\n
\n\n\n
HTML Ordered List with colors<\/title>\n<\/head>\n<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<style>\nol li {\ncounter-increment: list;\nlist-style-type: none;\nposition: relative;\n}\nol li:before {\ncolor: #ff0000;\ncontent: counter(list) \".\";\nleft: -22px;\nposition: absolute;\ntext-align: center;\nwidth: 24px;\n}<\/style>\n<ol>\n<li><span> Norway is a Scandinavian Country<\/span><\/li>\n<li><span>Oslo is the capital city<\/span><\/li>\n<li><span>norway is known for its beauty , hiking, fishing<\/span><\/li>\n<li><span>Ranked among the toppest country in europe<\/span><\/li>\n<\/ol><br\/>\n<\/body><\/html><\/pre>\n<p><strong>Output:<br>\n<\/strong><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543941617548.png\" alt=\"Senarai Tertib HTML\" ><\/p>\n<h3>Jenis Atribut untuk Senarai Tertib HTML<\/h3>\n<p>Untuk mewakili senarai tertib, terdapat lima jenis atribut penting untuk teg ini. Sebagai HTML <ol> tag mewakili senarai item dalam senarai tersusun, ia boleh sama ada dalam susunan abjad angka, angka atau hanya abjad, dengan syarat susunan adalah perkara utama. Berikut ialah atribut yang mungkin bagi senarai Tertib:<\/p>\n<h4>1. Atribut Jenis<\/h4>\n<p>Atribut ini memberikan jenis penomboran yang akan digunakan dalam senarai.<\/p>\n<ul>\n<li>jenis =’a’ – Memberi susunan abjad<\/li>\n<li>jenis =’A’- Memberi susunan Abjad huruf besar<\/li>\n<li>jenis =’i’ – Memberi huruf kecil nombor Roman<\/li>\n<li>jenis =’ I’- Memberi nombor Roman huruf besar<\/li>\n<\/ul>\n<p>Jenis penomboran ini disebut di bawah:<\/p>\n<p><strong>Saya.? Jenis atribut=’a.’<\/strong><\/p>\n<p>Untuk membuat senarai dalam huruf kecil abjad, jenis ini digunakan. Contoh berikut menunjukkan senarai tertib dalam huruf kecil dan menjadikannya dalam huruf condong.<\/p>\n<p><strong>Contoh:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<title>HTML Ordered List types<\/title>\n<\/head>\n<body>\n<style>\nol li span {\nfont-weight: normal;\n}\n<\/style>\n<p>Did you know that:<\/p>\n<p>Skills required to become a data Scientist<\/p>\n<ol type=\"a\" >\n<li><span><i> steps<\/span><\/i><\/li>\n<li><span><b>There should be a prior knowledge in SAS and R programming.<\/b><\/span><\/li>\n<li><span><b>They should have a strong calibre in creativity and analysis<\/span><b><\/li>\n<\/ol>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543941892931.png\" alt=\"Senarai Tertib HTML\" ><\/p>\n<p><strong>?II. Jenis atribut=’A.’<\/strong><\/p>\n<p>Senarai tersusun boleh mempunyai jenis atribut huruf kecil abjad. Contoh di bawah menunjukkan cara menggunakan atribut ini dalam struktur senarai dan juga cara membuat huruf tebal. Untuk mempunyai senarai tertib dalam huruf tebal, ia hendaklah diisytiharkan menggunakan <style> tag.<\/p>\n<p><strong>Contoh:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title> Example for Nested list<\/title>\n<\/head>\n<body>\n<p> State capitals of the united States<\/p>\n<style>\nol {\nfont-weight:bolder;\n}\nol li span {\nfont-weight: normal;\n}\n<\/style>\n<ol type=\"A\">\n<li> <span>Alabama\n<ul>\n<li>Montgomery<\/li>\n<\/ul>\n<\/span>\n<\/li>\n<li><span>Arizona\n<ul>\n<li>Phoenix<\/li>\n<\/ul>\n<\/span>\n<\/li>\n<li> <span>California\n<ul>\n<li>Sacramento<\/li>\n<\/ul>\n<\/span>\n<\/li>\n<li> <span>New jersey\n<ul>\n<li>Trenton<\/li>\n<\/ul>\n<\/span>\n<\/li>\n<li><span>Washington\n<ul>\n<li>Olympia<\/li>\n<\/ul><\/span>\n<\/li>\n<li> <span>Pennsylvannia\n<ul>\n<\/span> <li>Harisburg<\/li><\/ul>\n<\/li>\n<\/ol>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543942019498.png\" alt=\"Senarai Tertib HTML\" ><\/p>\n<p><strong>III. Jenis atribut=’i.’<\/strong><\/p>\n<p>Kefungsian ini menunjukkan huruf kecil rumi.<\/p>\n<p><strong>Contoh:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<title>HTML Ordered List types<\/title>\n<\/head>\n<body>\n<p> EDUCBA HTML List Tutorial:<\/p>\n<ol>\n<li value=\"4\" >Ordered list<\/li>\n<li>unordered list<\/li>\n<li>Definition list\n<ol type=\"i\" >\n<li> <i>Introduction to list <\/i><\/li>\n<li><i>Syntax a List<\/i><\/li>\n<li><i> Types with an example<\/i>\n<\/ol>\n<\/li>\n<li>Snapshots<\/li>\n<\/ol>\n<\/body><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543942218255.png\" alt=\"Senarai Tertib HTML\" ><\/p>\n<p><strong>IV. Jenis atribut=’ I.’<\/strong><\/p>\n<p>Kefungsian ini memberikan output dalam Angka Rom Atas.<\/p>\n<p><strong>Contoh:<\/strong><\/p>\n\n\n<pre><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<title>HTML Ordered List Demo<\/title>\n<\/head>\n<body>\n<h2> List of Vegetables<\/li>\n<ol type=\"I\">\n<li>Carrot<\/li>\n<li> Radish<\/li>\n<li> Sweet Corn<\/li>\n<\/ol>\n<ol>\n<li>Fruits List\n<ol type=\"a\">\n<li>Pomegrante<\/li>\n<li>Bananas<\/li>\n<li>Pears<\/li>\n<\/ol>\n<\/li>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543942468794.png\" alt=\"Senarai Tertib HTML\" ><\/p>\n<h4>2. Atribut Mula<\/h4>\n<p>Atribut mula mentakrifkan nilai mula untuk nombor senarai tersusun. Anda boleh bermula dengan mana-mana nombor dari awal, bukan hanya dari nombor lalai '1'. Contoh: mula=6. Ia telah digunakan sekarang dalam HTML5.<\/p>\n<p><strong>Contoh:<\/strong><\/p>\n<p>Dalam contoh berikut, saya telah menggunakan jenis gaya kepada upper_alpha bersama-sama dengan permulaan daripada =3; oleh itu, output ditunjukkan daripada 'C'.<\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title> Example for Nested list<\/title>\n<\/head>\n<body>\n<p> RICHEST COUNTRIES IN THE WORLD<\/p>\n<style>\nol { list-style-type: upper-alpha;\nfont-weight:bolder;\n}\nol li span {\nfont-weight: normal;}\n<\/style>\n<ol start=\"3\">\n<li>Quatar known for his oil and petrochemical reserves<\/li>\n<li>Norway known for the beauty of nature with petroleum producer<\/li>\n<li>Singapore with global trade center<\/li>\n<\/ol>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:?<\/strong><\/p>\n<h4><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543942617682.png\" alt=\"Senarai Tertib HTML\" ><\/h4>\n<h4>3. Atribut Songsang<\/h4>\n<p>Ini ialah atribut baharu yang diperkenalkan dalam HTML5, yang menunjukkan item dipaparkan dalam susunan terbalik dalam penyemak imbas web. Untuk menggunakan, <ol terbalik> ia adalah atribut Boolean yang mengambil sebarang nilai padanya untuk membalikkan pembilang. Diisytiharkan <ol terbalik =” Benar”> dalam <ol> tag.<\/p>\n<p><strong>Contoh:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<title>HTML Ordered List<\/title>\n<\/head>\n<body>\n<h2>How to do Balle Technique<\/h2>\n<ol>\n<li>Turn out<\/li>\n<li>Alignment<\/li>\n<li>Pointed Toes<\/li>\n<\/ol>\n<hr>\n<h2> Balle Steps<\/h2>\n<ol reversed=\"True\">\n<li>Seven Movements<\/li>\n<li>Plier<\/li>\n<li>Etendre <\/li>\n<li>Glisser<\/li>\n<li>Eliever<\/li>\n<\/ol>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543942863193.png\" alt=\"Senarai Tertib HTML\" ><\/p>\n<h3>Conclusion<\/h3>\n<p>Par conséquent, j'ai résumé ce que la liste ordonnée a fait jusqu'à la fin, et elle est presque prise en charge dans tous les navigateurs. Bien entendu, vous pouvez créer n'importe quel nombre de listes dans l'élément de balise HTML?; dans cet article, nous nous sommes simplement concentrés sur des exemples sélectionnés pour comprendre l'implémentation de base. Ainsi, l'apprentissage de ce sujet n'est peut-être pas la tache la plus difficile, car le <ol><li> la balise utilisée ici est très simple à retenir.<\/p>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ms/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a> <a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a> <a href="http://www.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a> <a href="http://www.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a> <a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a> <a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a> <a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a> <a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a> <a href="http://www.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a> <a href="http://www.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="cari" onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:setlang('ja');" title="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">Jadual Kandungan</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Sintaks-Senarai-Tertib" title="Sintaks Senarai Tertib" >Sintaks Senarai Tertib</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Contoh-Senarai-Tertib" title="Contoh Senarai Tertib" >Contoh Senarai Tertib</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Jenis-Atribut-untuk-Senarai-Tertib-HTML" title="Jenis Atribut untuk Senarai Tertib HTML" >Jenis Atribut untuk Senarai Tertib HTML</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Atribut-Jenis" title="1. Atribut Jenis" >1. Atribut Jenis</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Atribut-Mula" title="2. Atribut Mula" >2. Atribut Mula</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Atribut-Songsang" title="3. Atribut Songsang" >3. Atribut Songsang</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Conclusion" title="Conclusion" >Conclusion</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ms/" title="Rumah" class="phpgenera_Details_mainL1a">Rumah</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL1a">hujung hadapan web</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ms/div-tutorial.html" class="phpgenera_Details_mainL1a">html tutorial</a> <img src="/static/imghw/top_right.png" alt="" /> <span>Senarai Tertib HTML</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">Senarai Tertib HTML</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ms/member/887227.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ms/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:43 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>Dalam bahagian ini, kita akan belajar cara melaksanakan Senarai Tertib dalam HTML. Bagaimana untuk menerangkan atau memaparkan senarai tersusun? Ia sangat mudah dan mudah; ia digunakan untuk menerangkan senarai maklumat dalam kandungan. Dan teknik lain ialah satu senarai boleh mempunyai berbilang elemen senarai padanya.</p> <p>Senarai dalam HTML boleh dikelaskan kepada tiga jenis, iaitu:</p> <ol> <li>Senarai Tertib</li> <li>Senarai tidak tersusun</li> <li>Senarai Definisi</li> </ol> <p>Dalam artikel ini, kita akan meneliti spesifikasi senarai tersusun dengan contoh. Senarai tertib mentakrifkan maklumat tertib khusus apabila senarai dibuat; contohnya, ia menunjukkan maklumat selaras atau menomborkan maklumat.</p> <h3 id="Sintaks-Senarai-Tertib">Sintaks Senarai Tertib</h3> <p>Senarai tertib dibuat menggunakan teg bernama <ol> elemen dan berakhir dengan</ol> tag.</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543941145463.png" class="lazy" alt="Senarai Tertib HTML" ></p> <h4 id="Contoh-Senarai-Tertib">Contoh Senarai Tertib</h4> <p>Mari kita lihat beberapa contoh yang disebut di bawah:</p> <p><strong>Contoh #1</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html lang="en"> <head> <title>HTML Ordered List</title> </head> <body> <p><strong>There are 6 different airlines:</strong></p> <ol type="1"> <li>Jet Blue Airlines</li> <li>Frontier Airlines</li> <li>South West Airlines</li> <li> Spirit Airlines</li> <li> United Airlines</li> <li>America Airlines</li> </ol> </body> </html></pre> <p><strong>Output:</strong></p> <p>Ini akan memberikan anda hasil seperti</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543941258638.png" class="lazy" alt="Senarai Tertib HTML" ></p> <p><strong>Contoh #2</strong></p> <p>Senarai Tempahan dengan warna. Dalam contoh berikut, kami telah menggunakan sifat balas tertentu, mentakrifkan item senarai pengiraan automatik dalam<li>. Ia hanyalah pembolehubah dalaman CSS untuk membolehkan fungsi mengira.</p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html lang="en"> <head> <title>HTML Ordered List with colors</title> </head> <body> <style> ol li { counter-increment: list; list-style-type: none; position: relative; } ol li:before { color: #ff0000; content: counter(list) "."; left: -22px; position: absolute; text-align: center; width: 24px; }</style> <ol> <li><span> Norway is a Scandinavian Country</span></li> <li><span>Oslo is the capital city</span></li> <li><span>norway is known for its beauty , hiking, fishing</span></li> <li><span>Ranked among the toppest country in europe</span></li> </ol><br/> </body></html></pre> <p><strong>Output:<br> </strong><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543941617548.png" class="lazy" alt="Senarai Tertib HTML" ></p> <h3 id="Jenis-Atribut-untuk-Senarai-Tertib-HTML">Jenis Atribut untuk Senarai Tertib HTML</h3> <p>Untuk mewakili senarai tertib, terdapat lima jenis atribut penting untuk teg ini. Sebagai HTML <ol> tag mewakili senarai item dalam senarai tersusun, ia boleh sama ada dalam susunan abjad angka, angka atau hanya abjad, dengan syarat susunan adalah perkara utama. Berikut ialah atribut yang mungkin bagi senarai Tertib:</p> <h4 id="Atribut-Jenis">1. Atribut Jenis</h4> <p>Atribut ini memberikan jenis penomboran yang akan digunakan dalam senarai.</p> <ul> <li>jenis =’a’ – Memberi susunan abjad</li> <li>jenis =’A’- Memberi susunan Abjad huruf besar</li> <li>jenis =’i’ – Memberi huruf kecil nombor Roman</li> <li>jenis =’ I’- Memberi nombor Roman huruf besar</li> </ul> <p>Jenis penomboran ini disebut di bawah:</p> <p><strong>Saya.? Jenis atribut=’a.’</strong></p> <p>Untuk membuat senarai dalam huruf kecil abjad, jenis ini digunakan. Contoh berikut menunjukkan senarai tertib dalam huruf kecil dan menjadikannya dalam huruf condong.</p> <p><strong>Contoh:</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html lang="en"> <head> <title>HTML Ordered List types</title> </head> <body> <style> ol li span { font-weight: normal; } </style> <p>Did you know that:</p> <p>Skills required to become a data Scientist</p> <ol type="a" > <li><span><i> steps</span></i></li> <li><span><b>There should be a prior knowledge in SAS and R programming.</b></span></li> <li><span><b>They should have a strong calibre in creativity and analysis</span><b></li> </ol> </body> </html></pre> <p><strong>Output:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543941892931.png" class="lazy" alt="Senarai Tertib HTML" ></p> <p><strong>?II. Jenis atribut=’A.’</strong></p> <p>Senarai tersusun boleh mempunyai jenis atribut huruf kecil abjad. Contoh di bawah menunjukkan cara menggunakan atribut ini dalam struktur senarai dan juga cara membuat huruf tebal. Untuk mempunyai senarai tertib dalam huruf tebal, ia hendaklah diisytiharkan menggunakan <style> tag.</p> <p><strong>Contoh:</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title> Example for Nested list</title> </head> <body> <p> State capitals of the united States</p> <style> ol { font-weight:bolder; } ol li span { font-weight: normal; } </style> <ol type="A"> <li> <span>Alabama <ul> <li>Montgomery</li> </ul> </span> </li> <li><span>Arizona <ul> <li>Phoenix</li> </ul> </span> </li> <li> <span>California <ul> <li>Sacramento</li> </ul> </span> </li> <li> <span>New jersey <ul> <li>Trenton</li> </ul> </span> </li> <li><span>Washington <ul> <li>Olympia</li> </ul></span> </li> <li> <span>Pennsylvannia <ul> </span> <li>Harisburg</li></ul> </li> </ol> </body> </html></pre> <p><strong>Output:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543942019498.png" class="lazy" alt="Senarai Tertib HTML" ></p> <p><strong>III. Jenis atribut=’i.’</strong></p> <p>Kefungsian ini menunjukkan huruf kecil rumi.</p> <p><strong>Contoh:</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html lang="en"> <head> <title>HTML Ordered List types</title> </head> <body> <p> EDUCBA HTML List Tutorial:</p> <ol> <li value="4" >Ordered list</li> <li>unordered list</li> <li>Definition list <ol type="i" > <li> <i>Introduction to list </i></li> <li><i>Syntax a List</i></li> <li><i> Types with an example</i> </ol> </li> <li>Snapshots</li> </ol> </body></pre> <p><strong>Output:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543942218255.png" class="lazy" alt="Senarai Tertib HTML" ></p> <p><strong>IV. Jenis atribut=’ I.’</strong></p> <p>Kefungsian ini memberikan output dalam Angka Rom Atas.</p> <p><strong>Contoh:</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html lang="en"> <head> <title>HTML Ordered List Demo</title> </head> <body> <h2> List of Vegetables</li> <ol type="I"> <li>Carrot</li> <li> Radish</li> <li> Sweet Corn</li> </ol> <ol> <li>Fruits List <ol type="a"> <li>Pomegrante</li> <li>Bananas</li> <li>Pears</li> </ol> </li> </body> </html></pre> <p><strong>Output:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543942468794.png" class="lazy" alt="Senarai Tertib HTML" ></p> <h4 id="Atribut-Mula">2. Atribut Mula</h4> <p>Atribut mula mentakrifkan nilai mula untuk nombor senarai tersusun. Anda boleh bermula dengan mana-mana nombor dari awal, bukan hanya dari nombor lalai '1'. Contoh: mula=6. Ia telah digunakan sekarang dalam HTML5.</p> <p><strong>Contoh:</strong></p> <p>Dalam contoh berikut, saya telah menggunakan jenis gaya kepada upper_alpha bersama-sama dengan permulaan daripada =3; oleh itu, output ditunjukkan daripada 'C'.</p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title> Example for Nested list</title> </head> <body> <p> RICHEST COUNTRIES IN THE WORLD</p> <style> ol { list-style-type: upper-alpha; font-weight:bolder; } ol li span { font-weight: normal;} </style> <ol start="3"> <li>Quatar known for his oil and petrochemical reserves</li> <li>Norway known for the beauty of nature with petroleum producer</li> <li>Singapore with global trade center</li> </ol> </body> </html></pre> <p><strong>Output:?</strong></p> <h4><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543942617682.png" class="lazy" alt="Senarai Tertib HTML" ></h4> <h4 id="Atribut-Songsang">3. Atribut Songsang</h4> <p>Ini ialah atribut baharu yang diperkenalkan dalam HTML5, yang menunjukkan item dipaparkan dalam susunan terbalik dalam penyemak imbas web. Untuk menggunakan, <ol terbalik> ia adalah atribut Boolean yang mengambil sebarang nilai padanya untuk membalikkan pembilang. Diisytiharkan <ol terbalik =” Benar”> dalam <ol> tag.</p> <p><strong>Contoh:</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html lang="en"> <head> <title>HTML Ordered List</title> </head> <body> <h2>How to do Balle Technique</h2> <ol> <li>Turn out</li> <li>Alignment</li> <li>Pointed Toes</li> </ol> <hr> <h2> Balle Steps</h2> <ol reversed="True"> <li>Seven Movements</li> <li>Plier</li> <li>Etendre </li> <li>Glisser</li> <li>Eliever</li> </ol> </body> </html></pre> <p><strong>Output:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543942863193.png" class="lazy" alt="Senarai Tertib HTML" ></p> <h3 id="Conclusion">Conclusion</h3> <p>Par conséquent, j'ai résumé ce que la liste ordonnée a fait jusqu'à la fin, et elle est presque prise en charge dans tous les navigateurs. Bien entendu, vous pouvez créer n'importe quel nombre de listes dans l'élément de balise HTML?; dans cet article, nous nous sommes simplement concentrés sur des exemples sélectionnés pour comprendre l'implémentation de base. Ainsi, l'apprentissage de ce sujet n'est peut-être pas la tache la plus difficile, car le <ol><li> la balise utilisée ici est très simple à retenir.</p><p>Atas ialah kandungan terperinci Senarai Tertib HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">Kenyataan Laman Web ini</div> <div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Artikel Panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 bulan yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 bulan yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 bulan yang lalu</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat AI Hot</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Gambar buka pakaian secara percuma</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>Penyingkiran pakaian AI</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Artikel Panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 bulan yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 bulan yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 bulan yang lalu</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Editor kod yang mudah digunakan dan percuma</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Cina</h3> </a> <p>Versi Cina, sangat mudah digunakan</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Hantar Studio 13.0.1</h3> </a> <p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Alat pembangunan web visual</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Mac</h3> </a> <p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Topik panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1600</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1502</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>276</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796849181.html" title="Mengapa gambar saya tidak muncul dalam html?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175363969291498.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mengapa gambar saya tidak muncul dalam html?" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796849181.html" title="Mengapa gambar saya tidak muncul dalam html?" class="phphistorical_Version2_mids_title">Mengapa gambar saya tidak muncul dalam html?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 28, 2025 am 02:08 AM</span> <p class="Articlelist_txts_p">Imej tidak dipaparkan biasanya disebabkan oleh laluan fail yang salah, nama fail atau lanjutan yang salah, isu sintaks HTML, atau cache penyemak imbas. 1. Pastikan laluan SRC selaras dengan lokasi sebenar fail dan gunakan laluan relatif yang betul; 2. Periksa sama ada kes fail dan sambungan sepadan dengan tepat, dan sahkan sama ada imej boleh dimuatkan dengan terus memasukkan URL; 3. Periksa sama ada sintaks tag IMG adalah betul, pastikan tiada aksara yang berlebihan dan nilai atribut alt sesuai; 4. Penyelesaian masalah dalam pesanan ini dapat menyelesaikan masalah paparan imej HTML.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796848665.html" title="Bolehkah anda meletakkan tag di dalam tag yang lain?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175356093168643.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bolehkah anda meletakkan tag di dalam tag yang lain?" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796848665.html" title="Bolehkah anda meletakkan tag di dalam tag yang lain?" class="phphistorical_Version2_mids_title">Bolehkah anda meletakkan tag di dalam tag yang lain?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 27, 2025 am 04:15 AM</span> <p class="Articlelist_txts_p">?youcannotnesttagsinsideanothertagbecauseit'sinvalidhtml; browsersautomomatikclosethefirstbeforeopeningthenext, drectinginseparateParagraphs.instead, useinlineelements,</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796851777.html" title="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175382222111469.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796851777.html" title="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" class="phphistorical_Version2_mids_title">Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 30, 2025 am 04:50 AM</span> <p class="Articlelist_txts_p">Untuk membuat senarai HTML yang tidak teratur, anda perlu menggunakan tag untuk menentukan bekas senarai. Setiap item senarai dibalut dengan tag, dan penyemak imbas secara automatik akan menambah peluru; 1. Buat senarai dengan tag; 2. Setiap item senarai ditakrifkan dengan tag; 3. Penyemak imbas secara automatik menjana simbol titik lalai; 4. Sublists boleh dilaksanakan melalui bersarang; 5. Gunakan atribut jenis gaya CSS untuk mengubah suai gaya simbol, seperti cakera, bulatan, persegi, atau tidak; Gunakan tag ini dengan betul untuk menghasilkan senarai yang tidak teratur standard.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796849233.html" title="Bagaimana untuk menggunakan atribut contentedable?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175364067270391.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk menggunakan atribut contentedable?" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796849233.html" title="Bagaimana untuk menggunakan atribut contentedable?" class="phphistorical_Version2_mids_title">Bagaimana untuk menggunakan atribut contentedable?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 28, 2025 am 02:24 AM</span> <p class="Articlelist_txts_p">TheContentititableatTributeMakesanyhtmleLementedByDdingContentedied boleh</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796851820.html" title="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175382310285254.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796851820.html" title="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" class="phphistorical_Version2_mids_title">Kepentingan HTML semantik untuk SEO dan kebolehcapaian</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 30, 2025 am 05:05 AM</span> <p class="Articlelist_txts_p">Semantichtmlimprovesbothseoandaccessibilitybyingingmeaningfultagsthatconveycontentstructure.1) itenhancesseothroughbettercontenthierarchywithproperheadinglevels, ImprovedIndexingViaelementsLikeAnd, andsupportforrichssoShorseShorseShorseShorseSnipsoSnipsOringsAnpetAnd</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796852972.html" title="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175393022141664.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." /> </a> <a href="http://www.miracleart.cn/ms/faq/1796852972.html" title="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." class="phphistorical_Version2_mids_title">Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5.</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 31, 2025 am 10:50 AM</span> <p class="Articlelist_txts_p">Tag skema.org membantu enjin carian memahami format data berstruktur kandungan laman web melalui tag semantik (seperti skop item, jenis item, itemprop); Ia boleh digunakan untuk menentukan perbendaharaan kata tersuai, kaedah termasuk memperluaskan jenis sedia ada atau menggunakan tambahanType untuk memperkenalkan jenis baru; Dalam aplikasi sebenar, mengekalkan struktur yang jelas, menggunakan atribut rasmi terlebih dahulu, menguji kesahan kod, dan memastikan jenis tersuai boleh diakses; Langkah berjaga-jaga termasuk menerima sokongan separa, mengelakkan kesilapan ejaan, dan memilih format yang sesuai seperti JSON-LD.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796855449.html" title="Cara membuat medan input carian dalam bentuk HTML" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175412424244340.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara membuat medan input carian dalam bentuk HTML" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796855449.html" title="Cara membuat medan input carian dalam bentuk HTML" class="phphistorical_Version2_mids_title">Cara membuat medan input carian dalam bentuk HTML</a> <span id="377j5v51b" class="Articlelist_txts_time">Aug 02, 2025 pm 04:44 PM</span> <p class="Articlelist_txts_p">USETHELEMENTWITHINATAGTOCREATEASEMANTICSEVELEFIELD.2.IncludeAforAccessibility, setTheForm'sActionandMethod = "GET" ATTRIBUTESTOSENDDATATOSearchendWithAphareabeBel.3.addname = "q" TODineThequeryParameter, UsePlaceShernerToguuse</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796856512.html" title="Apakah tujuan atribut REL dalam tag pautan dalam HTML?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175421100220698.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah tujuan atribut REL dalam tag pautan dalam HTML?" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796856512.html" title="Apakah tujuan atribut REL dalam tag pautan dalam HTML?" class="phphistorical_Version2_mids_title">Apakah tujuan atribut REL dalam tag pautan dalam HTML?</a> <span id="377j5v51b" class="Articlelist_txts_time">Aug 03, 2025 pm 04:50 PM</span> <p class="Articlelist_txts_p">rel = "stylesheet" linkscssfilesforstylingthepage; 2.rel = "preload" hintStopreloadcriticalResourcesforperformance; 3.rel = "ikon" setSthewebsite'sfavicon; 4.rel = "alternate" menyediakan</p> </div> </div> <a href="http://www.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/ms/about/us.html">Tentang kita</a> <a href="http://www.miracleart.cn/ms/about/disclaimer.html">Penafian</a> <a href="http://www.miracleart.cn/ms/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="0jm3j" class="pl_css_ganrao" style="display: none;"><rt id="0jm3j"></rt><wbr id="0jm3j"></wbr><ins id="0jm3j"><dfn id="0jm3j"></dfn></ins><form id="0jm3j"></form><pre id="0jm3j"></pre><center id="0jm3j"><optgroup id="0jm3j"><tt id="0jm3j"></tt></optgroup></center><span id="0jm3j"></span><table id="0jm3j"><wbr id="0jm3j"><nav id="0jm3j"></nav></wbr></table><dfn id="0jm3j"></dfn><button id="0jm3j"><dl id="0jm3j"></dl></button><b id="0jm3j"></b><legend id="0jm3j"></legend><video id="0jm3j"></video><table id="0jm3j"><wbr id="0jm3j"><u id="0jm3j"></u></wbr></table><strong id="0jm3j"><dfn id="0jm3j"><optgroup id="0jm3j"></optgroup></dfn></strong><output id="0jm3j"><var id="0jm3j"><center id="0jm3j"><object id="0jm3j"></object></center></var></output><p id="0jm3j"></p><td id="0jm3j"></td><li id="0jm3j"><dl id="0jm3j"><button id="0jm3j"></button></dl></li><tbody id="0jm3j"><em id="0jm3j"></em></tbody><u id="0jm3j"><legend id="0jm3j"><ul id="0jm3j"><dl id="0jm3j"></dl></ul></legend></u><center id="0jm3j"><optgroup id="0jm3j"><legend id="0jm3j"><li id="0jm3j"></li></legend></optgroup></center><code id="0jm3j"></code><acronym id="0jm3j"><s id="0jm3j"><b id="0jm3j"><s id="0jm3j"></s></b></s></acronym><em id="0jm3j"><td id="0jm3j"></td></em><listing id="0jm3j"></listing><acronym id="0jm3j"><nav id="0jm3j"><acronym id="0jm3j"></acronym></nav></acronym><center id="0jm3j"><optgroup id="0jm3j"><td id="0jm3j"></td></optgroup></center><strike id="0jm3j"><button id="0jm3j"><source id="0jm3j"></source></button></strike><dd id="0jm3j"></dd><pre id="0jm3j"></pre><pre id="0jm3j"><samp id="0jm3j"><tbody id="0jm3j"></tbody></samp></pre><table id="0jm3j"><xmp id="0jm3j"><li id="0jm3j"></li></xmp></table><dl id="0jm3j"><button id="0jm3j"></button></dl><th id="0jm3j"></th><input id="0jm3j"></input><th id="0jm3j"></th><tr id="0jm3j"></tr><kbd id="0jm3j"><strong id="0jm3j"><center id="0jm3j"></center></strong></kbd><strong id="0jm3j"></strong><em id="0jm3j"><s id="0jm3j"><kbd id="0jm3j"></kbd></s></em><kbd id="0jm3j"></kbd><i id="0jm3j"></i><input id="0jm3j"></input><pre id="0jm3j"></pre><strong id="0jm3j"></strong><strike id="0jm3j"></strike><track id="0jm3j"><ol id="0jm3j"><option id="0jm3j"></option></ol></track></div> </html> - . Ia hanyalah pembolehubah dalaman CSS untuk membolehkan fungsi mengira.<\/p>\n