Tajuk dan Perenggan
Tambahkan tajuk dan teks pada halaman web Anda
Tajuk dan Perenggan ialah pelajaran HTML for Kids percuma di CoddyKit. Ini ialah pelajaran 1 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.
Tajuk dan Perenggan
Selamat datang ke pelajaran seterusnya! Hari ini, kita akan mempelajari cara menambahkan tajuk dan perenggan pada halaman web anda. Elemen ini menjadikan kandungan anda tersusun dan mudah dibaca.
Apakah Tajuk?
Tajuk digunakan untuk mencipta tajuk utama dan subtajuk pada halaman web anda. Tajuk terdiri daripada <h1> (terbesar) hingga <h6> (terkecil).
Anggaplah tajuk sebagai rangka kandungan anda. Tajuk membantu pengguna memahami struktur halaman anda.
Contoh:
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>Menggunakan Tajuk
Mari tambahkan tajuk pada halaman web kita. Cuba kod ini untuk melihat perbezaan antara saiz tajuk:
<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>Apakah Perenggan?
Perenggan ialah blok teks yang ditambahkan pada halaman web menggunakan tag <p>. Perenggan amat sesuai untuk menambahkan maklumat atau perihalan yang terperinci.
Contoh:
<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>
Menambahkan Berbilang Perenggan
Anda boleh menambahkan seberapa banyak perenggan yang dikehendaki dengan menggunakan berbilang tag <p>.
Contoh:
<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>
Menggabungkan Tajuk dan Perenggan
Tajuk dan perenggan berfungsi bersama-sama untuk menjadikan kandungan anda mudah dibaca dan difahami. Gunakan tajuk untuk tajuk utama dan perenggan untuk maklumat terperinci.
Contoh:
<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>
<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>
<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>
Amalan Terbaik untuk Tajuk dan Perenggan
Berikut ialah beberapa petua yang perlu diingati:
- Gunakan Satu <h1> bagi Setiap Halaman: Tag
<h1>hendaklah digunakan sekali sahaja sebagai tajuk utama. - Susun Kandungan: Gunakan tajuk yang lebih kecil (
<h2>,<h3>) untuk membahagikan bahagian. - Tulis Perenggan yang Jelas: Pastikan perenggan anda pendek dan mudah dibaca.
Cubalah Sendiri
Mari cipta halaman web ringkas dengan tajuk dan perenggan. Berikut ialah contoh untuk membantu anda bermula:
<!DOCTYPE html>
<html>
<head>
<title>Headings and Paragraphs</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is the main paragraph introducing my page.</p>
<h2>About Me</h2>
<p>I’m learning HTML and enjoying the process!</p>
<h2>My Goals</h2>
<p>My goal is to create a professional-looking website someday.</p>
</body>
</html>
Syabas!
Usaha yang hebat! Anda telah mempelajari cara menambahkan tajuk dan perenggan pada halaman web anda. Elemen ini penting untuk mencipta kandungan yang jelas dan tersusun dengan baik. Dalam pelajaran seterusnya, kita akan meneroka cara mencipta senarai untuk menyusun maklumat. Bersedialah untuk lebih banyak aktiviti menarik!
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
Soalan Lazim
Adakah pelajaran “Tajuk dan Perenggan” percuma?
Ya — teks penuh “Tajuk dan Perenggan” 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 “Tajuk dan Perenggan”?
Tambahkan tajuk dan teks pada halaman web Anda 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 1 daripada 4.
Berapa lamakah pelajaran “Tajuk dan Perenggan” 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
- Tajuk dan Perenggan
- Senarai: Bertertib dan Tidak Bertertib
- Pautan: Menghubungkan Web
- Imej: Menambahkan Gambar pada Halaman Anda