Kumpulan Kode HTML : Tag Formatting Tulisan

Kemarin kita telah mengenal kode HTML dasar. Kali ini, masih dalam rangka belajar kode HTML, aku akan menuliskan kumpulan kode HTML yang berfungsi untuk memformat tampilan karakter/huruf.


<i>Italic text</i> berfungsi untuk memiringkan tulisan.

<b>Bold text</b> berfungsi untuk menebalkan tulisan.

<big>Big text</big> untuk membuat teks lebih besar dari ukuran default.

<small>Small text</small> untuk membuat teks lebih kecil dari ukuran default.

Tag <font> berfungsi untuk menentukan bentuk, ukuran dan warna font dari tulisan. Tag ini support di semua browser besar.

Contoh pemakaian :
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

Selain atribut yang telah dicotohkan, ada pula atribut lain yang bisa dijadikan alternatif, misalnya untuk menentukan warna, kita dapat menggunakan kode warna (contoh: #000000 untuk warna hitam).

<em>Emphasized text</em> fungsinya sama dengan italic.

<strong>Strong text</strong> fungsinya sama dengan bold.

<code>Computer code text</code> untuk menuliskan kode komputer (php, html, dsb)

Tag <em> berfungsi untuk membuat garis bawah pada teks / huruf.

Demikianlah beberapa tag HTML yang sering digunakan untuk memformat tulisan. Semoga ada manfaatnya.

Read more »

Kumpulan Kode HTML : Tag Dasar

Membuat blog sekarang ini memang sangatlah mudah, bahkan untuk orang yang tidak mengerti sama sekali bahasa pemrograman yang digunakan untuk blog tersebut (umumnya HTML dan PHP). Semua sudah ready for use, siap digunakan, tanpa harus sedikitpun menuliskan kode. Namun, ada kalanya kita memerlukan sedikit pemahaman kode-kode yang sering digunakan, misalnya untuk membuat tampilan blog kita berbeda.

Sebagai bahan pembelajaran untuk aku pribadi, aku sengaja mendokumentasikan beberapa kode HTML dasar yang biasa digunakan dalam sebuah blog. Kode-kode ini aku peroleh dari berbagai sumber di internet.

Aku mencoba mengelompokkan kode-kode HTML ini berdasarkan fungsinya. Pada tahap awal ini, aku menuliskan kode-kode Tag Dasar HTML.

Tag <!DOCTYPE>

Definisi dan Penggunaan :

Deklarasi doctype ini mestinya merupakan hal pertama dalam dokumen HTML, sebelum tag <html>.
Deklarasi doctype mengacu pada definisi tipe dokumen (Document Type Definition/DTD). DTD menentukan aturan untuk markup language, sehingga browser dapat merender konten dengan benar.

Tag <html>

Tag <html> memberitahukan browser bahwa dokumen ini sebuah dokumen HTML. Elemen html merupakan elemen utama dalam dokuen HTML dan XHTML. Elemen html juga dikenal sebagai elemen dasar.

Tag <body>

The body element defines the document's body.

Elemen body berisi semua konten dari sebuah dokumen HTML, seperti teks, hyperlinks, gambar, tabel, daftar, dsb.

Tag <h1> sampai <h6>

Tag <h1> sampai <h6> digunakan untuk mendefinisikan heading pada HTML. <h1> mendefinisikan heading terbesar sedangkan <h6> mendefinisikan heading terkecil.

Tag <p>

Tag <p> mendefinisikan sebuah paragraf. Elemen p secara otomatis membuat beberapa space sebelum dan setelahnya. Spasi dapat secara otomatis diaplikasikan oleh browser, atau bisa juga kita tentukan terlebih dahulu lewat style sheet (CSS).

Tag <br>

Tag <br> berfungsi untuk memasukkan baris baru. Tag <br> merupakan tag kosong, artinya tag ini tidak memiliki tag akhir.

Tag <hr>

Tag <hr> menciptakan sebuah garis horisontal dalam sebuah halaman HTML. Elemen hr dapat digunakan untuk memisahkan komten dalam halaman HTML.

Tag <>

Tag <> (tag komentar) digunakan untuk memasukkan komentar dalam source code. Komentar tersebut akan dilewatkan oleh browser (tidak tampil di browser). Komentar ini dapat digunakan untuk menjelaskan kode kita, yang dapat membantu saat kita mengedit source code tersebut di kemudian hari.

Kita juga dapat menyimpan informasi spesifikasi program di dalam komentar. Dalam kasus ini, mereka tidak akan terlihat oleh pengguna, namun masih tetap tersedia untuk program tersebut. Praktek yang bagusnya adalah untuk mengomentari teks di dalam script dan elemen style untuk mencegah browser lama, yang tidak support dengan scripting atau style, memperlihatkannya sebagai teks biasa.

Demikianlah beberapa tag dasar kode HTML. Pada artikel-artikel berikutnya, kita akan mempelajari tag-tag html untuk fungsi-fungsi lainnya. Semoga bermanfaat.

Read more »