Tips Belajar HTML Lewat Source HTML Lain merupakan postingan sebelumnya pada blog im.grandong, dan kali ini saya akan membahas tentang Tag-tag Dasar HTML. Di postingan yang telah lalu, saya pernah membahas tentang Definisi Tag yang masih ada kaitannya dengan postingan ini, bagi yang belum membaca, silahkan membacanya dulu, dan bagi yang sudah ahli dengan HTML, abaikan saja postingan saya ini.
Tag dasar berarti elemen dasar, di postingan sebelumnya saya juga pernah membahas tentang Elemen HTML yang Dibutuhkan, hanya memperjelas saja di postingan kali ini. Dokumen HTML secara mendasar akan terdiri atas teks informasi.
Judul atau topik utama dokumen disimpan dalam section atau elemen head, disimpan dalam elemen title, dengan tag <title> … </title>. Title ini akan ditampilkan pada bagian caption dari window browser web. Hanya elemen title saja dari elemen head yang ditampilkan di browser, elemen lain dari head tidak di tampilkan, sebagai elemen yang menjelaskan tentang dokumen HTML yang bersangkutan.
Teks informasi ini akan disimpan dalam selection atau elemen body – di dalam tag <body> dan </body>. Teks disusun dalam paragraf – tag <p>. Teks juga mempunyai judul-judul yang menunjukan topik-topik atau bagian-bagian dalam dokumen – judul disebut sebagai heading. Heading didalam HTML mempunyai level 1 sampai dengan 6, dinyatakan dengan tag <h1> sampai dengan <h6>, demikian juga pasangannya </h1> sampai dengan </h6>.
Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah merupakan HTML. Tag ini merupakan satu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen HTML. Sebagai contoh misalnya: <html> si awal dokumen dan </html> diakhir dokumen.
Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentag dokumen web yang akan ditampilkan. Sebagai contoh misalnya: <head> di awal setelah <html>, dan </head> di akhir selection head.
Merupakan tag di dalam head yang harus dituliskan untuk memberikan judul atau informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam browser. Sebagai contoh misalnya: <title> Judul dokumen </title>
Merupakan selection utama dalam dokumen web. Pada selection ini semua isi dokumen yang akan ditampilkan di dalam browser harus dituliskan. Sebagai contoh misalnya:
<body> di awal, segera setelah tag </head>
</body> si akhir, diletakkan sebelum tag </html>
Informasi yang disajikan dalam dokumen harus mengikuti kaidah-kaidah dalam penulisan. Misalnya satu pikiran utama disimpan dalam satu paragraf.
Setiap paragraf harus dimulai dengan memberi tag <p>. Di akhir paragraf tidak diharuskan menuliskan </p> sebagai akhir paragraf, karena tag <p> tidak didefinisikan mempunyai tag akhir. Setiap pergantian paragraf harus dimulai dengan <p> kembali. Sebagai contoh misalnya:
<!-coba_minimum.html?
<html>
<head>
<title> Sebuah contoh HTML sederhana</title>
</head>
<body>
<p>HTML mudah dibuat. selamat datang di dunia HTML.</p>
</body>
</html>
Contoh coba_minimum.html menunjukan dokumen HTML sederhana yang hanya mempunyai sebuah informasi dalam sebuah paragraf. Tetapi, yang lebih penting dari ini adalah ketentuan minimum dari suatu dokumen HTML, yaitu harus terdiri atas tag <html>, <head>, <body> ; dengan <title> di dalam selection head.
pada beberapa browser, walaupun tidak menggunakan pola minimum yang mengharuskan adanya tag <html>, kemudian selection <head>, dan <body>; browser tersebut masih bisa menampilkan dokumen html. Sebagai contoh misalnya:
<!–coba_paragraf.html–>
<html>
<head>
<title>Contoh penggunaan tag paragraf</title>
</head>
<body>
<p>Ini adalah paragraf.</p>
<p> Ini adalah paragraf.</p>
<p> Ini adalah paragraf </>
<P>Elemen paragraf ditandai dengan menggunakan tag p, dan bisa diakhiri dengan tag pasangannya yaitu </p>.
</body>
</html>
Pada elemen paragraf, sebaiknya selalu disertakan </p> untuk menandakan penutup paragraf, sebelum memulai paragraf baru. Pada browser diperlihatkan setiap paragraf akan ditampilkan dengan loncat satu baris. Jika sudah teks yang akan ditampilkan melebihi lebar window, maka secara otomatis teks yang tidak cukup akan ditampilkan pada baris berikutnya. Sebagai contoh misalnya:
<!-coba_paragraf2.html?
<html>
<head>
<title>Contoh tidak menggunakan tag paragraf</title>
</head>
<body>
Ini teks pertama dari paragraf.
Yang ini baris kedua.
Ini baris ketiganya.
Dan yang ini baris keempat, tapi panjang, supaya bisa dilihat
apakah bisa pindah sendiri?????
</body>
</html>
Contoh tersebut memperlihatkan suatu dokumen web yang tidak menggunakan tag paragraf sama sekali. Teks akan ditampilkan berbeda, seolah-olah tidak ada ganti baris, walaupun kita telah pisah-pisah menulisnya dalam notepad.
Yang menjadi catatan disini adalah jika ingin mendefinisikan paragraf baru, maka kita harus menuliskan secara eksplisit tag <p>-nya. Tidak ada pengaruh kita menuliskan <enter> beberapa kalipun di dalam notepad, karena semuanya akan dianggap sebagai satu paragraf dengan sebelumnya.
Ukuran window akan menyebabkan hasil yang berbeda-beda. Browser web akan melakukan pemformatan tampilan sesuai dengan ukuran windownya. Demikian informasi dari im.grandong tentang Tag-tag Dasar HTML yang dapat saya sampaikan, jika ada kesalahan, mohon dibetulkan.
