Published by od3n
Tag penting dalam HTML adalah tag heading, paragraph dan line break.
Cara terbaik untuk mempelajari HTML adalah melalui contoh-contoh. Kami telah menyediakan anda dengan beberapa contoh mudah supaya anda memahami sepenuhnya asas-asas HTML.
Cuba sendiri – Contoh
<html>
<body>
The content of the body element is displayed in your browser.
</body>
</html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>Paragraph elements are defined by the p tag.</p>
</body>
</html>
Heading
Heading ditakrifkan dengan tag <h1> hingga tag <h6>. <h1> mentakrifkan heading terbesar. <h6> pula mentakrifkan heading terkecil.
<h1>Ini heading</h1>
<h2>Ini heading</h2>
<h3>Ini heading</h3>
<h4>Ini heading</h4>
<h5>Ini heading</h5>
<h6>Ini heading</h6>
HTML secara automatiknya akan menambah satu ruang kosong sebelum dan selepas heading.
Paragraph
Paragraph ditakrifkan dengan tag <p>.
<p>Ini paragraph</p>
<p>Ini paragraph lain</p>
HTML secara automatiknya akan menambah satu ruang kosong sebelum dan selepas paragraph.
Jangan lupa tag penutup
Anda mungkin dapat perhatikan bahawa paragraph boleh ditulis tanpa tag penutup </p> :
<p>Ini paragraph
<p>Ini paragraph lain
Contoh di atas akan berjaya dipaparkan di kebanyakan pelayar web, tetapi jangan bergantung harap sepenuhnya. Versi HTML akan datang tidak akan membenarkan SEBARANG tag penutup diabaikan.
Mengakhiri semua elemen HTML dengan tag penutup adalah salah satu cara pengesahan suatu penulisan kod HTML pada masa hadapan. Ia juga memudahkan sesuatu kod itu difahami apabila tag permulaan dan tag penutup ditanda dengan betul.
Line Break
Tag <br> digunakan apabila anda mahu menamatkan satu baris, tetapi anda tidak mahu memulakan satu paragraph baru. Tag <br> akan menamatkan satu baris di lokasi mana tag tersebut diletakkan.
<p>This <br> is a para<br>graph with line breaks</p>
Cuba sendiri
Tag <br> adalah satu tag kosong. Ia tiada tag penutup </br> kerana tag penutup tersebut tidak memberi apa-apa kesan.
<br> atau <br />
Selepas ini anda akan mendapati tag <br> ditulis begini : <br />
Disebabkan tag <br> tidak mempunyai tag penutup, ia melanggar satu peraturan HTML masa hadapan (XML based XHTML), iaitu semua elemen mesti berakhir dengan tag penutup.
Menulis tag tersebut sebagai <br /> adalah satu cara pengesahan mengakhiri suatu tag permulaan yang diterima pakai oleh HTML dan XML.
Komen dalam HTML
Tag komen digunakan untuk memasukkan apa-apa komen dalam kod sumber HTML. Komen akan diabaikan oleh pelayar web. Komen boleh digunakan untuk menerangkan sesuatu kod, di mana dapat membantu semasa anda melakukan suntingan pada kod sumber anda kelak.
<!-- This is a comment -->
Anda perlu meletakkan tanda seru selepas kurungan pembukaan, tetapi tidak sebelum kurungan penutup.
Kesimpulan untuk Elemen HTML
* Setiap elemen HTML mempunyai nama elemen (body, h1, p, br)
* Tag permulaan mengandungi nama elemen dan dikelilingi dengan angle bracket <h1>
* Tag penutup mengandungi slash dan nama elemen serta dikelilingi dengan angle bracket </h1>
* Kandungan elemen terletak di antara tag permulaan dan tag penutup tersebut
* Terdapat beberapa elemen HTML tidak mempunyai kandungan elemen
* Terdapat beberapa elemen HTML tidak mempunyai tag penutup
Nota asas – Tip berguna
Apabila anda menulis teks HTML, anda tentu tidak pasti bagaimana teks tersebut dipaparkan dalam pelayar web lain. Sesetengah pengguna mempunyai paparan komputer yang besar, dan sesetengah yang lain hanya mempunyai paparan yang kecil. Teks tersebut akan disusun semula setiap kali pengguna mengubah saiz tetingkap mereka. Jangan sesekali cuba menyusun teks dalam editor teks anda dengan memasukkan ruang atau baris kosong kepada teks.
Ruang kosong tidak memberikan apa-apa kesan dalam HTML. Beberapa ruang kosong akan tetap dikira sebagai satu ruang kosong. Lagi maklumat tambahan : Dalam HTML, satu baris baru yang dicipta dianggap sebagai satu ruang kosong.
Menggunakan paragraph kosong <p> untuk memasukkan baris kosong adalah satu tabiat buruk. Gunakan tag <br> sebaliknya. (Tetapi jangan gunakan tag <br> untuk membina senarai. Tunggu sehingga anda belajar mengenai senarai HTML.)
HTML secara automatiknya akan menambah satu baris kosong sebelum dan selepas beberapa elemen, contohnya seperti sebelum dan selepas paragraph dan sebelum dan selepas heading.
Kami menggunakan horizontal rule (tag <hr>) untuk memisahkan bab-bab dalam tutorial kami.
Tag Asas HTML
Jika anda perhatikan tag asas HTML seperti rujukan di bawah, anda akan memperoleh maklumat lanjut mengenai atribut-atribut tag.
Anda akan belajar dengan lebih lanjut mengenai atribut-atribut tag HTML dalam bab seterusnya.
| Tag |
Penerangan |
| <html> |
Mentakrifkan dokumen HTML |
| <body> |
Mentakrifkan kandungan dokumen |
| <h1> to <h6> |
Mentakrifkan header 1 hingga header 6 |
| <p> |
Mentakrifkan paragraph |
| <br> |
Memasukkan penamat untuk satu baris |
| <hr> |
Mentakrifkan horizontal rule |
| <!–> |
Mentakrifkan komen |
. Oct 17, 2008
Filed under: HTML, elemen, HTML, tag, w3c, xhtml, xml