Forum Informatika

Tag dasar berarti elemen dasar. Pada dasarnya, dokumen HTML terdiri atas teks informasi yang ingin anda sampaikan pada pengunjung situs. Seperti yang kita ketahui pada tutorial sebelumnya, bahwa HTML terdiri atas elemen tag sebagai penyusunnya. Untuk dapat membangun sebuah dokumen HTML, maka diperlukan susunan tag minimum atau sekurang-kurangnya, dokumen HTML harus terdiri atas susunan tag :

1. HTML

Merupakan tag dasar yang mendefinisikan bahwa ini adalah dokumen HTML. Tag ini merupakan satu keharusan bagi pemrograman untuk menuliskannya sebagai tag pertama dalam dokumen HTML.

Cara penulisan :

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
2. HEAD

Merupakan bagian untuk menuliskan keterangan tentang dokumen yang akan ditampilkan. Salah satunya adalah judul/topik utama suatu dokumen.

Cara penulisan :

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
3. TITLE

Tag penjelas judul atau topik utama suatu dokumen yang akan ditunjukkan pada caption browser web. Dituliskan pada bagian/section HEAD.

Cara penulisan :

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
4. BODY

Merupakan bagian utama dalam dokumen web. Pada bagian ini semua isi dokumen yang akan ditampilkan di dalam browser, harus dituliskan disini.

Cara penulisan :

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Itulah tag/elemen dasar yang minimum harus ada dalam suatu dokumen HTML. Akan tetapi, pada beberapa browser, walaupun tidak menggunakan pola minimum seperti ini, browser tersebut masih bisa menampilkan dokumen html. Dan saya sangat tidak menganjurkan hal tersebut. Berikut contoh lengkap penulisan ketentuan minimum yang harus ada pada suatu dokumen web :

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
INGAT!
Jika anda mengedit dalam sebuah editor seperti Ms. Frontpage/Macromedia Dreamweaver, maka formula tersebut harus dituliskan dalam ruang dan hasilnya dapat di lihat di


Pada tutorial selanjutnya, saya akan menjelaskan beberapa tag yang biasa dipergunakan dalam sebuah dokumen HTML.

Sumber: Tag-tag Dasar HTML

Tutorial sebelumnya kita sudah bahas dan mengenal tag minimum yang harus ada pada sebuah dokumen HTML. Nah, untuk tutorial sekarang ini saya ingin memberitahukan juga beberapa tag dasar lainnya, terutama yang berhubungan dengan penulisan teks dokumen itu sendiri. Berikut beberapa tag tersebut:


1. Paragraf

Setiap paragraf harus dimulai dengan memberi tag <p> dan tidak harus selalu diakhiri dengan </p>. Tapi, saya lebih menyarankan agar anda menggunakannya untuk menandai bahwa itu adalah akhir dari suatu paragraf dan awal dari paragraf yang lain.

Contoh:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Hasil:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Untuk menentukan besar spasi antar paragraf, anda dapat menambahkan style="margin:0pt 0pt 6pt 0pt". Yang berarti jarak atas dari paragraf tersebut=0point, kanan=0point, bawah=6point, dan kiri=0point. Silahkan ganti angkanya sesuka anda. Contohnya:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.

2. Line Break

Kita dapat memaksakan ganti baris pada dokumen web. Ganti baris disini hanya dimaksudkan menampilkan suatu teks pada baris selanjutnya dalam suatu paragraf dan tidak berganti paragraf lain.

Contoh:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Hasil:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Jangan gunakan tag <p> untuk menyisipkan baris kosong, tapi gunakan <br>. Itu adalah suatu kebiasaan buruk!


3. Penggaris Mendatar

Sebuah garis dapat disisipkan dalam dokumen web yang biasanya digunakan sebagai pemisah antar bagian atau paragraf. Tag <hr> disisipkan pada tempat garis akan ditampilkan dalam dokumen.

Contoh:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Hasil:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.

4. Heading

Teks dalam dokumen umumnya mempunyai judul topik pada tiap dokumen HTML. Nah, judul ini disebut heading. Heading tulisan akan ditampilkan dalam huruf yang besar dan ditebalkan. Heading juga dimanfaatkan untuk menunjukkan tingkat keberartian dari teks yang akan dituliskan dengan memberikan tingkatan mulai dari tingkat 1-6, dimana tingkat 1 adalah heading yang terbesar dan berlaku surut untuk tingkatan selanjutnya.

Contoh:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Hasil:
Ini heading 1
Ini heading 2
Ini heading 3
Ini heading 4
Ini heading 5
Ini heading 6

Anda dapat mengatur letak heading pada sisi kiri, kanan ataupun tengah dengan menambahkan atribut tag align=?left/right/center?. Contohnya, <h2 align="left">...</h2>


5. Komentar

Dalam suatu teks dokumen, ada sebagian teks yang berfungsi sebagai catatan atau komentar terhadap dokumen itu sendiri. Akan tetapi, apa yang anda tuliskan dalam komentar ini tidak akan ditampilkan dalam browser dan hanya terlihat pada source code saja.

Di lain pihak, komentar ini bisa juga digunakan untuk menyembunyikan sebagian dokumen web karena alasan belum ada kepastian dari isi dokumen terutama dari aspek legal, perlu ada approval sebelum bisa dipublikasikan atau karena dokumen tersebut belum lengkap 100%. Tag komentar ditandai dengan <!-- di awal, dan --> di akhirnya.

Contoh:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.
Hasil pada browser:

Code:

Hanya pengunjung TERDAFTAR yang bisa melihat konten. Silakan melakukan Registrasi terlebih dahulu atau Login.

Ingat, karena ini adalah tag penulisan dokumen, tentu saja, semua harus dituliskan di antara tag <body>...</body>.

Selamat mencoba..

Sumber: Tag-tag Pengaturan Teks Dokumen I

Beberapa karakter memiliki arti khusus dalam HTML. Seperti tanda lebih kecil (<) yang berarti awal tag HTML dan tanda lebih besar (>) yang berarti akhir tag HTML. Tidak seperti nama tag, b (bold) misalnya, karakter HTML ini memiliki sifat case sensitive yang berarti jika salah mengetik sedikit saja, maka browser tidak akan dapat membacanya. Sehingga, jika kita menginginkan browser untuk menampilkan karakter-karakter tersebut, harus menyisipkan entitas karakter ke dalam source HTML.

Entitas karakter mempunyai 3 bagian: sebuah ampersand (&), sebuah nama entitas (#) dan nomor entitas, terakhir adalah sebuah tanda titik koma/semicolon (.

Contoh:

Jika ingin menampilkan tanda lebih kecil (<) dalam sebuah HTML, maka di dalam source anda harus menuliskan: < atau <.

Kelebihan dengan menggunakan nama dibandingkan dengan nomor bahwa nama akan lebih mudah diingat. Sementara kekurangannya adalah tidak semua browser mendukung nama entitas terbaru, sedangkan untuk nomor-nomor entitas didukung oleh hampir semua browser.

Entitas Karakter yang Sering Digunakan



Daftar Entitas HTML selengkapnya bisa dilihat di Wikipedia.

Sumber: Entitas Karakter HTML