January 2017 - Apa dan Fungsi >
Archive for January 2017

Hypertext Preprocessor (PHP) itu apa ya

2:23 PM Add Comment


Hypertext Preprocessor

PHP itu apa ?

      PHP adalah bahasa server sside scripting yang menyatu dengan HTML untuk membuat halaman WEB yang dinami.Karena PHP merupakan server side scripting maka sintaks dan perintah perintah PHP akan dieksekusi di server kemudian hasilnya dikirim ke browser dalam format HTML.
        PHP termasuk Open Source Product,sehingga source code PHP dapat diubah dan didistribusikan secara bebas.Versi terbaru PHP dapat diunduh secara gratis di resmi PHP : www.php.net atau klik disini.PHP juga dapat berjalan pada berbagai Web server seperti IIS (Internet Information Server),PWS (Personal Web Server),Apache,Xitami.PHP juga mampu lintas platfrom,artinya PHP dapat berjalan dibnyak sistem operasi yang beredar saat ini,di antaranya : Microsoft Windows(Semua versi),Linux,Mac OS,Solaris.
      Salah satu ke unggulan yang dimiliki PHP adalah kemampuannya untuk melakukan koneksi ke berbagai macam software sistem manajemen basis data/Database Management System (DMS),Antara lain Oracle,Sybase,mSQL,MySQL,Mricrosoft SQL Server,Solid,PostgreSQL,Adabs,FilePro,Velocis,dBase,Unix dbm, dan tak terkecuali semua database ber-interface ODBC.

Persiapan dasar

Sebelum membuat script PHP,ada beberapa yang perlu disiapkan/diinstal terlebih dahulu seperti :
  1. Sistem Operasi ,contoh disini saya menggunakan sistem operasi windows.
    windows image
  2. Browser,Browser yang dibutuhkan sebaiknya browser versi terbaru yang dapat diunduh secara gratis di masing masing vendor browser tersebut.Contoh anda dapat mendownload browser Mozilla Firefox di https://www.mozilla.org/en-US/firefox/new/

  3. XAMPP.Merupakan aplikasi yang mengintegrasikan beberapa aplikasi utama web di dalamnya,untuk mengunduhnya anda bisa klik https://www.apachefriends.org/download.html

  4. Web editor,merupkan aplikasi yang digunakan untuk mengetikan kode-kode program PHP,HTML,JavaScript,dll.Contohnya Notepad,Notepad++,Adobe Dreamweaver ,dan Sublime Text.Disini saya mengguna Sublime Text.

     

Tips :

  • Sebelum mencoba script yang ada ,buatlah sebuah folder baru kerja anda.
  • Folder ini menjadi tempan penyimpananfile file PHP anda.Simpan di biasanya setelah diinstall folder xampp berada di Diks C jadi ,alur penyimpanannya : C/xampp/htdocs/folder kerja anda.
  • Jangan lupa memberi extensi *.phpndi setiap nama file yang anda simpan.

PHP Script

Contoh dasar PHP Script sebagai berikut dan simpan dengan nama coba.php:

<html>
<head>
    <title> Script PHP pertama </title>
</head>
<body>
<h1>By  Anang Leson</h1>
<h4>Belajar PHP </h4>
<?php
//ini adalah komentar satu baris
echo "ini script pertamaku";
/*ini adalah komentar
lebih dari satu baris */
?>
</body>
</html>


  • Untuk pemanggilan lihat script diatas 
  • Output :
Untuk lebih lengkap tutorial tentang script PHP anda bisa mengunjungi website http://www.w3schools.com/php/

Tipe Data PHP

PHP mengenal beberapa macam tioe data antara lain :
  1. Int (integer) adalah tipe data pengolah angka bulat contoh :$angka=24;
  2. Double adalah tipe data pengolah angaka pecahan atau desimal contoh :$pecahan=2.5;
  3. String adalah tipe data pengolah karakter ,untuk string jangan lupa memberi tanda (" atau ') di awal dan akhir variable,contoh : $kalimat='Ini Tipe Data String';

Operator di PHP

Operator adalah simbol yang digunakan untuk memanipulasi data,seperti penambahan,pengurangan,perkalian,perbandingan,atau penugasan. Operator dapat dikelompokan dalam 4 kategori yaitu : 
  1. Operator aritmatika adalah operator yang berhubungan dengan fungsi matematika.
  2. Operator Logika adalah operator yang membandingkan TRUE dan FALSE.
  3. Operator Bitwise adalah operator yang membandingkan binary.
  4. Ada juga operator yang sering digunakan namun tidak termasuk dalam kelompok diatas,kita dapat mempelajarinya dalam kelompok lain.
Operator Aritmatika

aritmatika image

Operator Logika
logika image

Operator Bitwise
bitwise image

    Sekian Sharing Ilmu yang bisa saya berikan,semoga bisa bermanfaat,jangan lupa untuk mengunjungi artikel saya tentang HTML itu apa dan jika masih ada pertanyaan silahkan tinggalkan komentar anda.

Pemrograman Web itu apa dan gunanya

2:09 PM

Pemrograman Web

Pendahuluan

 Secara Umum jenis pemrogran web terbagi menjadi dua yaitu Client Side Scripting
(CSS) dan Server Side Scripting (SSS).Perbedan kedua jenis script ini adalah pada cara ker dan pemrosesannya dilakukakn.Aplikasi berbasis web adalah aplikasi yang arsitekturnya berbasis Client Server.Maksutnya adalah aplikasi web dapat diolah disisi client dan disisi server.

Apa itu Client Side Scripting (CSS)





         Client Side Scripting adalah salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client.Proses pengolahan client side scripting dilakukan oleh web browser sebagai client nya.Di dalam Web Browser terdapat Library yang mampu menerjemahkan semua perintah di halaman web yang menggunakan client side scripting.Library ini secara teknis disebut sebagai Web Engine.Masing masing Browser Memiliki web engine yang berbeda beda.Itulah mengapa script yang sama dapat ditampilkan dengan layout yang berbeda di browser yang berbeda,karena masing masing web engine menggunakan penerjemahan yang berbeda.Untuk menghindari hal tersebut maka gunakanlah web browser yang telah mengikuti standar dan telah disertifikasi oleh Worl Wide Web Consortium (W3C).

Selain itu gunakanlah style penulisan perintah Client Side Scripting yang standar sesuai dengan W3C.

Misal untuk penulisan HTML gunakanlah style penulisan Extensible HyperText Markup Language (XHTML) yang sudah menjadi standar internasional.

Berikut adalah contoh contoh client side scripting : 
  1.  HyperText Markup Language (HTML).
  2. Extensible HyperText Markup Language (XHTML).
  3. Cascading Style Sheet (CSS).
  4. JavaScript. 
  5. Extensible Markup Language (XML).

Cara Kerja Client Side Scripting

 Berikut adalah cara kerja client side scripting :
  1. Client/User melakukan request untuk mengakses sebuah dokumen web contoh (http://hitamprogramm.blogspot.co.id/search/label/web) melalui web browser yang ada dikomputer.Request Client tersebut akan dicari di web sever tempat dokumen web tersebut tersimpan.Lokasi Web server mungkin saja berada di internet ataupun dikomputer lokal (localhost).Secara logik pencariannya dengan cara memanggil domain/URL dari web tersebut.
  2. Jika Web Server tempat dokumen itu tersimpan  sudah ditemukan ,maka web server akan melakukan pengecekan terhadap dokumen yang di-request oleh user.Jika dikumen tersebut didalamnya berisikan client side scriping maka web server tidak akan melakukan pemrosesan apa pun terhadap dokumen web tersebut.Dokumen tersebut akan dikembalikan ke client dalam format halaman html,untuk selanjutnya diproses disisi client (web browser).
  3. Dokumen tersebut diterjemahkan oleh client/web browser.Komponen yang berfungsi menerjemahkan adalah komponen script interpreter yang biasa juga disebut web engine.
  4. Hasil pemrosesan dokumen tersebut adalah halaman web dalam format HTML.
  5. Halaman Web yang telah selesai diproses akan dikembalikan lagi ke client dalam format HTML yang dapat dilihat di halaman web utama browser.Halaman Web dalam format HTML.
Kesimpulannya adalah pada client side scripting pemrosesannya dilakukan di sisi client-nya dalah web browser dan komponen servernya adalah web server.

Kelebihan Client Side Scripting

Berikut adalah kelebihan client side scripting :
  1. Mudah dipelajari dan digunakan.
  2. Tidak membutuhkan pengetahuan pemrograman yang tinggi.
  3. Perubahan dan pemrosesan  kode programnya lebih cepat karena dilakukan langsung di sisi client/komputer host tanpa memerlukan proses di server melalui jaringan internet.
  4. Mampu menampilkan design layout halaman web yang lebih interaktif dan user friendly.

Kelemahan Client Side Scripting

Berikut adalah kelemahan client side scripting :
  1. Kode Programnya dapat dilihat dari browser,sehingga dikatakan tidak aman jika konteksnya dalah ingin melindungi kode sumbernya dari pihak lain.                 Dengan cara : Melalui View page Source,dan Inspect Element.
  2. Karena pemrosesannya dilakuka"""n di sisi client/komputer host maka semua sumberdaya yang ada dikomputer host tersebut (Memory,CPU usage) akan digunakan secara maksimal.Jika Komputer berspesifikasi rendah maka akan lambat prosesnya ,namun bila komputer berspesifikasi tinggi akan cepat prosesnya.
  3. Masalah Kompabilitas web browser menjadi isu yang perlu diperhatikan karena beberapa web browser menggunakan web engine yang berbeda ada kemungkinan client side scripting akan diterjemahkan berbeda oleh masing masing web browser.
  4. Minim fitur untuk pengaksesan ke sumberdaya komputer.Misalkan untuk menulis sebuah file ke komputer ,membaca isi file ke komputer tidak dapat dilakukan oleh client side scripting.

client side scripting


Apa itu Server Side Scripting ?

    Server Side Scripting adalah bahasa pemrograman web yang pengolahannya dilakukan disisi server.Maksud server disini adalah web srver yang didalamnya telah mengintegrasikan komponen web engine.Tugas web engine adalah memproses semua script yanfg termasuk kategori client side scripting di dalam dokumen web.Web engine biasanya harus diinstall di dalam komputer terlebih dahulu sebagai bagian terpisah dari web server.Server Side Scripting adalahHTML embendded artinya semua server side scripting dapat disisipkan ke dalam dokumen yang HTML dan sebaliknya.Berikut contoh server side scripting :
  • Active Server Page (ASP) adalah bahasa pemrograman milik Microsoft yang berbayar.Web engine yang mampu memproses ASP adalah ASP engine yang terdapat satu paket di dalam web server Internet Informations services (ISS) atau terdapat dalam web server Personal Web Server (PWS).web server ISS hanya dapat dijalankan di platfrom berbasis Windows (Windows NT 4.0,Windows XP,Windows 7,Windows Server).
  • PHP : Hypertext Preprocessor adalah bahasa pemrograman web berbasis open source.Penemunya adalah Rasmus Lerdorf pada tahun 1995.
  • Java Server Pages (JSP) adalah bahasa pemrograman web berbasis sever side scripting yang berbasis plat from java.Jadi perintah perintah dalam JSP sama dengan bahasa pemrograman Java.Web server yang mendukung JSP adalah server Apache ,Tomcat.

 

Bagaimana Cara Kerja Server Side Scripting (SSS) ?

client side scripting
Berikut adalah skema cara keja Server Side Scripting (SSS)
Berikut cara kerja sever side scripting :
  1. User melakukan request dari sisi client melalui web browser ntuk mengakses sebuah halaman web (misal:https://apadanfungsi.blogspot.co.id/).
  2. Proses request ini akan di cari di web server,khususnya URL/Domain halaman web tersebut .Lokasi dari dokumen web tersebut di web server mungkin saja berada si internet.
  3. Jika dokumen tersebut sudah ditemukan,maka web server akan mengecek aoakah dokumen yan di-request oleh user menggunakan client side scripting atau server side scripting.Jika client maka web server akan mengarahkannya ke sisi client/web browser.Sebaliknya jika server side scripting maka pemrosesannya diarahkan ke web engine.
  4. Web engine akan memproses dokumen server side scripting tersebut menjadi format dokumen HTML.
  5. Selanjutnya hasil pemrosesan web engine akan dikembalikan lagi ke web server.
  6. Kemudian dilanjutkan oleh web server ke client/user yang merequest dokumen tersebut.Format terakhir dokumen tersebut adalah HTML,hal ini terjadi karena web browser hanya dapat menampilkan halaman web dengan HTML.

Kelemahan Sever Side Scripting (SSS)

Berikut adalah kelemahan sever side scripting :
  • Karena semua pemrosesan dilakukan si sisi server maka dibutuhkan spesifikasi komputer server yang cukup tinggi agar memproses server side scripting secara cepat.
  • Dibutuhkan kemampuan pemrograman yang baik untuk mempelajari server side scripting.
  • Tidak memiliki kemampuan untuk membuat Layout/desain halaman web yang menarik.

Kelebihan Sever Side Scripting (SSS)

Berikut adalah kelebihan server side scripting :
  • Aman,hal ini karena kode sumber sever side scripting disimpan di web sever yang ada disisi server,sehingga pengunjung tidak dapat melihat kode sumber sever side scripting
  • Meminimalkan traffic jaringan.
  • Pemrosessannya lebih cepat karena spesifikasi hardware untuk mesin server biasanya lebih tinggi (bisa menjadi kelemahan juga).
  • Mampu mendukung banyak program basis data/database management system (DBMS).
  • Mampu mengelola sumber daya yang ada di komputer baik perangkat keras maupun perangkat lunaknya.
  • Mampu dijalankan di semua sistem oprasi(cross platfrom).
  • Tidak bergantung pada jenis web browser yang akan digunakan,karena semua script disisi server/web server.

Sekian berbagi ilmu yang bisa saya berikan semoga bermanfaat,

Janagan lupa kunjungi halaman ......
 
 

Daftar Blog semudah balikkan tangan

2:00 PM Add Comment

itu benar kok malah saya karena "sudah" (napsu, bukan napsu negatif ya hehehe) buat blog sampai saya tak terasa sudah buat 5 blog dalam kurun waktu 5 menit. Bayangkan!nggak percaya?

MySQL itu apa

10:25 PM Add Comment
MySQL

MySQL itu apa??

     MySQL dikembangkan oleh perusahaan Swedia bernama MySQL AB yang pada saat itu bernama TcX DataKonsult Tahun 1994-1995,namun cikal bakal codenya sudah ada sejak tahu 1979.Awalnya TcX membuat MySQL dengan tujuaan mengembangkan aplikasi Web untuk client.Saai ini MySQL sudah dikuasai oleh Oracle Corp.

   MySQL adalah salah satu jenis database terkenal dan banyak digunakan untuk membangun sebuah aplikasi web yang menggunakan database sebagai sumber dan pengolahan data.MySQL juga bersifat Open Source dan free (Anda tidak perlu membayar untuk menggunakannya) pada berbagai platfrom (kecuali windows yang bersifat shareware).Anda dapat mengunduh di http://www.mysql.org atau www.mysql.com.

   MySQL merupakan merupakan yang pertama kali didukung oleh bahasa pemrograman script untuk internet (PHP dan perl).Mysql dan PHP dianggap pasangan software pengembangan aplikasi web yang ideal.Mysql lebih sering digunakan untuk membangun aplikasi berbasis web ,umumnya pengembangan aplikasi menggunakan bahasa pemrograman PHP.

Database ,Tabel,Baris dan Kolom

MySQL termasuk RDBMS (Relational Database Management System).Itulah sebabnya istilah tabel,baris,dan kolom digunakan pada MySQL.Pada Mysql,sebuah database mengandung satu atau sejumlah tabel.Tabel terdiri dari kolom dan baris ,diman setiap kolom berisi sekumpulan data yang memiliki tipe data yang sejenis,dan baris merupakan sekumpulan data yang saling berkaitan dan membentuk informasi.


tabel

Struktur Direktori MySQL

Software MySQL secar deafault akan diletakan di derektori C:\MySQL jika diinstall pada sistem operasi windows.Direktori ini bisa saja di ubah pada saat instalasi.Apabila instalasi  dilakukan dengan software PHP triad (paket software yang menggambukan tiga aplikasi:Apache Web Server,PHP,dan MySQL),maka software MySQL terletak di dalam direktori C:\Apache\MySQL.
   Struktur direktori MySQL :
struktur MySQL

Tipe Data MySQL

data SQL

Operasi operasi Mysql 

1. Membuat Database
  • CREATE DATABAS nama_database;
  Menggunakan Database
  • USE nama_databse;
  Menghapus Database
  • DROP nama_database; 
2. Membuat Tabel
  • CREATE  TABLE nama_tabel (
nama_fild tipedata [(ukuran/nilai) atribut]);
3.  Mengubah Struktur Tabel
    
 Menambah fild 
  • ALTER TABLE nama_field ADD field tipe_data [(ukuran/nilai) atribut]);
4. Memasukan Data
  • INSERT INTO nama_table (field1,field3,field3,.... ) VALUES (nilai1,nila2,nilai3,...);
5. Menampilkan Data
  • SELECT field1,field2,... FROM nama_table;//menampilkan yang dipagil saja
  • SELECT * FROM nama_table;//menampilkan semua field yang ada di table
6. Mengurutkan Data
  • SELECT field1,field2,..... FROM nama_table ORDER BY kriteria;
7. Mengubah Data
  • UPDATE nama_table SET nama_field = nama_baru,WHERE kriteria;
8. Menghapus Data
  • DELETE FROM nama_tabel WHERE kriteria;
9. Backup Data
  • MYSQLDUMP -u [username] [nama_database] > [nama_file.sql];
  • MYSQLDUMP -u root test > [test.sql];
10. Restore Data
  • MYSQL -u [username] [nama_database] < [nama_file.sql];
  • MYSQL -u root test2 < test.sql
11. Membuat User dan Hak Akses
  • GRANT ALL PRIVILEGES ON *.* TO usename IDENTIFIED BY user_password;
12. Menghapus Hak Akses User
  • REVOKE ON *.* FROM username;

 Koneksi PHP dan MySQL

PHP memiliki fungsi fungsi yang digunakan untuk mengakses database MySQL.Fungsi fungsi tersebut berguna untuk melakukan koneksi dan manipulasi database MySQL melalui program PHP.

1. mysql_connect
  Membuka koneksi ke server database MySQL

2.mysql_close
  Memutuskan Koneksi dengan server database MySQL

3.mysql_select_db
  Memilih database MySQL yang akan di akses.


 4. mysql_query
   Mengeksekusi perintah query


5.mysql_num_rows
  Menampilkan jumlah baris yang telah dieksekusi mysql_query

6.mysql_fetch_row
 Menghasilkan array yang berisi seluruh kolom dari sebuah baris pada suatu himpunan    hasil.

7.mysql_fect_array
Menghasilkan array yang berisi selruh kolom dari sebuah baris pada suatu himpunan hasil yang disimpan sebanyak dua kali.

Untuk Berlatih Script script diatas dan bisa mengunjungi website http://www.w3schools.com/sql/sql_syntax.asp disitu disajikan lengkap akan tutorial tentang MySQL dan Koneksi PHP dengan Mysql.

Sekian sedikit Ilmu yang bisa saya beri, semoga bermanfaat bagi kita, dan jika anda masih punya pertanyaan silahkan anda tinggal kan komentar anda, dan jangan lupa kunjungi artikel saya yang lainnya yang berjudul PHP itu apa. 

SEO itu apa dan fungsi seo untuk blog apa

10:24 PM Add Comment

SEO itu apa ?

  Pengantar

            SEO (Search Engine Optimization) datang pada tahun 2000an seiring perkembangan dunia maya seperti hadirnya Search Engine, secara tidak langsung ilmu SEO juga dibutuhkan di Indonesia, namun banyak orang belum tahu pasti apa itu SEO? Apa arti dari SEO? Bagaimana sejarah awal SEO? Apa guna dari SEO? Apa manfaat dari SEO? Apa itu Teknik SEO?

SEO image

Pengertian 

     SEO(Search Engine Optimization) adalah suatu teknik untuk memaksimalkan nilai relevan dalam pencarian halaman website agar ranking dan pengunjung dari Search Engine Google meningkat. SEO sendiri dilakukan melalui proses yang sistematis,dan di SEO sendiri terdapattiga teknik yaitu whitehat SEO ,blackhat SEO,greyhat SEO,dari setiap tekinik tersebut terapat kelebihan maupun kekurangan contohya whitehat adalah teknik SEO yang baik.


SEO on page image

Manfaat SEO itu apa ?

Manfaat SEO adalah
  1. Untuk meningkatkan kualitas website/blog kita pada mensin pencari google ,atau sering disebut seacrhi engine google.
  2. Meningkatkan Rating atau bintang pencarian kita pada google,artinya website/blog kita bisa tercamtum dalam 10 teratas mesin pencarian google.
  3. Bisa Meningkatkan trafic Bisnis anda secara potensial.Mengapa Potensial ? karena pada zaman modern seperti ini sudah banyak yang menggunakan mesin pencari google,dengan bigitu trafic web atau blog anda akan bnayak dikunjungi para visitor.
Nah untuk selanjutnya disini saya kan menjelaskan apa itu SEO on page dan SEO off page.Mungkin masih ada orang yang awam akan hal Apa sih itu SEO on page ? dan Apasih itu SEO off page ?

SEO on Page

SEO On Page adalah sebuah upaya optimasi website yang dilakukan dari sisi website itu sendiri. Dengan kata lain, upaya optimasi yang dilakukan oleh seorang pemilik website/ webmaster dengan mendesain website yang SEO Friendly. Beberapa elemen penting yang terdapat dalam SEO On Page antara lain:
  • Atur keywords, baca artikel untuk menemukan kata kunci utama dan kata kunci pendukung yang paling relevan dengan niche website yang akan dibuat.
  • Membangun website dengan struktur yang baik.
  • Menggunakan Title Tag yang baik untuk homepage dan judul konten
  • Menambahkan description yang relevan dengan website
  • Membangun artikel yang bermanfaat untuk vistor.
  • Mengatur URLdengan rapi dan SEO friendly.
  • Menggunakan Heading/Judul dengan baik (H1, H2, H3,)
  • Mengatur navigasi/sub menu website sebaik mungkin
  • Membangun internal links
  • Menambahkan keywords pada penamaan gambar/ image
  • Dan lain-lain
Baca Juga "Pengertian HTML dan Script yang ada pada HTML ".
SEO off page image

 SEO off Page

SEO Off Page adalah upaya optimasi website yang dilakukan dari luar website yang dibangun. Sebuah halaman website yang SEO On Page nya sudah bagus perlu didukung dengan optimasi dari luar website itu sendiri. Optimasi off page dilakukan dengan cara membangun links (backlinks) dari situs lain menuju website yang dioptimasi. Beberapa jenis links yang biasa dibangun untuk meningkatkan popularitas sebuah website di internet antara lain:
  • Links dari media sosial (Twitter, Facebook, Google+, Youtube, dan lain-lain)
  • Links dari web 2.0 properties (Blogspot, WordPress, Weebly, dan lain-lain)
  • Links dari forum online (Kaskus, Bersosial, Forum Detik, Forum Kompas, dan lain-lain)
  • Links dari situs social bookmark (Lintas.me, Diigo.com, Folkd.com, dan lain-lain)
  • Links dari kegiatan blogwalking (berkomentar di blog orang lain)
  • Links dari website yang menerima guest blogger
  • Dan lain-lain

Sekian shering ilmu yang bisa saya berikan semoga bermanfaat bagi anda,jika masih ada yang ingin ditanyakan silahkan tinggalkan komentar anda.

HyperText Markup Language (HTML) itu apa

10:24 PM Add Comment
html img

HTML Itu Apa? 

      Html atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman Web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser.

Pengenalan Kode HTML

<html>
   <!--- Code --->
</html>


Masing masing baris diatas disebut tag.Tag adalah kode yang digunakan untuk me-markup (memoles) teks ASCII menjadi file HTML.Setiap tag diapit tanda kurung runcing. Ada tag pembuka yaitu <html> dan ada tag penutup yaitu </html> yang ditandai dengan tanda slash(garis miring) di depan awal tag tersebut.Tag diatas memberikan kaidah bahw yang akan ditulis di antara dua tag tersebut adalah isi dari dokumen HTML.

Dalam sebuah penamaan sebuah dokumen yang akan ditampilkan pada web browser maka nama yang digunakan harus diakhiri dengan ekstensi (nama.html) atau (nama.htm) Ekstensi dokumen HTML awalnya 3 karakter,adalah untuk magakomodasi sistem penamaan dalam DOS.

Pengaturan warna di dalam HTML menggunakan methode RGB (Red,Green,Blue) dimana setiap warna di tampilkan dalam dua digit nilai heksadecimal (0,1,2,...,F). Setiap bagian dua digit kode menunjukan banyaknya intentitas dari kombinasi warna Merah,Hijau,dan Biru.

Untuk Lebih Jelasnya Perhatikan Script berikut : 

<html> 
    <head>
          <title>Script/Code Warna</title>
    </head>
            <body>
                <h1>Output</h1>
                <p style="color:#fff;background-color:#000">Anang Leson [Warna Putih]   [Background Hitam]</p>
                   <p style="color:#000>Anang Leson [Warna Hitam]</p>
                   <p syle="color:#ff0000>Anang Leson [Warna Mearah]</p>
                   <p style="color:#00ff00">Anang Leson [Warna Hijau]</p>
                   <p style="color:#ff00ff">Anang Leson [Warna Magenta]</p>
                   <p style="color:#0000ff">Anang Leson [Warna Biru]</p>
            </body>
</html> 


Atau anda juga bisa membuatnya melalui CSS,silahkan lihat script berikut :
<html>
<head>
    <title>Script/Code Warna</title>
    <style type="text/css">
    .hitam{color: #000;}
    .putih{color: #fff;background-color: #000;}
    .merah{color: #ff0000;}
    .hijau{color: #00ff00;}
    .magenta{color: #ff00ff;}
    .biru{color: #0000ff;}
    </style>
</head>
<body>
<h1>Output</h1>
    <p class="putih">Anang Leson [Warna Putih] [Background Hitam]</p>
    <p class="hitam">Anang Leson [Warna Hitam]</p>
    <p class="merah">Anang Leson [Warna Mearah]</p>
    <p class="hijau">Anang Leson [Warna Hijau]</p>
    <p class="magenta">Anang Leson [Warna Magenta]</p>
    <p class="biru">Anang Leson [Warna Biru]</p>
</body>
</html>


Bedanya jika anda menggunakan CSS Anda harus menambahkan Script <style>......</style> yang diposisikan setelah Script <title>........</title> atau diantara bagian Script <head> dan </head>.

 Output dari Script di atas :
warna html

Definisi Elemen dan Tag HTML

Elemen dasar yang harus dimiliki dalam pembuataan dokumen HTML adalah tag html,tag head,tag bod. Elemen head berisi informasi tentang dokumen,sedangkan elemen body berisi teks atau elemen lainnya. 
             
          Lebih jelasnya perhatikan Script berikut :

<html>
<head>
    <!--- Informasi Dokumen -->
</head>
<body>
<!-- Informasi yang ditampilkan
        pada browser -->
</body>
</html>

Penggunaan Tag dan Atribut Tag

Dalam Pembuatan dokumen HTML,penulisan elemen yang diawali dan diakhiri tanda tag HTML memiliki syarat berikut :
  1. Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )
  2. Tag HTML secara normal selalu berpasangan,misal (<i>.....</i>)
  3. Tag HTML tidak 'case sensitive' . ( <b> sama dengan <B>
  4. Jika dalam suatu tag ada tag lagi,maka penulisan tag akhir tidak boleh bersilang,harus berurutan,Misal <b><i>..Bold dan Italic...</i></b>
          Tag juga dapat mempunyai atribut untuk mengubah default pemformatan dokumen dengan tag yang bersangkutan.
          Tag yang tidak mempunyai atribut,misal <body>.Tag <body> ini tidak menggunakan atribut,sehingga dokumen HTML sebagimana default dari tampilan HTML.

Tag Dasar HTML

1. HTML
 Merupakan tag dasar yang mendefinisikan dokumen html
  • Script :
<html>
   <!--- Code --->
</html>


2. Head
Keterangan  untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.
  • Script :
<html>
<head>
    <!--- Informasi Dokumen -->
</head>
<body>
<!-- Informasi yang ditampilkan
        pada browser -->
</body>
</html>

3. Title
Merupakan tag untuk menuliskan judul dari dokumen HTML.
  • Script :
<html>
<head>
    <title> Anang Leson </title>
</head>
<body>
...... Code ........
</body>
</html>

4. Heading
Tag yang digunakan untuk memformat judul.
  •  Script :
<html>
<head>
    <title> Heading </title>
</head>
<body>
<h1> Anang Leson</h1>
<h2>Anang Leson</h2>
<h3>Anang Leson</h3>
<h4>Anang Leson </h4>
<h5>Anang Leson </h5>
<h6>Anang Leson</h6>
</body>
</html>

  • Output :
    img html heading

3. Paragraph
 Tag paragrapt <p> berfungsi layaknya untuk pengaturan antar paragrapt.
  • Script :
<html>
<head>
    <title> Paragraph </title>
</head>
<body bgcolor="#222222" text="#ff0000">
<h1> Anang Leson</h1>
<hr width="85% align="left">
<h4>Belajar HTML </h4>
<p>Saya Ingin Sukses Belajar HTML </p>
</body>
</html>

  • Output :
    img html paragraph
4. List
 List item merupakan perintah yang digunakan dalam html untuk membuat daftar atau pengelompokan kata.contoh :
  • Script :
<html>
<head>
    <title> List </title>
</head>
<body>
<h2>WEB Programming</h2>
<ol type="a">
<li>PHP</li>
<li>HTML</li>
<li>CSS</li>
<li>Bootstrap</li>
</body>
</html>

  • Output :
    bullet html img 
      

5. Format Karakter 
Merupakan format terhadap karakter yang ditampilakn sangat berguna  membuat suatu dokumen HTML yang menarik.
  • Script : 
<html>
<head>
    <title> Paragraph </title>
</head>
<body bgcolor="#cccccc" text="#fffff0">
<h1> Anang Leson</h1>
<hr width="85%" align="left">
<h4>Belajar HTML </h4>
<strong>Text Strong </strong><br>
<cite>Text Cite</cite>
</body>
</html>

  • Output :
    html format img
6. Karakter Khusus


spesial karakter html img

  • Script : 
<html>
<head>
    <title> Memformat Karakter </title>
</head>
<body bgcolor="#cccccc" text="#fffff0">
<h1> Anang Leson</h1>
<hr width="85%" align="left">
<h4>Belajar HTML </h4>
ampesand &amp;<br>
tanda kutip &quot;<br>
lebih kecil &lt;<br>
lebih besar &gt;<br>
tanda kali &times;<br>
Copyright &copy;
</body>
</html>

  • Output :
    spesial karakter html img

      Untuk Tutorial dan panduan script HTML lengkap anda bisa mengunjungi website http://www.w3schools.com/html/default.asp    

           Sekian sedikit Ilmu yang bisa saya beri,semoga bermanfaat bagi kita,dan jika anda masih punya pertanyaan silahkan anda tinggal kan komentar anda,dan jangan lupa kunjungi artikel saya yang lainnya yang berjudul PHP itu apa.
Subscribe to: Posts (Atom)

Kategori

Kategori