Jawapan · Kerangka HTML答案 · HTML 基本结构

Faham dengan cara mudah用简单的话理解

Bayangkan teks pada halaman diberi label: ini tajuk, ini perenggan. HTML menggunakan tag untuk memberi label struktur itu kepada pelayar.想象给网页文字贴上用途标签：这是标题，那是段落。HTML 用标签告诉浏览器这些内容的结构。

Nama penuhnya ialah HyperText Markup Language. HyperText berkaitan teks yang boleh mempunyai pautan; Markup bermaksud penandaan; Language bermaksud bahasa. Huruf awalnya membentuk HTML.全称是 HyperText Markup Language。HyperText 指可带链接的超文本，Markup 指标记，Language 指语言。缩写合起来就是 HTML。

Faham dengan cara mudah用简单的话理解

Lihat dua tempat pada pelayar: tab di atas dan isi halaman di bawah. Nama pada tab membantu kita memilih halaman; tajuk dalam halaman membantu kita membaca isinya.看浏览器的两个位置：上方的标签页和下面的网页内容。标签页名称帮你找到网页，网页里的大标题帮你理解内容。

<title> menamakan tab, jadi letaknya dalam <head>. <h1> ialah tajuk utama yang dibaca pada halaman, jadi letaknya dalam <body>. Kedua-duanya tidak perlu mempunyai teks yang sama.<title> 给标签页命名，放在 <head> 中。<h1> 是页面里读到的主标题，放在 <body> 中。它们的文字可以不同。

Faham dengan cara mudah用简单的话理解

Soalan ini meminta tempat menyimpan nama tab, bukan tajuk besar dalam isi halaman. Nama tab ialah maklumat tentang dokumen itu.本题问的是标签页名称放哪里，不是网页中的大标题放哪里。标签页名称属于文档本身的信息。

Bahagian untuk maklumat dokumen ialah <head>. Oleh itu, <title>…</title> mesti berada di antara <head> dan </head>.<head> 专门放文档信息，所以要把 <title>…</title> 放在 <head> 与 </head> 之间。

Faham dengan cara mudah用简单的话理解

Bayangkan halaman yang sedang dibaca: ada ayat dan gambar. Semua itu ialah isi halaman, bukan maklumat seperti nama tab.想象正在阅读的网页，上面有句子和图片。这些都是网页内容，不是标签页名称之类的文档信息。

Letakkan perenggan <p> dan imej <img> di antara <body> dengan </body>. Dengan itu, unsur tersebut menjadi sebahagian daripada isi halaman.把段落 <p> 和图片 <img> 放在 <body> 与 </body> 之间，它们就属于网页的主体内容。

Faham dengan cara mudah用简单的话理解

Dalam nama index.html, bahagian selepas titik terakhir ialah .html. Bahagian ini dipanggil sambungan fail dan membantu mengenal pasti jenis fail.在 index.html 中，最后一个点后面的 .html 是文件后缀，用来帮助识别文件类型。

Fail HTML boleh berakhir dengan .html atau .htm, jadi index.html ialah contoh yang betul. Jika ditambah .txt menjadi index.html.txt, sambungan akhirnya sudah bertukar kepada .txt.HTML 文件可以用 .html 或 .htm 结尾，所以 index.html 是正确例子。若变成 index.html.txt，最后的后缀就是 .txt 了。

Faham dengan cara mudah用简单的话理解

Contohnya, kita menaip <p>Hai</p> dalam editor teks seperti Notepad. Di situ kita boleh mengubah perkataan dan tag dalam fail.例如，在记事本这样的文本编辑器里输入 <p>Hai</p>。你可以在那里修改文件里的文字和标签。

Apabila fail HTML itu dibuka dalam pelayar, pelayar membaca tag dan memaparkan perenggan Hai. Jadi editor teks digunakan untuk menulis, manakala pelayar digunakan untuk melihat hasil kod.用浏览器打开这个 HTML 文件后，浏览器读懂标签，显示段落 Hai。所以编辑器用来写代码，浏览器用来查看代码的效果。

Faham dengan cara mudah用简单的话理解

<p>Hai</p> memerlukan tanda mula dan tamat untuk menunjukkan teks yang termasuk dalam perenggan. Tetapi <br> hanya menyuruh pelayar berpindah baris; tiada teks yang perlu dibungkus di dalamnya.<p>Hai</p> 用开始和结束标签圈出段落的文字。但 <br> 只要求换行，里面没有需要包住的文字。

Begitu juga, <img> mendapatkan gambar melalui src. <br> dan <img> ialah unsur kosong, maka kedua-duanya tidak memerlukan tag akhir. Dua contoh ini membuktikan perkataan setiap dalam pernyataan itu salah.同样，<img> 通过 src 取得图片。<br> 和 <img> 都是空元素，不需要结束标签。这两个例子就说明“每个标签都需要”的说法不对。

Faham dengan cara mudah用简单的话理解

Dalam HTML, pelayar mengenali BODY dan body sebagai nama tag yang sama. Kedua-duanya menandakan bahagian isi halaman.在 HTML 中，浏览器把 BODY 和 body 认作同一个标签名，都表示网页的主体部分。

Jadi menukar huruf tag kepada huruf besar tidak menukar fungsinya. Peraturan ini tentang nama tag HTML; jangan anggap nama fail seperti Logo.png dan logo.png juga sentiasa sama.因此，把标签名改成大写不会改变作用。这个规则只是在说 HTML 标签名，不能据此认为 Logo.png 和 logo.png 这样的文件名也总是相同。

Faham dengan cara mudah用简单的话理解

Bayangkan satu tapak kelab mempunyai halaman Utama, Jadual dan Gambar. Setiap halaman itu ialah satu laman sesawang.假设一个社团网站有 Utama、Jadual 和 Gambar 三个页面。每一个单独的页面就是一个网页。

Apabila halaman berkaitan itu dikumpulkan, keseluruhannya dipanggil tapak sesawang. Laman utama ialah halaman masuk utama dalam kumpulan itu.这些相关网页组成的整体叫网站。主页则是这个网站的主要入口页面。

Faham dengan cara mudah用简单的话理解

Pecahkan https://contoh.test/nota.html kepada tiga bahagian. https:// menyatakan cara sambungan; contoh.test mengenal pasti domain yang dituju.把 https://contoh.test/nota.html 分成三段。https:// 表示连接方式，contoh.test 是要访问的域名。

Bahagian selepas domain, /nota.html, menyatakan laluan fail yang diminta. Domain menjawab di tapak mana, manakala laluan menjawab fail mana dalam tapak itu.域名后面的 /nota.html 是所请求的文件路径。域名说明去哪个网站，路径说明要网站里的哪个文件。

Faham dengan cara mudah用简单的话理解

Bayangkan dua tempat berasingan: tab pelayar bernama "Hobi Saya" dan halaman yang memaparkan "ASK" serta "Saya sedang belajar.". Sebab itu, ketiga-tiga teks tidak dimasukkan ke dalam tag yang sama.想象两个位置：浏览器标签页叫「Hobi Saya」，网页里显示「ASK」和「Saya sedang belajar.」。因此，这三段文字要放进不同的标签。

Letakkan "Hobi Saya" dalam <title> di bahagian <head>. Dalam <body>, gunakan <h1> untuk tajuk utama ASK dan <p> untuk ayat Saya sedang belajar.把「Hobi Saya」放进 <head> 中的 <title>。在 <body> 中，用 <h1> 标出主标题 ASK，用 <p> 包住句子 Saya sedang belajar.。

Tag berpasangan seperti kotak di dalam kotak: tutup kotak kecil dahulu. Tutup title sebelum head, kemudian h1 dan p masing-masing sebelum body, dan akhirnya html yang membungkus seluruh dokumen.成对标签像套起来的盒子，要先关里面的。先关 title 再关 head；h1 和 p 各自关闭后再关 body，最后关闭包住整份文档的 html。

Faham dengan cara mudah用简单的话理解

Bayangkan dua tempat berasingan: tab pelayar bernama "Kelab Catur" dan halaman yang memaparkan "ASK" serta "Saya sedang belajar.". Sebab itu, ketiga-tiga teks tidak dimasukkan ke dalam tag yang sama.想象两个位置：浏览器标签页叫「Kelab Catur」，网页里显示「ASK」和「Saya sedang belajar.」。因此，这三段文字要放进不同的标签。

Letakkan "Kelab Catur" dalam <title> di bahagian <head>. Dalam <body>, gunakan <h1> untuk tajuk utama ASK dan <p> untuk ayat Saya sedang belajar.把「Kelab Catur」放进 <head> 中的 <title>。在 <body> 中，用 <h1> 标出主标题 ASK，用 <p> 包住句子 Saya sedang belajar.。

Tag berpasangan seperti kotak di dalam kotak: tutup kotak kecil dahulu. Tutup title sebelum head, kemudian h1 dan p masing-masing sebelum body, dan akhirnya html yang membungkus seluruh dokumen.成对标签像套起来的盒子，要先关里面的。先关 title 再关 head；h1 和 p 各自关闭后再关 body，最后关闭包住整份文档的 html。

Faham dengan cara mudah用简单的话理解

Bayangkan dua tempat berasingan: tab pelayar bernama "Latihan ASK" dan halaman yang memaparkan "ASK" serta "Saya sedang belajar.". Sebab itu, ketiga-tiga teks tidak dimasukkan ke dalam tag yang sama.想象两个位置：浏览器标签页叫「Latihan ASK」，网页里显示「ASK」和「Saya sedang belajar.」。因此，这三段文字要放进不同的标签。

Letakkan "Latihan ASK" dalam <title> di bahagian <head>. Dalam <body>, gunakan <h1> untuk tajuk utama ASK dan <p> untuk ayat Saya sedang belajar.把「Latihan ASK」放进 <head> 中的 <title>。在 <body> 中，用 <h1> 标出主标题 ASK，用 <p> 包住句子 Saya sedang belajar.。

Tag berpasangan seperti kotak di dalam kotak: tutup kotak kecil dahulu. Tutup title sebelum head, kemudian h1 dan p masing-masing sebelum body, dan akhirnya html yang membungkus seluruh dokumen.成对标签像套起来的盒子，要先关里面的。先关 title 再关 head；h1 和 p 各自关闭后再关 body，最后关闭包住整份文档的 html。

Faham dengan cara mudah用简单的话理解

Bayangkan dua tempat berasingan: tab pelayar bernama "Jadual Saya" dan halaman yang memaparkan "ASK" serta "Saya sedang belajar.". Sebab itu, ketiga-tiga teks tidak dimasukkan ke dalam tag yang sama.想象两个位置：浏览器标签页叫「Jadual Saya」，网页里显示「ASK」和「Saya sedang belajar.」。因此，这三段文字要放进不同的标签。

Letakkan "Jadual Saya" dalam <title> di bahagian <head>. Dalam <body>, gunakan <h1> untuk tajuk utama ASK dan <p> untuk ayat Saya sedang belajar.把「Jadual Saya」放进 <head> 中的 <title>。在 <body> 中，用 <h1> 标出主标题 ASK，用 <p> 包住句子 Saya sedang belajar.。

Tag berpasangan seperti kotak di dalam kotak: tutup kotak kecil dahulu. Tutup title sebelum head, kemudian h1 dan p masing-masing sebelum body, dan akhirnya html yang membungkus seluruh dokumen.成对标签像套起来的盒子，要先关里面的。先关 title 再关 head；h1 和 p 各自关闭后再关 body，最后关闭包住整份文档的 html。

Faham dengan cara mudah用简单的话理解

Bayangkan dua tempat berasingan: tab pelayar bernama "Album Kegemaran" dan halaman yang memaparkan "ASK" serta "Saya sedang belajar.". Sebab itu, ketiga-tiga teks tidak dimasukkan ke dalam tag yang sama.想象两个位置：浏览器标签页叫「Album Kegemaran」，网页里显示「ASK」和「Saya sedang belajar.」。因此，这三段文字要放进不同的标签。

Letakkan "Album Kegemaran" dalam <title> di bahagian <head>. Dalam <body>, gunakan <h1> untuk tajuk utama ASK dan <p> untuk ayat Saya sedang belajar.把「Album Kegemaran」放进 <head> 中的 <title>。在 <body> 中，用 <h1> 标出主标题 ASK，用 <p> 包住句子 Saya sedang belajar.。

Tag berpasangan seperti kotak di dalam kotak: tutup kotak kecil dahulu. Tutup title sebelum head, kemudian h1 dan p masing-masing sebelum body, dan akhirnya html yang membungkus seluruh dokumen.成对标签像套起来的盒子，要先关里面的。先关 title 再关 head；h1 和 p 各自关闭后再关 body，最后关闭包住整份文档的 html。

Faham dengan cara mudah用简单的话理解

C membuka html dan head. D boleh masuk selepas C kerana tajuk tab Kelab perlu berada dalam head; D juga menutup head supaya bahagian itu selesai.C 打开 html 和 head。D 中的标签页标题 Kelab 要放在 head 内，所以 D 接在 C 后面，并把 head 关闭。

Kini B boleh membuka body dan meletakkan perenggan Hai pada halaman. A menutup body dahulu, kemudian html. Jadi setiap bahagian dibuka sebelum digunakan dan ditutup dari dalam ke luar: C → D → B → A.接着 B 打开 body，把段落 Hai 放到网页里。最后 A 先关 body 再关 html。各部分都先打开再使用，并从内到外关闭，因此顺序是 C → D → B → A。

Faham dengan cara mudah用简单的话理解

Ikut tempat teks berada dalam kod. Nota Catur dibungkus oleh title dalam head, jadi pelayar menggunakannya sebagai nama tab, bukan sebagai ayat dalam isi halaman.沿着代码看文字放在哪里。Nota Catur 在 head 内的 title 中，所以浏览器把它用作标签页名称，而不是网页正文。

Di dalam body ada dua unsur: h1 mengandungi Selamat Datang dan p mengandungi Jadual latihan. Inilah dua teks yang dibaca pada halaman: satu tajuk utama dan satu perenggan.body 中有两个元素：h1 里是 Selamat Datang，p 里是 Jadual latihan。因此页面里读到的两段文字就是这个主标题和这个段落。

Faham dengan cara mudah用简单的话理解

Baca latihan.html.txt dari hujung: sambungan terakhirnya ialah .txt. Perkataan html di tengah nama tidak menukar sambungan itu kepada fail HTML.从文件名末尾看 latihan.html.txt，最后的后缀是 .txt。中间出现 html，并不会让最后的文件后缀变成 HTML。

Simpan semula sebagai latihan.html. Jika editor menambah .txt secara automatik, pilih jenis All Files. Semak nama penuh selepas menyimpan, kemudian buka fail itu dalam pelayar untuk melihat hasil.另存为 latihan.html。如果编辑器自动加上 .txt，就选择 All Files 类型。保存后核对完整文件名，再用浏览器打开查看效果。

Faham dengan cara mudah用简单的话理解

Latihan ASK menamakan tab yang kita pilih, manakala Bab 4 memberitahu topik yang sedang dibaca pada halaman. Dua tempat ini menjalankan tugas berlainan, jadi teksnya boleh berbeza.Latihan ASK 是选择标签页时看到的名称，Bab 4 则告诉读者网页里正在讲哪一章。两个位置用途不同，文字当然可以不同。

Letakkan Latihan ASK dalam title di head, dan Bab 4 dalam h1 di body. Apabila dibuka, kedua-dua teks muncul di tempat masing-masing; ini menunjukkan title tidak wajib sama dengan h1.把 Latihan ASK 放在 head 内的 title，把 Bab 4 放在 body 内的 h1。打开后，两段文字各出现在自己的位置，说明 title 不必与 h1 相同。

Faham dengan cara mudah用简单的话理解

Latihan ialah tajuk aras 2, jadi tag yang menerangkan peranannya ialah h2. Baca dahulu. dan Cuba sendiri. pula diminta sebagai dua perenggan, bukan sebahagian daripada tajuk.Latihan 是二级标题，所以用 h2 表明它的层级。Baca dahulu. 和 Cuba sendiri. 则被要求写成两个段落，不属于标题。

Beri setiap ayat satu pasangan <p>…</p> supaya pelayar mengenalinya sebagai perenggan berasingan. Jika hanya menggunakan br antara ayat, kita cuma menukar baris, belum membina dua perenggan.每句各用一对 <p>…</p>，浏览器才知道它们是独立段落。如果只在两句之间放 br，只是换行，还没有建立两个段落。