Jawapan · Imej & pautan答案 · 图片与链接

Faham dengan cara mudah用简单的话理解

Untuk melihat gambar catur pada halaman sekarang, pelayar perlu tahu fail gambar yang hendak dimuatkan. img menggunakan src untuk menunjuk kepada catur.png.要在当前网页显示象棋图片，浏览器得知道该加载哪个图片文件。img 用 src 指向 catur.png。

Untuk pergi ke halaman catur.html apabila pautan diklik, a menggunakan href. Jadi src menjawab ambil sumber dari mana, manakala href menjawab pergi ke mana selepas klik.若点击链接后要去 catur.html，a 就用 href 指定它。src 回答“从哪里取得资源”，href 回答“点击后去哪里”。

Faham dengan cara mudah用简单的话理解

Bayangkan gambar pada halaman tidak dapat dilihat. Pembaca masih perlu tahu maklumat yang sepatutnya disampaikan oleh gambar itu.想象网页上的图片看不到了。读者仍需要知道这张图原本想表达什么。

alt menyediakan teks alternatif untuk tujuan itu. Contohnya, jika gambar menunjukkan papan catur, alt boleh menerangkannya sebagai Papan catur. Pembaca skrin juga boleh membaca teks ini.alt 就提供这样的替代文本。例如，如果图片展示棋盘，alt 可以写 Papan catur 来说明内容。屏幕阅读器也可以读出这段文字。

Faham dengan cara mudah用简单的话理解

<img> perlu mengambil gambar logo.png untuk dipaparkan. href ialah destinasi pautan, jadi ia tidak memberi img sumber gambar yang diperlukan.<img> 要取得 logo.png 才能显示图片。href 是链接目的地，不能在这里为 img 指定图片来源。

Gunakan src="logo.png" supaya pelayar tahu fail yang hendak dimuatkan. Dengan anggapan gambar itu sebuah logo, alt="Logo" memberi penerangan ringkas jika gambar tidak dapat dilihat.改用 src="logo.png"，浏览器才知道要加载哪个文件。假设图片确实是一个标志，alt="Logo" 就在图片无法看见时提供简短说明。

Faham dengan cara mudah用简单的话理解

Nota ialah teks yang pembaca akan klik. nota.html ialah halaman yang patut dibuka selepas klik itu, jadi ia merupakan destinasi pautan.Nota 是读者会点击的文字。nota.html 是点击后要打开的网页，因此它是链接的目的地。

Tag a menyatakan destinasi melalui href, bukan src. Tukar atribut itu sahaja menjadi <a href="nota.html">Nota</a>; teks Nota dan tag penutup </a> masih diperlukan.a 标签用 href 指定目的地，不用 src。把属性改成 <a href="nota.html">Nota</a>，同时保留可点击的文字 Nota 和结束标签 </a>。

Faham dengan cara mudah用简单的话理解

Pelayan dalam soalan membezakan huruf besar dan kecil. Bagi pelayan itu, logo.png dan Logo.png ialah dua nama berlainan walaupun beza hanya satu huruf.题目里的服务器会区分大小写。对它来说，logo.png 和 Logo.png 是两个不同名称，即使只差一个字母的大小写。

Fail yang ada bernama Logo.png, tetapi kod meminta logo.png. Padankan src dengan Logo.png, termasuk L besar, dan pastikan laluannya betul supaya pelayar meminta fail yang benar-benar ada.实际文件叫 Logo.png，代码却在找 logo.png。把 src 改为匹配 Logo.png，包括大写 L，并确认路径正确，浏览器才会请求实际存在的文件。

Faham dengan cara mudah用简单的话理解

Warna ialah rupa pautan, manakala tugas pautan ialah membawa pembaca ke destinasi apabila diklik. Menukar warna tidak semestinya menukar tugas itu.颜色是链接的外观，链接的作用则是让读者点击后前往目的地。改变颜色不一定改变这个作用。

Biru biasa digunakan dalam paparan lalai, tetapi CSS boleh memilih warna lain dan pautan yang pernah dilawati juga boleh berbeza warna. Oleh itu, kenal pasti pautan melalui a dengan href, bukan warna sahaja.默认链接常见蓝色，但 CSS 可以指定其他颜色，访问过的链接颜色也可能不同。因此应看 a 和 href 来识别链接，不能只看颜色。

Faham dengan cara mudah用简单的话理解

Bandingkan sambungan tiga fail: bunga.png berakhir dengan .png, lagu.mp3 dengan .mp3 dan nota.html dengan .html. Sambungan ini memberi petunjuk jenis fail.比较三个文件的后缀：bunga.png 是 .png，lagu.mp3 是 .mp3，nota.html 是 .html。后缀提供了文件类型的线索。

Dengan anggapan sambungan sepadan dengan jenis fail seperti dalam latihan ini, PNG menyimpan imej, MP3 menyimpan audio dan HTML menyimpan kod halaman. Maka fail imej yang diminta ialah bunga.png.按本题的通常假设，后缀与实际文件类型相符：PNG 存图片，MP3 存音频，HTML 存网页代码。因此要选的图片文件是 bunga.png。

Faham dengan cara mudah用简单的话理解

Menulis <img> hanya memberitahu pelayar bahawa kita mahu sebuah imej. Pelayar belum tahu gambar mana yang hendak diambil.只写 <img>，只是告诉浏览器这里要放一张图片。浏览器还不知道要取哪一张。

Tambahkan src dengan lokasi fail gambar yang betul. Fail itu juga mesti wujud dan boleh dicapai; alamat yang betul bentuknya tidak membantu jika gambar tiada di situ.还要用 src 指定正确的图片文件位置。文件本身也必须存在且能访问；地址格式写对了，但那里没有图片，仍然无法显示。

Faham dengan cara mudah用简单的话理解

Perenggan p membungkus teks di antara dua tag, tetapi img mengambil gambar daripada lokasi dalam src. Kita tidak meletakkan fail gambar sebagai teks di antara <img> dan </img>.p 段落把文字包在两个标签之间，但 img 是从 src 指定的位置取得图片。图片文件并不是作为文字塞在 <img> 与 </img> 之间。

HTML menetapkan img sebagai unsur kosong. Jadi satu tag seperti <img src="logo.png" alt="Logo"> sudah lengkap; jangan tambah </img>.HTML 把 img 定义为空元素。因此像 <img src="logo.png" alt="Logo"> 这样的单个标签就完整了，不要再加 </img>。

Faham dengan cara mudah用简单的话理解

Dalam pautan teks biasa, perkataan berada di dalam a dan boleh diklik. Untuk menjadikan gambar boleh diklik, letakkan img di tempat perkataan itu.普通文字链接把可点击的文字放在 a 里面。想让图片可以点击，就把 img 放到原本放文字的位置。

a dengan href menentukan destinasi, manakala img dengan src membekalkan gambar. Tutup a selepas img supaya gambar itu termasuk dalam pautan.a 的 href 决定点击后去哪里，img 的 src 提供图片。在 img 后关闭 a，图片就被包含在链接里面了。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek1.png sekarang, kemudian buka halaman projek1.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek1.png，点击图片后打开网页 projek1.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek1.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek1.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek1.png" 取得图片，再把 img 放进 href="projek1.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Hobi Saya", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Hobi Saya」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek2.png sekarang, kemudian buka halaman projek2.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek2.png，点击图片后打开网页 projek2.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek2.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek2.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek2.png" 取得图片，再把 img 放进 href="projek2.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Kelab Catur", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Kelab Catur」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek3.png sekarang, kemudian buka halaman projek3.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek3.png，点击图片后打开网页 projek3.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek3.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek3.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek3.png" 取得图片，再把 img 放进 href="projek3.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Latihan ASK", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Latihan ASK」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek4.png sekarang, kemudian buka halaman projek4.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek4.png，点击图片后打开网页 projek4.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek4.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek4.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek4.png" 取得图片，再把 img 放进 href="projek4.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Jadual Saya", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Jadual Saya」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek5.png sekarang, kemudian buka halaman projek5.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek5.png，点击图片后打开网页 projek5.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek5.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek5.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek5.png" 取得图片，再把 img 放进 href="projek5.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Album Kegemaran", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Album Kegemaran」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek6.png sekarang, kemudian buka halaman projek6.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek6.png，点击图片后打开网页 projek6.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek6.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek6.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek6.png" 取得图片，再把 img 放进 href="projek6.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Perpustakaan", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Perpustakaan」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek7.png sekarang, kemudian buka halaman projek7.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek7.png，点击图片后打开网页 projek7.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek7.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek7.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek7.png" 取得图片，再把 img 放进 href="projek7.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Kelab Muzik", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Kelab Muzik」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek8.png sekarang, kemudian buka halaman projek8.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek8.png，点击图片后打开网页 projek8.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek8.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek8.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek8.png" 取得图片，再把 img 放进 href="projek8.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Hari Sukan", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Hari Sukan」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek9.png sekarang, kemudian buka halaman projek9.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek9.png，点击图片后打开网页 projek9.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek9.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek9.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek9.png" 取得图片，再把 img 放进 href="projek9.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Projek Saya", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Projek Saya」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。

Faham dengan cara mudah用简单的话理解

Ada dua tugas berbeza: tunjukkan gambar projek10.png sekarang, kemudian buka halaman projek10.html apabila gambar diklik. Jangan tertukar fail .png dengan fail .html.这里有两个任务：现在显示图片 projek10.png，点击图片后打开网页 projek10.html。要分清图片 .png 和网页 .html。

Gunakan img dengan src="projek10.png" untuk mengambil gambar. Letakkan img itu di dalam a dengan href="projek10.html" supaya gambar menjadi bahagian yang boleh diklik. Oleh sebab semua fail dalam folder sama, nama fail sahaja mencukupi untuk laluan ini.用 img 的 src="projek10.png" 取得图片，再把 img 放进 href="projek10.html" 的 a 标签中，让图片成为可点击的部分。题目已说明文件都在同一文件夹，所以这里直接用文件名即可。

Teks alternatif yang diminta ialah "Selamat Datang", jadi masukkan teks tepat itu dalam alt. Jika gambar tidak dapat dilihat, teks ini membantu menyampaikan maksudnya; href tetap menentukan halaman yang dibuka.题目指定的替代文本是「Selamat Datang」，所以 alt 要填写这段原文。图片无法看见时，这段文字帮助说明图片；点击后打开哪个网页仍由 href 决定。