Jawapan · Teks & senarai答案 · 文字与列表

Faham dengan cara mudah用简单的话理解

Satu perenggan ialah satu bahagian teks yang dibaca bersama. Contohnya, ayat Hai boleh dijadikan satu perenggan dengan <p>Hai</p>.一个段落是一块放在一起阅读的文字。例如，<p>Hai</p> 把 Hai 这句话标为一个段落。

<p> menandakan permulaan perenggan dan </p> menandakan akhirnya. Oleh itu, teks yang hendak dijadikan perenggan diletakkan di antara kedua-duanya.<p> 标出段落开始，</p> 标出段落结束。要成为这个段落的文字，就放在这两个标签之间。

Faham dengan cara mudah用简单的话理解

Bayangkan nota dengan tajuk utama, tajuk bahagian dan tajuk kecil di bawahnya. HTML menggunakan h1 hingga h6 untuk menyatakan aras tajuk seperti ini.想象一份笔记有总标题、各部分标题和更小的子标题。HTML 用 h1 到 h6 表示这样的标题层级。

Kira nombor 1, 2, 3, 4, 5, 6: ada enam aras heading. Nombor itu menunjukkan aras, bukan saiz huruf yang tetap; CSS boleh mengubah rupa setiap tajuk.数一数 1、2、3、4、5、6，共有六级 heading。数字表示层级，不是固定字号；CSS 可以改变每级标题的外观。

Faham dengan cara mudah用简单的话理解

Bayangkan senarai barang tanpa nombor: setiap barang mendapat satu titik. <ul> menandakan seluruh senarai tidak bernombor itu.想象一张不编号的物品清单，每项前面有一个圆点。<ul> 表示这整张无序列表。

<li> menandakan satu item dalam senarai. Jika ada dua barang, tulis dua li di dalam satu ul; jangan masukkan semua barang ke dalam satu li jika mahu item berasingan.<li> 表示列表中的一项。若有两件物品，就在一个 ul 内写两个 li；想要两项时，不能把它们全塞进同一个 li。

Faham dengan cara mudah用简单的话理解

Untuk arahan seperti baca dahulu kemudian jawab, susunan membawa makna. Gunakan ol, iaitu senarai berurutan; paparan lalainya menggunakan nombor.像“先阅读，再回答”这样的步骤，顺序有意义。用 ol，也就是有序列表，默认会显示编号。

Untuk koleksi barang yang tidak memerlukan urutan, gunakan ul, iaitu senarai tidak berurutan. Kedua-dua jenis senarai tetap menggunakan li untuk setiap item; perbezaannya ialah sama ada urutan itu penting.不要求先后次序的物品集合用 ul，也就是无序列表。两种列表都用 li 标出每一项，区别在于顺序是否有意义。

Faham dengan cara mudah用简单的话理解

Bayangkan satu alamat yang perlu ditulis pada dua baris, tetapi masih satu bahagian teks. Kita mahu turun baris tanpa memulakan perenggan baharu.想象一个地址要分两行写，但仍属于同一块文字。这里需要换行，而不是另起一个段落。

Letakkan <br> pada tempat baris perlu diputuskan. Ia hanya menandakan pertukaran baris, jadi tidak membungkus teks dan tidak mempunyai tag akhir </br>.在需要断行的位置放 <br>。它只标记换行，不包住文字，因此没有 </br> 结束标签。

Faham dengan cara mudah用简单的话理解

Dalam <!-- nota guru -->, tanda <!-- dan --> memberitahu pelayar bahawa nota guru ialah catatan dalam kod. Ia bukan teks biasa yang diminta untuk dipaparkan.在 <!-- nota guru --> 中，<!-- 和 --> 告诉浏览器，nota guru 是代码里的备注，不是要显示的普通文字。

Oleh itu, nota guru tidak muncul sebagai kandungan halaman. Catatan ini dipanggil komen kod; orang masih boleh membacanya jika melihat kod sumber.所以，nota guru 不会出现在网页正文中。这叫代码注释；查看源代码的人仍然可以读到它。

Faham dengan cara mudah用简单的话理解

<h2> membuka tajuk aras 2 untuk perkataan Kelab. Tetapi </h3> cuba menutup aras 3, jadi nama pembuka dan penutup tidak sepadan.<h2> 为 Kelab 打开一个二级标题，但 </h3> 是三级标题的结束标签，两端的名字没有配对。

Kekalkan tajuk yang sudah dibuka dan tukar penutup kepada </h2>. Kini <h2>Kelab</h2> jelas menunjukkan permulaan dan akhir tajuk aras 2 yang sama.保留已经打开的标题，把结尾改成 </h2>。这样 <h2>Kelab</h2> 就清楚标出同一个二级标题的开始和结束。

Faham dengan cara mudah用简单的话理解

Dalam <ul><li>ASK, senarai ul ialah bekas luar dan item li ialah bekas di dalamnya. ASK berada dalam item itu.在 <ul><li>ASK 中，ul 是外面的列表容器，li 是里面的一项，ASK 放在这一项中。

Selesaikan item ASK dengan </li> sebelum menutup seluruh senarai dengan </ul>. Jadi susunannya <ul><li>ASK</li></ul>: tutup bahagian dalam dahulu.先用 </li> 结束 ASK 这一项，再用 </ul> 结束整个列表。因此写成 <ul><li>ASK</li></ul>，先关里面再关外面。

Faham dengan cara mudah用简单的话理解

Huruf besar yang kita nampak ialah rupa teks. Tag seperti h1 pula menerangkan peranan teks sebagai tajuk utama. Rupa dan peranan bukan perkara yang sama.看到的大字号是文字的外观，h1 标签则说明文字担任主标题的角色。外观和角色是两回事。

Contohnya, CSS boleh membesarkan satu perenggan p sehingga kelihatan besar juga. Jadi saiz sahaja tidak membuktikan h1; semak kod, atau gunakan paparan lalai hanya apabila soalan menyatakannya.例如，CSS 也能把一个 p 段落的字号调大。因此只看大小不能确定是 h1；要查看代码，或在题目指定默认显示时按该条件判断。

Faham dengan cara mudah用简单的话理解

Menu utama di sini ialah pesanan untuk pembaca kod, bukan menu yang hendak dipaparkan pada halaman. Oleh itu, tandakan teks itu sebagai komen kod.这里的 Menu utama 是给读代码的人看的备注，不是要显示在网页上的菜单。因此要把它标为代码注释。

Bungkus Menu utama dengan <!-- di depan dan --> di belakang. Hasilnya <!-- Menu utama -->; kedua-dua tanda itu memberitahu pelayar tempat komen bermula dan berakhir.在 Menu utama 前放 <!--，后放 -->，得到 <!-- Menu utama -->。两端的标记告诉浏览器注释从哪里开始、在哪里结束。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Hobi Saya" di atas, kemudian 2 item di bawahnya. Soalan meminta aras 1, jadi gunakan h1 untuk menerangkan aras tajuk itu.想象上方是标题「Hobi Saya」，下方是 2 个项目。题目指定 1 级，所以用 h1 表明标题层级。

Itemnya ialah Catur, Muzik. Beri setiap item satu li, jadi perlu 2 li. Bungkus semuanya dalam ul kerana soalan meminta senarai bertitik (senarai tidak berurutan).项目是 Catur、Muzik。每项用一个 li，因此需要 2 个 li。题目要求圆点列表（无序列表），所以外面用 ul 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian • Catur; • Muzik, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 • Catur；• Muzik，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Kelab Catur" di atas, kemudian 2 item di bawahnya. Soalan meminta aras 2, jadi gunakan h2 untuk menerangkan aras tajuk itu.想象上方是标题「Kelab Catur」，下方是 2 个项目。题目指定 2 级，所以用 h2 表明标题层级。

Itemnya ialah Catur, Muzik. Beri setiap item satu li, jadi perlu 2 li. Bungkus semuanya dalam ol kerana soalan meminta senarai bernombor (senarai berurutan).项目是 Catur、Muzik。每项用一个 li，因此需要 2 个 li。题目要求编号列表（有序列表），所以外面用 ol 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian 1. Catur; 2. Muzik, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 1. Catur；2. Muzik，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Latihan ASK" di atas, kemudian 2 item di bawahnya. Soalan meminta aras 3, jadi gunakan h3 untuk menerangkan aras tajuk itu.想象上方是标题「Latihan ASK」，下方是 2 个项目。题目指定 3 级，所以用 h3 表明标题层级。

Itemnya ialah Catur, Muzik. Beri setiap item satu li, jadi perlu 2 li. Bungkus semuanya dalam ul kerana soalan meminta senarai bertitik (senarai tidak berurutan).项目是 Catur、Muzik。每项用一个 li，因此需要 2 个 li。题目要求圆点列表（无序列表），所以外面用 ul 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian • Catur; • Muzik, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 • Catur；• Muzik，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Jadual Saya" di atas, kemudian 2 item di bawahnya. Soalan meminta aras 1, jadi gunakan h1 untuk menerangkan aras tajuk itu.想象上方是标题「Jadual Saya」，下方是 2 个项目。题目指定 1 级，所以用 h1 表明标题层级。

Itemnya ialah Catur, Muzik. Beri setiap item satu li, jadi perlu 2 li. Bungkus semuanya dalam ol kerana soalan meminta senarai bernombor (senarai berurutan).项目是 Catur、Muzik。每项用一个 li，因此需要 2 个 li。题目要求编号列表（有序列表），所以外面用 ol 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian 1. Catur; 2. Muzik, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 1. Catur；2. Muzik，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Album Kegemaran" di atas, kemudian 2 item di bawahnya. Soalan meminta aras 2, jadi gunakan h2 untuk menerangkan aras tajuk itu.想象上方是标题「Album Kegemaran」，下方是 2 个项目。题目指定 2 级，所以用 h2 表明标题层级。

Itemnya ialah Catur, Muzik. Beri setiap item satu li, jadi perlu 2 li. Bungkus semuanya dalam ul kerana soalan meminta senarai bertitik (senarai tidak berurutan).项目是 Catur、Muzik。每项用一个 li，因此需要 2 个 li。题目要求圆点列表（无序列表），所以外面用 ul 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian • Catur; • Muzik, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 • Catur；• Muzik，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Perpustakaan" di atas, kemudian 3 item di bawahnya. Soalan meminta aras 3, jadi gunakan h3 untuk menerangkan aras tajuk itu.想象上方是标题「Perpustakaan」，下方是 3 个项目。题目指定 3 级，所以用 h3 表明标题层级。

Itemnya ialah Baca, Cuba, Semak. Beri setiap item satu li, jadi perlu 3 li. Bungkus semuanya dalam ol kerana soalan meminta senarai bernombor (senarai berurutan).项目是 Baca、Cuba、Semak。每项用一个 li，因此需要 3 个 li。题目要求编号列表（有序列表），所以外面用 ol 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian 1. Baca; 2. Cuba; 3. Semak, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 1. Baca；2. Cuba；3. Semak，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Kelab Muzik" di atas, kemudian 3 item di bawahnya. Soalan meminta aras 1, jadi gunakan h1 untuk menerangkan aras tajuk itu.想象上方是标题「Kelab Muzik」，下方是 3 个项目。题目指定 1 级，所以用 h1 表明标题层级。

Itemnya ialah Baca, Cuba, Semak. Beri setiap item satu li, jadi perlu 3 li. Bungkus semuanya dalam ul kerana soalan meminta senarai bertitik (senarai tidak berurutan).项目是 Baca、Cuba、Semak。每项用一个 li，因此需要 3 个 li。题目要求圆点列表（无序列表），所以外面用 ul 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian • Baca; • Cuba; • Semak, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 • Baca；• Cuba；• Semak，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Hari Sukan" di atas, kemudian 3 item di bawahnya. Soalan meminta aras 2, jadi gunakan h2 untuk menerangkan aras tajuk itu.想象上方是标题「Hari Sukan」，下方是 3 个项目。题目指定 2 级，所以用 h2 表明标题层级。

Itemnya ialah Baca, Cuba, Semak. Beri setiap item satu li, jadi perlu 3 li. Bungkus semuanya dalam ol kerana soalan meminta senarai bernombor (senarai berurutan).项目是 Baca、Cuba、Semak。每项用一个 li，因此需要 3 个 li。题目要求编号列表（有序列表），所以外面用 ol 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian 1. Baca; 2. Cuba; 3. Semak, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 1. Baca；2. Cuba；3. Semak，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Projek Saya" di atas, kemudian 3 item di bawahnya. Soalan meminta aras 3, jadi gunakan h3 untuk menerangkan aras tajuk itu.想象上方是标题「Projek Saya」，下方是 3 个项目。题目指定 3 级，所以用 h3 表明标题层级。

Itemnya ialah Baca, Cuba, Semak. Beri setiap item satu li, jadi perlu 3 li. Bungkus semuanya dalam ul kerana soalan meminta senarai bertitik (senarai tidak berurutan).项目是 Baca、Cuba、Semak。每项用一个 li，因此需要 3 个 li。题目要求圆点列表（无序列表），所以外面用 ul 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian • Baca; • Cuba; • Semak, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 • Baca；• Cuba；• Semak，每项一行。项目数量和前面的标记都应与代码对应。

Faham dengan cara mudah用简单的话理解

Bayangkan tajuk "Selamat Datang" di atas, kemudian 3 item di bawahnya. Soalan meminta aras 1, jadi gunakan h1 untuk menerangkan aras tajuk itu.想象上方是标题「Selamat Datang」，下方是 3 个项目。题目指定 1 级，所以用 h1 表明标题层级。

Itemnya ialah Baca, Cuba, Semak. Beri setiap item satu li, jadi perlu 3 li. Bungkus semuanya dalam ol kerana soalan meminta senarai bernombor (senarai berurutan).项目是 Baca、Cuba、Semak。每项用一个 li，因此需要 3 个 li。题目要求编号列表（有序列表），所以外面用 ol 包起来。

Untuk lakaran, anggap paparan lalai tanpa CSS: tulis tajuk dahulu, kemudian 1. Baca; 2. Cuba; 3. Semak, satu item pada setiap baris. Bilangan dan penanda item mesti sepadan dengan kod.画草图时按没有 CSS 的默认显示：先写标题，再依次写 1. Baca；2. Cuba；3. Semak，每项一行。项目数量和前面的标记都应与代码对应。