Tampilkan postingan dengan label Pemrograman web. Tampilkan semua postingan
Tampilkan postingan dengan label Pemrograman web. Tampilkan semua postingan

Kamis, 12 Januari 2017

Pengertian PHP

PHP adalah salah satu bahasa pemrograman web yang paling banyak dipakai di dunia. PHP merupakan singkatan dari "Pemberi Harapan Palsu" "Hypertext Preprocessor". Awalnya PHP merupakan singkatan dari "Personal Home Page" namun seiring berjalanya waktu, kepanjangan dari PHP pun berubah

PHP memiliki beberapa fungsi, antara lain:

  • Membuat website, PHP juga bisa digunakan untuk membuat website seperti HTML.
  • Memproses form.
  • Menyimpan data ke database, Dsb.
Sifat dari PHP adalah dinamis, artinya konten yang ada di dalamnya bisa berubah sesuai input dari user. Berbeda dari HTML + CSS yang dimana sifatnya adalah statis, artinya konten yang ada didalamnya bersifat tetap.

Berikut adalah kode sederhana dari PHP:

<?php
    echo "PHP artinya Hypertext Preprocessor, bukan Pemberi Harapan Palsu";
?>

Salah satu keuntungan dari PHP adalah bisa digunakan di dalam dokumen HTML, jadi di dalam satu dokumen HTML kita bisa menulis kode HTML dan PHP sekaligus. Karena itu PHP juga sering disebut sebagai "Bahasa Pemrograman Script"

Sekian dulu dari saya, selamat pagi/siang/malam bagi siapa saja yang membacanya

Senin, 22 Agustus 2016

Membuat kolom pengisian online di HTML

Para pembaca pasti pernah kan melihat kolom pengisian di internet. Mungkin kalian bertanya-tanya bagaimana cara membuatnya. Untuk itu mari simak cara membuatnya itu

1. Pertama-tama buka aplikasi notepad di PC
2. Tulis kode dibawah ini, contoh:

<html>
<head>
<title>nama boleh apa saja</title>
</head>
<body>
          <form>
            <label for="nama">Nama:</label>
              <input type="text" size="20" name="nama" id="nama" /><br>
            <label for="alamat">Alamat:</label>
              <input type="text" size="20" name="alamat" id="alamat" /><br>
            <label for="no telp">No. Telp:</label>
              <input type="text" size="20" name="no telp" id="no telp" /><form>
</body>
</html>

3. Simpan file dengan format HTML, contoh: "tes.html".
4. Buka file yang telah dibuat dengan browser maka tampilan browser kalian akan seperti ini:






Sekian tips dari saya, semoga bermanfaat bagi kalian, terima kasih :)

Minggu, 14 Agustus 2016

Cara membuat tabel di HTML

Pada kali ini saya akan menulis "cara membuat tabel di HTML. Untuk membuatnya diperlukan pemahaman tentang pemrograman web, tetapi untuk orang awam yang ingin membuat tabel di HTML tetapi belum bisa maka saya akan mengajari "cara membuat tabel di HTML.

Masukkan kode ini untuk membuat tabel (saya dalam hal ini menggunakan aplikasi notepad, boleh dicopy paste) :

<html>
<head>
<title>membuat tabel sendiri</title>
</head>
<body>
        <table border=1>
            <tr>
             <td>no</td>
             <td>nama</td>
            </tr>
            <tr>
             <td>1</td>
             <td>Adi</td>
            </tr>
            <tr>
             <td>2</td>
             <td>Ali</td>
            </tr>
        </table>
</body>
</html>

Kode diatas disimpan dalam file berformat .html (contoh: file.html), kemudian kita buka file tersebut dengan browser, maka akan terbaca di browser seperti ini:

no nama
1 Adi
2 Ali

Jumlah kolomnya tergantung jumlah kode <tr> dan <td> nya, <tr> berarti membuat kolom secara vertikal, sedangkan kode <td> berarti membuat kolom secara horizontal. Apabila jumlah kode <tr> nya ada 3, berarti jumlah kolom secara vertikal ada 3, dan apabila jumlah kode <td> nya ada 3, berarti jumlah kolom secara vertikal ada 3. Berikut penjelasan rincinya:

Membuat 2 kolom secara vertikal & horizontal:

<tr>
   <td>....</td>
   <td>....</td>
</tr>
<tr>
   <td>....</td>
   <td>....</td>
</tr>

Membuat 3 kolom secara vertikal dan 2 kolom secara horizontal:

<tr>
   <td>....</td>
   <td>....</td>
</tr>
<tr>
   <td>....</td>
   <td>....</td>
</tr>
<tr>
   <td>....</td>
   <td>....</td>
</tr>

Membuat 2 kolom secara vertikal dan 3 kolom secara horizontal:

<tr>
   <td>....</td>
   <td>....</td>
   <td>....</td>
</tr>
<tr>
   <td>....</td>
   <td>....</td>
   <td>....</td>
</tr>

Jumlah kolom bisa kita tambahkan sesuai keinginan kita, kita hanya perlu menambah jumlah kode <tr> dan kode <td> nya sesuai jumlah kolom yang diinginkan.

Jumat, 05 Agustus 2016

Cara Membuat Garis, Link, dan List Order di HTML

     Kali ini saya akan menjelaskan anda tentang "Cara Membuat Garis, Link, dan List Order di HTML". Admin yakin anda, terutama yang awam atau yang pemula pasti belum tahu caranya kan?. Maka dari itu tanpa banyak kata - kata saya akan menjelaskan "Cara Membuat Garis, Link, dan List Order di HTML".

Cara membuat garis :
        Kode yang digunakan yaitu <hr size="nilai dalam persen"> , contoh :
         
        <hr size="80%">

        Maka hasilnya adalah garis horizontal sepanjang 80% (dari ukuran panjang layar), nilai           maksimumnya yaitu 100%.
       
        Karena setiap kali kita membuat garis dengan panjang < 100% selalu dimulai dari                     tengah, maka kita bisa mengaturnya dengan dimulai dari kanan atau kiri. Kode yang               digunakan yaitu :


Dari kanan, contoh :
                  <hr allign="right">
Dari kiri, contoh :
                   <hr align="left">
Dari tengah, contoh :
                   <hr align="center">

        Garis tersebut bisa diatur panjangnya dan mengatur tempat garis dimulai, contoh :

                   <hr size="80" align="left">

         Terakhir, garis tersebut juga bisa diberi warna, contoh :

                    <hr color="blue">
                    <hr color="#74deac">

Cara membuat link :
       Link yang dimaksud bukan link untuk mengunduh file, namun untuk berpindah dari satu laman ke laman yang lain agar lebih mudah. Contoh :

                      <a href="http//blogger.com">blogger</a></p>

Secara otomatis kode diatas akan dibaca sebagai kata "blogger" berwarna biru yang akan menuju ke alamat "blogger.com" apabila di klik.

Cara membuat list order :

Kali ini cara membuat list order hanya 2 yang saya sebutkan. Yaitu yang menggunakan angka dan tanda titik untuk mengurutkannya.

  Menggunakan angka, contoh :

<ol>
      <li> cara membuat garis</li>
      <li> cara membuat link</li>
      <li> cara membuat list order </li>

Menggunakan tanda titik, contoh :

<ul>
      <li> cara membuat garis</li>
      <li> cara membuat link</li>
      <li> cara membuat list order </li>

    Sekian dulu dari saya. Terima kasih telah membaca blog ini baik yang merasa puas maupun yang tidak. Terima kasih yaaa~.


Kamis, 04 Agustus 2016

HTML dan contohnya

    Kali ini saya akam membahas tentang HTML. Kalian tahu nggak apa itu HTML? HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

contoh dari HTML:

<html>
<head>
<title>pengertian HTML</title>
<head>
<body>
  Adalah..... :v
</body>
<html>


Sebenarnya banyak opsi -opsi lain agar HTML yang kamu buat jadi bervariasi, namun saya hanya akan menyebutkan beberapa saja. Antara lain:


  • <h1>,<h2>,<h3>, ....... , <h12> = fungsinya untuk mengatur ukuran huruf, contoh:

<html>
<head>
<title>pengertian HTML</title>
<head>
<body>
           <h1>adalah..... :v </h1>
</body>
<html>


  • <font size=1>, <font size=2>,<font size=3>, ....... = untuk mengatur ukuran font, contoh:


<html>
<head>
<title>pengertian HTML</title>
<head>
<body>
           <font size=2>Adalah..... :v</font>
</body>
<html>

     Sekian dulu saja. Sebenarnya ada banyak yang ingin admin tampilkan, namun jika saya tampilkan semuanya nanti bakal panjang isinya dan malas buat baca :v. Sudah dulu ea :v :v :v.