Rabu, 26 Oktober 2011

Belajar HTML - Physica Style dalam HTML

Edit Posted by with No comments
Physical style dalam HTML adalah suatu jenis format yang diberikan pada teks tanpa tergantung pada jenis dari elemen dasar teks tersebut. Elemen-elemen ini pastinya sudah sering kalian gunakan, misalnya ketika kalian mengetik dokumen di Microsoft Word, tentunya kalian membutuhkan elemen untuk menebalkan teks, memiringkan teks, dan lain sebagainya. Nah, berikut adalah physical style yang dapat kalian gunakan dalam HTML.


Jika kalian ingin melihat tampilannya, silahkan lihat hasilnya pada gambar berikut ini.
Dan berikut adalah syntaknya.



<html>
<head>
<title>Contoh Physical Style</title>
</head>

<body>
<b>Contoh teks Bold</b><br/>
<I>contoh teks miring</I><br/>
<U>contoh teks garis bawah</U><br/>
<S>contoh teks dengan coretan</S><br/>
<BLINK>contoh teks berkedip</BLINK><br/>
<TT>contoh teks tipe writer<TT><br/>
contoh teks <BIG> yang diperbesar<BIG><br/>
contoh teks <SMALL> yang diperkecil<SMALL><br/>
contoh teks <sub> subscript</sub><br/>
contoh teks <sup> superscript</sup>
</body>
</html>

SEMOGA BERGUNA

Belajar HTML - Cara membuat tabel dalam HTML

Edit Posted by with No comments
Lama sudah tidak pernah login ke blogger, karena saya sekarang bekerja sebagai web programmer, jadi tidak sempat untuk mengurus blog ini. Kebetulan sekarang lagi ada waktu senggang, saya coba untuk sharing ilmu HTML. Kali ini saya ingin mengajarkan tentang cara membuat tabel dalam HTML. Pada postingan belajar HTML sebelumnya, saya telah mengajarkan beberapa hal dasar HTML. Sekarang mari kita melangkah lebih lanjut lagi.
Tabel sangat penting dalam sebuah dokumen website. Gunanya untuk menampilkan data-data dalam bentuk tabel. Dalam HTML, kita mengenal adanya tag table ( <table>  ) untuk membuat tabel. Untuk lebih lengkapnya, lihatlah struktur utama penyusun tabel berikut ini:
<table>
<tr>
<td></td>
</tr>
</table>

Untuk membuat tabel kita bisa memulainya dengan membuat tag pembuka tabel, yang artinya kita akan membuat tabel. Kemudian diikuti oleh tag
, dimana ini artinya adalah jumlah baris pada tabel tersebut. Dan selanjutnya yang terakhir adalah tag
dimana tag ini berfungsi untuk menunjukan kolom pada tabel.
Jika kalian penasaran, cobalah simpan kode dibawah ini di notepad dengan nama tabel.html
<table>
<tr>
<td>Nama</td>
<td>Alamat</td>
<td>Status</td>
</tr>
<tr>
<td>Pemrograman Web</td>
<td>Jalan Kemerdekaan</td>
<td>Aktiv</td>
</tr>
<tr>
<td>Pemrograman Java</td>
<td>Jalan Kesuksesan</td>
<td>Sukses</td>
</tr>
</table>
Dari kode HTML diatas kalian akan menemukan tabel yang terdiri dari 3 baris dan tiga kolom. Kalian bisa menambahkan beberapa atribut seperti colspan yang berfungsi untuk menggabungkan kolom, rowspan yang berfungsi untuk menggabungkan baris, width untuk mengatur lebar kolom, dan masih banyak lagi. Semoga sukses selalu.