Baca Juga
Kali ini saya membuat tutorial proramming Belajar PHP MYSQL Tahap 2, dalam tutorial sebelumnya saya membuat Belajar PHP MYSQL Tahap 1 yang merupakan dasar dari bahasa program HTML.
Dan sekarang kita akan mengenal lebih jauh tentang HTML, kali ini saya akan membahas tentang TAG yang ada di HTML. Okeh langsung aja Penjelasan dibawah ini...
Kode-kode dalam HTML biasanya disebut TAG. Tag adalah sesuatu yang digunakan untuk menandai elemen-elemen dalam suatu dokumen HTML. Tag dalam HTML terdiri dari tanda lebih kecil ( < ), tanda lebih besar ( > ), dan garismiring ( / ).
Biasanya Tag dituliskan secara berpasangan, misanya <h1> dan </h1>. Tag yang tidak menggunakan garis miring ( / ) adalah Tag pembuka atau awal elemen. Sedangkan yang Tag yang mengandung garis miring ( / ) adalah penutup elemen atau
akhir elemen. Namun, ada juga Tag yang dalam pemakaiannya tidak berpasangan, diantaranya adalah:
a. Tag untuk ganti paragraph yaitu <p>
b. Tag untuk ganti baris atau line break yaitu <br>
d. Tag list item yaitu <li>
Untuk tag yang tidak berpasangan diatas, sebaiknya tetap ditulis menggunakan pasangannya. Hal ini dilakukan untuk mengantisipasi standar rekomendasi HTML kedepannya. Penulisan untuk semua Tag bebas, maksudnya kita bisa menggunakan huruf besar, huruf kecil, bahkan dicampur ( tidak case sensitive ).Tapi untuk mengantisipasi standar penulisan Tag, sebaiknya kita menggunakan huruf
kecil semua.
Jenis – jenis tag dalam HTML :
TAG DASAR
TAG PEMFORMAT
TAG COMPUTER OUTPUT
TAG CITITATION, QUOTATION, DEFINITION
TAG LINK
TAG IMAGE
Contoh script penggunaan Tag HTML
Buat lembar baru pada PHP Coder atau text editor, kemudian ketikkan perintah di bawah ini. Simpan
dengan nama Contoh02.php
<html>
<head>
<title>Contoh Script HTML</title>
</head>
<body text=blue bgcolor=#00FFFF>
<h1 align=center>Belajar PHP MYSQL</h1>
<br>
<hr size=5 width=50% align=center>
</body>
</html>
Hasil Tampilan
Pembuatan Tabel Menggunakan HTML
Tabel penting peranannya dalam halaman Web, selain untuk menampilkan teks atau gambar dalam format lajur dan kolom bias juga menggunakan tabel untuk membantu me-layout tampilan halaman. Tabel merupakan sebuah kotak yang terdiri atas baris/row dan kolom.column.
Untuk membuat tabel, anda menggunakan tag <table> dan menutupnya dengan tag </table>. Anda bisa juga menambahkan atribut lain di tag <table> pembuka. Misalnya menentukan warna, border, dan sebagainya. Di dalam tag <table> ada beberapa tag lain yang perlu dipahami, yaitu :
Untuk membuat tabel, anda menggunakan tag <table> dan menutupnya dengan tag </table>. Anda bisa juga menambahkan atribut lain di tag <table> pembuka. Misalnya menentukan warna, border, dan sebagainya. Di dalam tag <table> ada beberapa tag lain yang perlu dipahami, yaitu :
a. Tag <tr>
Artinya tag untuk menuliskan baris biasa di tabel. TR singkatan dari Table Row.
b. Tag <td>
Artinya tag untuk menuliskan kotak di dalam baris, makanya tag <td> ada di
dalam tag <tr>. TD singkatan dari Table Data.
c. Tag <th>
Artinya tag untuk menuliskan kotak biasa seperti <td>, namun untuk header
tabel. TH singkatan dari Table Header.
Contoh script pembuatan tabel
Buat lembar baru pada PHP Coder atau text editor, kemudian ketikkan perintah di bawah ini. Simpan
dengan nama Contoh03.php
<html>
<head>
<title>Contoh 3</title>
</head>
<body>
<h1>Table Data Siswa</h1>
<table border=1 bgcolor=blue>
<tr>
<th>Nim</th>
<th>Nama</th>
<th>Alamat</th>
<th>Tempat, tanggal lahir</th>
<th>jurusan</th>
</tr>
<tr>
<th>12110001</td>
<th>anita</td>
<th>Cengkareng</td>
<th>jakarta, 20 Agustus 1990</td>
<th>jurusan</td>
</tr>
<tr>
<th>12110001</td>
<th>anita</td>
<th>Cengkareng</td>
<th>jakarta, 20 Agustus 1990</td>
<th>jurusan</td>
</tr>
<tr>
<th>12110001</td>
<th>anita</td>
<th>Cengkareng</td>
<th>jakarta, 20 Agustus 1990</td>
<th>jurusan</td>
</tr>
</body>
</html>
Hasil Tampilan
sekian dulu tutorial Programming Belajar PHP MYSQL Tahap 2 kali ini...
Semoga bermanfaat...
Baca Juga:
Belajar PHP MYSQL Tahap 1
Belajar PHP MYSQL Tahap 2
Belajar PHP MYSQL Tahap 3