Hai semuanya. Bertemu lagi dengan saya Hengky Sanjaya. Kali ini saya akan membahasa tentang SQL INJECTION.

Apa itu Sql Injection ?

SQL Injection adalah sebuah aksi hacking yang dilakukan di aplikasi client dengan cara memodifikasi perintah SQL yang ada di memori aplikasi client dan juga merupakan teknik mengkeksploitasi web aplikasi yang didalamnya menggunakan database untuk penyimpanan data.

Tujuan SQL injection adalah agar hacker dapat masuk ke dalam sistem tanpa mengetahui username dan password dari sistem.

Untuk lebih jelas nya kita langsung masuk ke penerapan nya aja

Misal di database saya terdapat 2 data berarti sesuai dengan query diatas kita menggunakan logika AND berarti untuk menghasilkan output yang bernilai benar harus semua kondisi bernilai benar jika terdapat salah satu kondisi yang bernilai salah output tidak akan bernilai benar (true).

Dan dengan Sql Injection ini kita memanfaatkan logika OR artinya dengan salah satu kondisi bernilai benar saja ouput nya sudah bernilai benar. Dengan kata lain walaupun kita tidak mengetahui password ataupun username seseorang kita dapat mengakalinya dengan ini, contoh :

1 = 1 // ouput true

1 = 2 // ouput false

A = A // output true

Dengan kita menambahkan “or 1 = 1 “ output dari query diatas akan bernilai benar ( true ).

Cara mengatasi :

HTML ENTITIES,SIMBOLS,CHARSET (HS)

Hello kabar baik untuk kita semua. Kembali lagi bersama saya Hengky Sanjaya. Kali ini saya akan membahas tentang “HTML ENTITIES” , “HTML SIMBOLS” dan ”HTML CHARSET”. 
Pertama kita akan membahas tentang HTML ENTITIES. HTML memiliki beberapa karakter yang tidak dapat digunakan seperti “<” dan “>” , Jadi kalau sobat ingin menggunakan karakter ini sobat dapat menggunakan HTML ENTITIES , dan juga jika sobat ingin menggunakan karakter yang tidak terdapat pada keyboard , sobat dapat menggunakan HTML ENTITIES ini.
Format Penulisan HTML ENTITIES dapat dilakukan dengan dua cara yaitu dengan ENTITY_NAME dan ENTITY_NUMBER. Cara penulisan ENTITY_NAME  : &entity_name kemudian cara penulisan dari ENTITY_NUMBER : &#entity_number . Sobat dapat memilih yang mana sobat suka . 

DON’T FORGET !

• Menggunakan entity_name lebih mudah diingat tetapi tidak semua browser mendukung entity_name. Sedangkan entity_number memiliki dukungan terhadap browser lebih baik.

Salah satu HTML ENTITIES yang paling sering dipakai adalh &nbsp fungsi nya adalah untuk menambahkan spasi pada HTML.

DON’T FORGET!

• HTML selalu mengabaikan spasi yang lebih dari 2 kali. Meskipun kamu menuliskan spasi sebanyak 100 kali, HTML akan tetap mengambil 2 karakter spasi aja.

Berikut adalah daftar karakter HTML ENTITIES  :

SQL Select Top (HP)

Selamat datang di Learn Coding. Saya akan menjelaskan tentang perintah SQL yaitu select top . Perintah select top digunakan untuk menentukan berapa jumlah record yang ada pada table. Perintah ini sangat berguna ketika pada table ada banyak data. Berikut sintaks nya :

Sintaks SQL Server

Sintaks MySQL

Sintaks Oracle

Untuk sintaks pada PostgreSQL sama dengan sintaks yang ada pada MySQL, yaitu menggunakan limit. Jika ingin memulai pada baris tertentu maka kita menambahkan perintah offset. Berikut contoh sintaks nya :

Saya akan memberikan contoh untuk sintaks MySQL saja. Buat tabel data siswa, berikut field nya :

Tampilkan 3 data dari tabel siswa dimana siswa belajar di jurusan TKJ dan urutkan berdasarkan nama dalam descending order ( Hanya tampilkan nama dan kelas saja). Perintahnya :

Maka hasilnya :

Contoh perintah untuk offset :

Maka hasilnya :

Sekian materi dari saya, Terima kasih! Semoga bermanfaat!

PHP Multi-Array & PHP File Handling

Hello bertemu dengan saya lagi Nicholas Tansol. Sekarang saya akan menjelaskan tentang beberapa materi tentang PHP yaitu Multidimension-Array dan File Handling. Langsung aja ke materi cus.

PHP Multidimension-Array & File Handling

Sebelumnya kita sudah belajar tentang fungsi Array. Tetapi jika kamu ingin menyimpan values lebih dari satu kunci. Kamu bisa menggunakan Multidimension-Array.

PHP Multidimension-Array terdapat satu / lebih array.
PHP mengerti multidimension-array adalah satu,dua,tiga,empat,lima atau lebih level. Bagaimanapun, Array lebih dari tiga level sangat susah untuk diatur untuk kebanyakan orang.

PHP Two-dimensional Array

Sebuah dua dimensional array adalah sebuah array dari sebuah array ( tiga dimension array adalah sebuah array dari sebuah array dari sebuah array).

Pertama kita coba buat tabel sebagai berikut di Database kita.
 
Dan masukkan 4 Data apapun yang anda mau , contoh seperti punya saya:
 

Kemudian kita simpan data dari table tersebut di sebuah dua-dimension array , seperti berikut:
 
Sekarang dua-dimesion array $cars terdapat 4 buah arrays, dan mempunyai dua indices: baris dan kolom.

Untuk mendapat akses ke elemen dari array $cars kita harus menunjuk ke dua indices tersebut (baris dan kolom) Seperti berikut:

 

Dan hasilnya akan seperti berikut:

 

Sekarang kita akan membahas PHP File Handling.

PHP FILE HANDLING

File Handling merupakan bagian penting dalam sebuah aplikasi web. Jika anda sering membuka atau memproses sebuah file untuk tugas lain, File Handling sangatlah penting.

PHP mempunyai beberapa fungsi untuk membuat,membaca,mengupload,dan mengedit files.

NOTE
Berhati-hati saat sedang memanipulasi file!

Anda bisa membuat kerusakan besar jika anda membuat salah langkah. Beberapa error yang sering ditemukan: Mengedit salah file,Memenuhkan hard-drive dengan data sampah/tidak berguna,dan menghapus konten dari sebuah file secara tak sengaja.

PHP readfile() Function

Fungsi readfile() adalah untuk membaca sebuah file dan menulisnya ke sebuah output.

Kita asumsikan mempunya teks file bernama "lalala.txt",tersimpan di server kita,dan berisi seperti berikut.
 
Syntaxnya sebagai berikut:

 
echo digunakan untuk menampilkan hasil dari readfile() menjadi sebuah output.

Dan hasilnya sebagai berikut :
 
Sekian tutorial dari saya jika anda ingin melihat cara mengedit/menghapus file bisa anda lihat di tutorial yang ditulis oleh partnet/teman-teman saya :D Terima Kasih sudah membaca Enjoy Your Holiday!! :D .
 

CSS3 Introduction , Rounded Corners , Border Images

Yak bertemu dengan saya lagi Nicholas Tansol kali ini kita akan membahas tentang beberapa materi tentang CSS3 seperti Apa itu CSS3? , CSS3 Rounded Corners dan CSS3 Border Images. Monggo dibaca dan dipahami :D, Selamat membaca.

CSS3 INTRODUCTION

Apa itu CSS3? CSS3 adalah versi paling baru dari CSS.
Menurut saya CSS3 seperti "melengkapi" / menambah banyakkan fungsi di CSS agar kita dapat mendesain web lebih bagus seperti yang kita inginkan.
Berikut beberapa yang baru di CSS3.

CSS3 Modules 
CSS3 dibagi menjadi beberapa modul. Berikut beberapa modul yang ditambahkan:

Berikut modul penting yang ada di CSS3:

• Selectors
• Box Model
• Backgrounds and Borders
• Image Values and Replaced Content
• Text Effects
• 2D/3D Transformations
• Animations
• Multiple Column Layout
• User Interface 

Kebanyakan properti CSS3 dipakai di browser yang modern / ter-update.

Berikut kita akan mempelajari materi tentang CSS3 Rounded Corners, yuk :D . 

CSS3 ROUNDED CORNERS

Dengan menggunakan fungsi border-radius kamu dapat membuat elemen apapun mempunyai border dengan sudut yang tumpul.

CSS3 border-radius Property

Dengan CSS3, anda bisa memberi elemen apapun sudut yang tumpul, dengan menggunakan properti border-radius.Kita akan coba membuat elemen dengan border-radius 25px dan border berwarna merah.

Berikut contoh syntax dan hasilnya :

Syntax diatas dibuat untuk elemen yang menggunakan class="div1" akan mendapatkan sudut tumpul 25px dan mempunyai border berwarna merah.

Menentukan Setiap Sudut

Jika kamu menentukan hanya satu value untuk properti border-radius, value tersebut akan diapakai setiap sudut.

Tetapi , kamu bisa menentukan setiap sudut secara terpisah. Berikut penjelasannya:

• Empat value : value pertama dipakai sudut kiri-atas,value kedua dipakai sudut kanan-atas,value ketiga dipakai sudut kanan-bawah dan value keempat dipakai sudut kiri-bawah.
• Tiga value : value pertama dipakai sudut kiri-atas, value kedua dipakai sudut kanan-atas dan kiri-bawah , dan value ketiga dipakai sudut kanan-bawah.
• Dua value : value pertama dipakai sudut kiri-atas dan kanan-bawah , value kedua dipakai kanan-atas dan kiri-bawah.
• Satu value : value dipakai semua sudut.

Sekarang kita akan mempelajari tentang CSS3 Border Images.

CSS3 Border Images

Dengan properti border-image anda dapat membuat gambar yang diambil dan dipotong menjadi sembilan bagian,seperti papan tic-tac-toe.Berikut kita buat contohnya:

Pesan: Agar properti border-image dapat bekerja kita membutuhkan properti border juga.

 

border-image:url(Desert.jpg) 30 round;

border-image memanggil sebuah gambar yang ada di folder anda dengan url() dan 30 round adalah untuk menentukan berapa potong gambar anda akan dipisah. Karenakan gambar Desert.jpg terlalu besar jadi gambar tersebut tidak akan terpotong.

Sekian Tutorial CSS3 dari saya . Maaf jika ada yang kurang dimengerti , anda bisa comment dibawah agar saya tau apa yang anda tidak mengerti mungkin saya bisa menjelaskan kepada anda pembaca setia blog ini :D . Terima kasih sudah membaca! Enjoy your Holiday! :D .

CSS Backgrounds (WJH)

Hai semuanyaaaa, kali ini saya akan membahas tentang CSS3 Backgrounds. Dalam CSS3 terdapat beberapa properti baru dalam background yang dapat mengontrol tampilan dengan lebih baik. Kali ini kita akan belajar untuk menambahkan beberapa background dalam sebuah elemen, dan juga ada 3 properti baru yang lain yaitu :

1. background-size

2. background-origin

3. background-clip

Pertama kita masuk ke cara menambahkan beberapa gambar sekaligus ke dalam satu elemen.

Berikut contoh codingnya :

Jadi kira-kira seperti itu. Kita gunakan syntax biasa untuk menambahkan background image tetapi ditambahkan di belakangnya dengan menggunakan koma.

properti background-position diatas adalah untuk mengatur posisi gambar.

Properti selanjutnya adalah background size. Properti background-size berguna untuk mengubah ukuran background sesuai dengan yang kita inginkan.

Berikut contoh codingnya :

Jadi syntax yang digunakan adalah background-size : (width) (height);

Properti selanjutnya adalah background-origin. Properti ini berfungsi untuk mengatur posisi gambar. Properti ini mempunyai 3 values yang berbeda, yaitu :

1. border-box -> posisi gambar bermula dari ujung kiri atas border

2. padding-box -> (default) posisi gambar bermula dari ujung kiri atas ujung padding

3. content-box -> posisi gambar bermula dari ujung kiri atas konten

Berikut contoh codingnya :

Properti selanjutnya adalah background-clip, Properti ini b

erfungsi untuk menentukan daerah warna pada background. Sama seperti background-origin properti ini juga menggunakan tiga values, yaitu :

1. border-box -> (default) warna nya di gambar di luar area garis tepi.

2. padding-box -> warna nya di lukis di luar ujung padding gambar bermula dari ujung kiri atas ujung padding

3. content-box -> warna nya di lukis didalam content.

Berikut contoh codingnya :

Kali ini sekian sampai sini dulu yaa... Semoga bermanfaat... Tuhan Yesus memberkati !!!

CSS Overflow (AW)

Seperti yang telah teman-teman pelajari sebelumnya tentang CSS, sekarang saya akan menjelaskan tentang CSS Overflow.

CSS Overflow adalah sebuah properti di CSS yang digunakan untuk Konten Clip atau untuk memberikan Scrollbar jika Content dalam suatu Element lebih besar atau telah melebihi ukuran yang telah ditentukan.

Contohnya :

Contoh content

ini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini contentini content ini content ini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini contentini content ini content ini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini content

CSS Overflow memiliki 4 value yaitu :

1. Visible (Default)
Bagian yang melebihi element tidak di klip. Di biarkan di bagian luar kotak Element.
2. Hidden
Bagian yang melebihi element akan di klip, dan content akan di hilangkan.
3. Scroll
Bagian yang melebihi element akan di klip, dan ada penambahan Scrollbar untuk melihat sisa Content.
4. Auto
Jika Content melebihi element maka konten akan di klip dan di beri scrollbar untuk melihat sisa Content.

Contoh Penggunaannya :

Visible

Contoh CSS :

div {      
        overflow: visible;
        max-height: 150px;
        width: 90%;
}

Hasilnya :

Contoh content

ini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini contentini content ini content ini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini content

Hidden

Contoh CSS :

div {      
        overflow: hidden;
        max-height: 150px;
        width: 90%;
}

Hasilnya :

Contoh content

ini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini contentini content ini content ini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini content

Scroll

Contoh CSS :

div {      
        overflow: scroll;
        max-height: 150px;
        width: 90%;
}

Hasilnya :

Contoh content

ini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini contentini content ini content ini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini content

Auto

Contoh CSS :

div {      
        overflow: auto;
        max-height: 150px;
        height: 80px;
        width: 90%;
        resize: vertical;
}

Hasilnya :

Ini Content

ini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini contentini content ini content ini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini content

Overflow-x dan Overflow-y

Overflow-x dan Overflow-y adalah property yang digunakan untuk mengubah oveflow dari suatu content hanya dibagian horizontal ataupun dibagian vertikal.

1. Overflow-x
Bagian kiri/kanan dari Content.
2. Overflow-y
Bagian atas/bawah dari Content.

Contoh CSS :

div {    
        overflow-y: auto;
        overflow-x: hidden;
        height: 80px;
        width: 90%;
}

Hasilnya :

Ini Content

ini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini contentini content ini content ini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini contentini content ini content ini content ini content ini content ini contentini contentini content ini content ini contentini contentini contentini contentini content

Sekian Dari saya Semoga Bermanfaat :)
-Andi William-

SQL DDL(@WG)

Selamat pagi/siang/malam untuk sobat semua yang sedang membaca artikel ini. Pada artikel ini saya akan menjelaskan tentang SQL. Untuk applikasi SQL nya saya akan menggunakan MySQL yang sudah ada dialam Apache. Perintah-perintah SQL pada dasarnya terdiri dari 4 bagian besar, antara lain : DDL (Data Definition Language) , DML (Data Manipulation Language) , Query , dan DCL (Data Control Language).

Pada kesempatan kali ini saya akan menjelaskan salah satu dari 4 bagian besar diatas. Saya akan menjelaskan tentang DDL. DDL adalah perintah-perintah yang berhubungan dengan proses pembuatan dan pemanipulasian struktur data dari suatu table yang akan digunakan untuk menyimpan data. Di dalamnya terkandung tiga perintah dasar, yaitu CREATE, ALTER, dan DROP.

Oke, sekarang kita akan mulai masuk ke dalam materinya. Pertama-tama buka dulu cmd sobat, pastikan sudah terinstall MySQL ya di laptop sobat. Kemudian masuk kedalam MySQL dan buat database baru dengan nama belajarDDL.

Membuka, membuat database, dan memakai database

Setelah kita membuat dan menggunakan database maka tutorial pertama yang akan saya ajarkan adalah tentang bagaimana cara membuat table. Berikut ini adalah perintah untuk membuat table.

Perintah yang digunakan untuk membuat, melihat daftar table, dan melihat struktur table

Perintah yang paling atas yaitu yang create table fungsinya adalah untuk membuat table, kata siswa disitu berarti nama table nya. Kemudian yang didalam kurung itu adalah nama-nama field dan type datanya. nis, nama, alamat, tanggallahir adalah nama-nama field yang ingin diciptakan. Sedangkan int, varchar, text, date adalah type data untuk masing-masing field. Angka yang berada didalam kurung tersebut adalah jumlah length max dari isi field tersebut, didalam SQL ada beberapa tipe data yang tidak memerlukan batasan length dalam membuatnya, contohnya adalah date, text, double. Kemudian dibawahnya ada perintah show tables itu digunakan untuk menampilkan semua table yang terdapat didalam database yang sedang kita gunakan. Setelah itu ada perintah describe siswa yang gunanya adalah untuk menampilkan struktur dari sebuah table. Bagi yang mungkin masih belum jelas fungsi sebenarnya dari DDL, DDL sebenarnya adalah sebuah bagian perintah yang digunakan untuk memanipulasi isi dari table, contoh-contoh yang dapat dimanipulasi adalah nama field/nama kolom, type data, default value, dll.

Setelah belajar membuat table, materi selanjutnya yang akan dibahas adalah mengganti nama table. Berikut ini adalah contoh perintah untuk mengganti nama table.

Perintah untuk mengubah nama table

Seperti yang sudah kita lihat diatas, perintah untuk mengubah nama table adalah alter table <nama table> rename <nama table baru>. Jika kita hanya mengubah nama table maka tidak akan terjadi perubahan struktur dalam table tersebut. Jadi saat kita mengubah table kita benar-benar hanya mengubah namanya saja.

Selanjutnya saya akan membahas tentang bagaimana cara menambahkan kolom baru kedalam sebuah table, baik itu adalah menambahkan diakhir, atau menambahkan diawal atau pun menyisipkan kolom.

Menambahkan kolom kedalam table

Menambahkan kolom pada baris pertama

Menyisipkan kolom kedalam table

Seperti yang sudah kita lihat diatas, perintah untuk menambahkan kolom adalah alter table <nama table> add column <nama field/kolom> <tipe data> atau jika diinginkan dapat ditambahkan beberapa fungsi diakhirnya seperti first untuk meletakkan pada awal, after <nama field> untuk menyisipkan setelah field yang dikita inginkan.

Selanjutnya kita akan belajar bagaimana cara mengubah nama kolom dan mengubah tipe data didalam kolom.

Perintah yang digunakan untuk mengganti nama dan type data dari kolom yang sudah ada

Perintah yang digunakan hanya untuk mengubah type data

Contoh diatas adalah contoh bagaimana cara mengubah nama field atau type data dari sebuah field, jika kita lihat pada perintah yang pertama itu adalah perintah yang dapat digunakan untuk mengubah nama kolom sekaligus dapat digunakan untuk mengubah type data, berikut ini adalah penjelasan untuk yang pertama. alter table <nama table> change <nama kolom lama> <nama kolom baru> <tipe data baru>. Sedangkan untuk yang kedua hanya untuk mengubah type data saja, jadi penjelasannya adalah. alter table <nama table> modify <nama kolom> <type data baru>.

Setelah memperlajari beberapa materi diatas saya akan mengajarkan cara menghapus kolom, table, dan database.

Perintah untuk menghapus kolom, menghapus table, dan menghapus database

Seperti yang dapat kita lihat diatas perintah yang pertama adalah untuk menghapus sebuah kolom, format penulisan perintahnya adalah : alter table <nama table> drop column <nama kolom>. Kemudian perintah yang kedua adalah untuk menghapus table. Perintah yang digunakan adalah sebagai berikut : drop table <nama table>. Sedangkan yang ketiga adalah untuk menghapus database. Perintahnya adalah sebagai berikut : drop database <nama database>.

Bagaimana sobat pembahasan kali ini? Apakah sudah cukup bermanfaat untuk kita semua? Perintah-perintah yang saya jelaskan adalah dasar dalam database. Meskipun pada tutorial ini saya membahas yang versi CLI tapi sebenarnya ada yang versi GUI nya juga. Untuk mengakses database versi GUI jika kita menggunakan MySQL yang terintegrasi dengan XAMPP maka cukup ketikkan saja localhost/phpmyadmin. 

Sekian dulu sobat untuk pembahasan kali ini. Kiranya ilmu ini dapat berguna bagi sobat dan mohon maaf jika ada kata-kata yang rancu atau yang sobat tidak mengerti. Jika ada pertanyaan maka silahkan tuliskan di kolom komentar ya sobat. Trimakasih untuk sobat yang sudah membaca artikel ini. Jangan pernah bosan membaca sobat karena membaca dapat menambah pengetahuan kita. GOD bless.

HTML Input Type (@WG)

Selamat pagi/siang/malam untuk semuanya yang sedang membaca postingan ini. Pada kesempatan kali ini saya akan mejelaskan cara membuat beberapa input type pada HTML. Sebelum kita lanjut lebih jauh lagi mengenai cara membuat input type pada HTML ada baiknya saya memberitahu pengertian dari HTML kepada sobat, karena belum tentu kita semua tau apa itu HTML. Menurut Wikipedia Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkna berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Setelah kita tau definisi dari HTML maka sekarang kita akan memulai membuatnya. Input type yang akan saya bahas disini adalah textbox. Textbox adalah tempat dimana kita menuliskan sesuatu dalam form. Terdapat banyak attribute untuk input type yang satu ini tetapi saya hanya akan membahas yang sering digunakan saja. Sebelum itu ada baiknya kita membuat terlebih dahulu sebuah form dengan nama belajar input type.html. Disini saya akan menggunakan applikasi Sublime Text untuk mengetik kan kode. Jika sobat ingin menggunakan Text Editor lainnya juga tidak masalah.

Contoh Coding HTML

Ini adalah coding HTML yang harus ada pada tiap form. Kemudian saya akan menuliskan cara bagaimana membuat textbox.

Contoh Coding Textbox HTML

Tag form diatas digunakan untuk membuat sebuah form didalam sebuah file HTML. Kemudian bagian input yang berada didalam form adalah coding untuk membuat textbox. Type adalah attribute yang digunakan untuk menentukan input type apa yang akan dikeluarkan. Sedangkan name digunakan untuk mengirimkan data pada method POST kemudian id digunakan untuk digunakan pada JS (Javascript) dan untuk method GET.

Contoh Attribute placeholder

Attribute placeholder diatas digunakan untuk memberi tulisan kepada Textbox tapi ketika text dituliskan text maka placeholdernya akan hilang.

Type tidak hanya digunakan untuk text, tapi juga dapat diisi dengan berbagai jenis input type, contohnya adalah : radio, checkbox, number, date, dll. Berikut ini adalah beberapa contoh input type pada HTML.

Contoh coding dengan semua input type

Untuk semua input type radio maka namenya harus sama, agar dari 3 radio button hanya bisa dipilih 1. Sedangkan input type yang lain tidak ada peraturan khusus yang hanya ada aturan khusus hanya untuk input type radio saja. Berikut dibawah ini adalah hasil nya :

Hasil Output dari Coding Diatas

Sekian dulu artikel dari saya sobat, nanti saya akan melanjutkan lagi artikel ini tapi dengan pembahasan materi yang lain. Terima kasih sobat yang sudah membaca artikel ini. Semoga materi ini dapat berguna untuk sobat dan untuk referensi pembelajaran.

PHP INCLUDE (VA)

PHP INCLUDE termasuk dan memerlukan laporan

Hal ini dimungkinkan untuk memasukkan konten dari satu file PHP ke dalam file PHP lain (sebelum server mengeksekusinya), dengan menyertakan atau memerlukan pernyataan.
Termasuk dan membutuhkan laporan yang identik, kecuali pada kegagalan:

• membutuhkan akan menghasilkan kesalahan fatal (E_COMPILE_ERROR) dan menghentikan script
• termasuk hanya akan menghasilkan peringatan (E_WARNING) dan script akan terus

Jadi, jika Anda ingin eksekusi untuk pergi dan pengguna acara output, bahkan jika include file yang hilang, gunakan termasuk pernyataan. Jika tidak, dalam kasus Framework, CMS, atau kompleks coding aplikasi PHP, selalu menggunakan membutuhkan pernyataan untuk menyertakan file kunci untuk aliran eksekusi. Ini akan membantu menghindari mengorbankan keamanan dan integritas aplikasi Anda, hanya dalam kasus satu file kunci sengaja hilang.

Termasuk file menghemat banyak pekerjaan. Ini berarti bahwa Anda dapat membuat header, footer, atau menu file standar untuk semua halaman web Anda. Kemudian, ketika header perlu diperbarui, Anda hanya dapat memperbarui header include file.

Sintaknya :
include 'filename.php';
or 
require 'filename.php';

Inti dari include ini sendiri adalah dimana kita dapat memanggil link baru atau mengambil koneksi dari file yang kita include kan tadi. Contohnya kita ingin membuat satu file registrasi, maka kita ingin agar kita dapat tersambung dengan file koneksi.php kita maka di file form kita, tinggal kita tambahkan include "koneksi.php"; maka file kita tersebut akan terbaca dan akan masuk ke database yang sesuai dengan yang ada di file koneksi.php. Contohnya adalah :

Jika kita ingin membuat sebuah form registrasi, maka bagaimana cara kita untuk membuat koneksi tersebut terbaca di form registrasi kita, maka kita akan menggunakan include ini untuk membantu kita memanggilkan file "koneksii.php".

Sekian untuk tutorial kali ini, semoga bermanfaat :)

Have a nice day and God bless you:)

"It always helps to be a good programmer. It is important to like computers and to be able to think of things people would want to do with their computers."

CSS Pseudo-Element (VA)

Di tutorial kali ini saya ingin membahas tentang salah satu selector CSS yaitu Pseudo-Class. Dalam selector kali ini saya ingin membahas beberapa attribute yang ada dalam selector ini.

Kali ini saya ingin membahas tentang beberapa attribute yang ada, yaitu "::first-line". Di sini kita dapat memberikan style tertentu sesuai yang kita inginkan pada baris pertama sepanjang apapun itu. Pertama-tama kita mulai dengan menuliskan tag dasar HTML yaitu :

Setelah itu kita bisa menambahkan style tertentu seperti contoh yang saya gunakan, saya mengambil style internal dan membuat class dimana untuk baris pertama akan diberi warna biru dan tulisannya menjadi italic. Maka codingnya adalah :

Dan output nya adalah :

Ada juga yang disebut "::first-letter", untuk attribute ini polanya sangat persis dengan materi diatas tadi, hanya saja kita hanya mengubahkan first-line menjadi first-letter yang dimana sesuai namanya hanya mengubah alpabet pertama dari kata yang paling pertama.
Maka codingnya adalah :

Dan outputnya adalah :

 Ada juga attribute yang disebut before dan after yaitu untuk menyisipkan gambar atau simbol atau emoticon seletelah tulisan yang kita inginkan. Misalnya kita ingin memberi smile kepada pembaca maka kita dapat menyisipkannya before(sebelum) atau after(sesudah). Untuk kali ini saya mengambil contoh dengan before dan diletakkan di sebelum h1,maka jika kamu ingin mengubah menjadi after, maka gambar tersebut akan muncul setelah h1Maka codingnya adalah :

Dan codingnya adalah :

Sekian dari saya, semoga bermanfaat :)

Have a nice day and God bless you.

"The mark of a mature programmer is willingness to throw out code you spent time on when you realize it's pointless."

src="http://www.w3schools.com/css/css_pseudo_elements.asp"