HTML for Kids · Pelajaran

Tag dan Elemen HTML

Pelajari maksud tag dan elemen serta cara kedua-duanya berfungsi.

Pelajaran 3 daripada 411 langkah

Tag dan Elemen HTML ialah pelajaran HTML for Kids percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran HTML for Kids, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus HTML for Kids merangkumi sejumlah 4 pelajaran.

Tag dan Elemen HTML

Selamat datang ke pelajaran seterusnya! Hari ini, kita akan mempelajari tag dan elemen HTML. Kedua-duanya ialah blok binaan bagi setiap halaman web yang anda cipta.

Apakah Tag HTML?

Tag HTML ialah kata kunci khas yang diapit oleh kurungan bersudut <>. Tag memberitahu pelayar perkara yang perlu dilakukan terhadap kandungan di dalamnya.

Contoh tag:<h1>

Tag biasanya hadir secara berpasangan: tag pembuka dan tag penutup.

Contoh:

<h1>Hello</h1>

Apakah Elemen HTML?

Elemen HTML ialah gabungan tag pembuka, kandungan dan tag penutup.

Contohnya:

<h1>Welcome to My Page</h1>

Jenis-jenis Tag

Terdapat dua jenis tag utama:

Tag Berpasangan: Tag ini mempunyai tag pembuka dan tag penutup. Contoh: <p>Paragraph</p>
Tag Penutup Sendiri: Tag ini tidak memerlukan tag penutup. Contoh: <img />

Tag yang Biasa Digunakan

Berikut ialah beberapa tag HTML asas yang akan kerap anda gunakan:

<h1> to <h6>: Tajuk (daripada terbesar hingga terkecil)
<p>: Perenggan
<a>: Pautan
<img>: Imej
<br>: Pemisah Baris

Mari kita lihat contoh:

<h1>Welcome!</h1>
<p>This is a paragraph of text.</p>
<a href="https://example.com">Click here</a>
<img src="image.jpg" alt="An example image" />
<br />

Atribut dalam Tag

Atribut memberikan maklumat tambahan tentang elemen. Atribut diletakkan di dalam tag pembuka.

Contoh:

<a href="https://example.com" 
target="_blank">Visit Example</a>

Penyusunan Tag

Anda boleh meletakkan satu tag di dalam tag yang lain. Ini dipanggil penyusunan.

Contoh:

<p>This is a <strong>bold</strong> word.</p>

Urutan Menutup Tag Bersarang

Ingat: Sentiasa tutup tag dalam sebelum menutup tag luar.

Contoh: Menggabungkan Kesemuanya

Berikut ialah contoh yang menggabungkan semua perkara yang telah kita pelajari:

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Example</title>
  </head>
  <body>
    <h1>Welcome to My Web Page</h1>
    <p>This is a <strong>simple</strong> paragraph of text.</p>
    <a href="https://example.com" target="_blank">Click here to learn more</a>
    <br />
    <img src="image.jpg" alt="A beautiful view" />
  </body>
</html>

Syabas!

Tahniah! Anda telah mempelajari tentang tag, elemen, atribut dan penyusunan HTML. Semua ini ialah blok binaan bagi setiap halaman web yang anda cipta. Dalam pelajaran seterusnya, kita akan menulis halaman HTML pertama anda dengan kandungan sebenar!

Percuma untuk bermula

Pelajari HTML dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 16
Pelajaran: 35

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Tag dan Elemen HTML” percuma?

Ya — teks penuh “Tag dan Elemen HTML” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus HTML for Kids, tingkat taraf kepada CoddyKit PRO. Kursus HTML for Kids merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Tag dan Elemen HTML”?

Pelajari maksud tag dan elemen serta cara kedua-duanya berfungsi. Anda berlatih HTML for Kids menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan HTML for Kids?

Tiada pengalaman terdahulu diperlukan. Pembelajaran HTML for Kids di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.

Berapa lamakah pelajaran “Tag dan Elemen HTML” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran HTML for Kids ini?

Ya. Setiap pelajaran HTML for Kids menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke HTML for Kids