Listing Pada HTML

Unordered List

Fungsi dari tag ini adalah untuk membuat list yang tidak beraturan atau berurutan.

Contoh :

Daftar Makanan
<ul type='circle'>
<li>Nasi Goreng</li>
<li>Ayam Bakar</li>
<li>Ikan Bakar</li>
</ul>

Hasilnya :

Daftar Makanan

• Nasi Goreng
• AyamBakar
• Ikan Bakar

Penjelasan :

<ul> adalah tag induk utama dari Unordered List

<li> adalah tag untuk daftar dari list tersebut

type dari UL ini sendiri adalah circle,disk, dan square.

Ordered List

Fungsi dari tag ini adalah untuk membuat list yang teratur atau berurutan

Contoh :

Daftar Persyaratan
<ol type='1'>
<li>FC Akte</li>
<li>FC Kartu Keluarga</li>
<li>Pas Foto 3 x 4 Berwarna</li>
</ol>

Hasilnya :

Daftar Persyaratan

1. FC Akte
2. FC Kartu Keluarga
3. Pas Foto 3 x 4 Berwarna

Penjelasan :

type dari OL adalah 1,A,a,I,i

Read More

Menulis atau Menampilkan Teks Pada PHP

1. Echo

<?php
echo"Ini adalah contoh echo";
?>

2. Print 

<?php
print("Ini adalah contoh print dengan kurung <br>");
print"Ini adalah contoh print tanpa kurung";
?>

3. Print_r

<?php
$kota = array("Bandung","Cirebon","Yogyakarta");
print_r($kota);
?>

Penjelasan : “print_r” tidak seperti “echo” atau “print”, karena “print_r” digunakan khusus untuk menampilkan teks pada array.

Read More

Paragraf dan Kalimat Pada HTML

Untuk membuat sebuah paragraph pada sebuah document HTML anda hanya perlu menuliskan kode :

<p>Paragraf</p>

Contoh :

<p>
Hay, kawan semua <br>
Ini adalah paragraf pertama saya
</p>
<p>
Hay, kawan semua <br>
Ini adalah paragraf kedua saya
</p>

*Penjelasan :

<br>  adalah kode yang digunakan untuk pindah baris.

Jika kawan semua tidak mau ribet dengan penggunaan kode <br> , maka anda bisa menggunakan kode <pre> , berikut contohnya :

<p>
<pre>
Hay, kawan semua
Ini adalah paragraf pertama saya
<pre>
</p>
<p>
<pre>
Hay, kawan semua
Ini adalah paragraf pertama saya
<pre>
</p>

Untuk mengatur posisi paragraph anda bisa menggunakan atribut “align”. Untuk yang belum tau apa itu atribut, saya akan jelaskan bahwa atribut adalah semacam kode tambahan didalam sebuah tag HTML yang berfungsi untuk mengatur atau memberikan property pada sebuah tag HTML. Berikut contohnya :

<p align=’center’>
Hay, kawan semua <br>
Ini adalah paragraf tengah
</p>
<p align='left'>
Hay, kawan semua <br>
Ini adalah paragraf kiri
</p>
<p align='right'>
Hay, kawan semua <br>
Ini adalah paragraf kanan
</p>
<p align=’justify’>
Hay, kawan semua <br>
Ini adalah paragraf rata kanan kiri
</p>

Baik, sekian tutorial kali ini. Terima kasih dan sampai jumpa lagi di tutorial yang berikutnya.

Read More

Formatting Text Pada CSS

Mengatur Ukuran Text

font-size:12px;

Mengatur Warna Text

color:red;

Mengatur Font Text

font-family:Arial;

Mengatur Text Agar Bold

font-weight:bold;

Jika kawan semua bingung cara menggunakannya, silahkan lihat artikel kami ini.

Read More

Variable Pada PHP

Fungsi

Fungsi dari variable pada php adalah untuk memberikan sebutan ataupun mempermudah pemanggilan sebuah data, angka, ataupun text.

Bentul Dasar

$nama_variable = isi_variable;

*Penjelasan :

Simbol dollar ($) adalah symbol yang menandakan bahwa kata tersebut adalah sebuah variable. Nama variable tidak boleh menggunakan spasi karna akan dianggap error.

Contoh Penggunaan

<?php
$x = 1;
$y = 2;
$z = $x + $y;

echo"$z";
?>

hasilnya akan menampilkan angka “3”.

<?php
$nama_saya = "Hafiizh";

echo"Hallo, nama saya $nama_saya";
?>

hasilnya akan menampilkan tulisan Hallo, nama saya Hafiizh.

<?php
$a = 1;
$a = 2;

echo"$a";
?>

hasilnya akan menampilkan angka “2”, karena jika ada variable yang sama maka variable yang paling akhir atau paling bawah disebutkanlah yang akan tampil.

Read More

Formating text pada HTML

Untuk kawan – kawan yang sering menggunakan Microsoft Word mungkin tidak asing dengan istilah Bold, Italic dan lain sebagainya. Nah, kali ini kita akan belajar semua istilah tersebut namun tidak pada Microsoft Word melainkan pada HTML, yuk mari kita lihat.

1. Bold

untuk membuat bold pada html digunakan tag <b>, berikut contohnya :

<b>Ini adalah tulisan tebal</b>

hasilnya :

Ini adalah tulisan tebal



2. Italic

untuk membuat italic pada html digunakan tag <i>, berikut contohnya :

<i>Ini adalah tulisan miring</i>

hasilnya :

Ini adalah tulisan miring


3. Underline

untuk membuat underline pada html digunakan tag <u>, berikut contohnya :

<u>Ini adalah tulisan yang digaris bawahi</u>

hasilnya :

Ini adalah tulisan yang digaris bawahi


4. Subscript

untuk membuat subscript (tulisan dibawah) pada html digunakan tag <sub>, berikut contohnya :

H<sub>2</sub>O

hasilnya :

H₂O


5. Superscript

untuk membuat superscript pada html digunakan tag <sup>, berikut contohnya :

X<sup>2</sup>

hasilnya :

X²

6. Kombinasi

Contoh :

<b><u>Ini adalah teks yang penting</u></b>

hasil :

Ini adalah teks yang penting

<i>O<sub>2</sub></i>

hasil :

O₂


Baik, tadi itu adalah cara bagaimana memformat tulisan pada HTML. Sekian tutorial kali ini sampai jumpa lagi pada artikel berikutnya ya. Terima kasih.

Read More

Aplikasi Kredit Motor Berbasis Web

Fitur Aplikasi

1. Pengelolaan data motor
2. Pengelolaan data pembeli
3. Pembelian motor kredit
4. Pembayaran angsuran kredit
5. Laporan

Screenshoots

Cara Penggunaan

1. Konfigurasi database ada di folder /system/plugin/php/config.php
2. Username dan Password “admin”

Ok, silahkan langsung download aplikasinya saja guys. Klik disini

*Perhatian : Aplikasi ini kami buat untuk pembelajaran dan juga untuk gambaran kawan – kawan semua yang sedang ingin membuat aplikasi web sendiri.

Read More