Sebelum memulai ke koding kalian harus lebih tahu apa saja isi dari website itu sediri.
1. HTML ( Hyper Text Markup Language )
Html ini adalah inti dari kita membuat web karena html berisi dokumen text murni yang kita bisa buat dari berbagai editor text contoh nya : notepad, notepad++, dan sublime text. Untuk saya, saya lebih suka dengan sublime text karena mudah dan fleksibel dalam penggunaannya. Umumnya file html ini berekstensi .html atau .htm. Nama file boleh kombinasi huruf kecil dan bersar tetapi umumnya ditulis dengan huruf kecil kerena ada beberapa so yang membedakan antara huruf kecil dan huruf besar. Serta untuk penamaan suatu file html tidak boleh menggunakan spasi tetapi jika ingin kita bisa menggunakan ( _ ). Dokumen html itu sendiri memiliki elemen elemen , elemen ini lah yang menyusun atau pembentuk html. Beberapa contoh elemen html yaitu : head, body, table, paragraf, dan list. Jika saya imanjinasikan head itu letak nya diatas seperti kepala biasa nya disini kita bisa menuliskan judul web kita. Body disinilah semua yang ingin kita tampilkan tersusun dari berbagai macam seperti paragraf, table, list, dll. Adapun contoh dasar penulisannya :<html>
<head>
<title>Pengenalan informasi web (disini judul ok)</title>
</head>
<body>
Disinilah semua dokumen html ditulis
</body>
</html>
- Tag HTML
Setiap penenadaan elemen dari dokumen html menggunakan tag. Tag untuk html selalu diawali dengan tanda ( < ) dan diakhiri dengan tanda ( > ) contoh <br>. Tag ini ada yang berpasangan dan ada juga yang tidak berpasangan, untuk yang berpasangan contoh nya <nama tag> dan diakhiri dengan </nama tag> ada tambahan ( / ) sebagai penutup tag itu sendiri. Untuk yang tidak berpasangan contoh nya <hr> yaitu untuk membuat garis vertikal, <br> yaitu untuk pidah baris, dll.2. CSS ( Cascading Style Sheets )
Css ini adalah tempat kita untuk menambahkan tampilan di web kita. Css ini ada yang internal dan eksternal, untuk yang internal letak nya langsung di file html itu sendiri serta untuk yang eksternal tempat file nya terpisah yaitu berekstensi .css dan di file html nya nanti kita buat pemanggil guna menghubungka ke file html yang kita buat. Contoh koding css:p {
color: red;
text-align: center;
}
sebuah deklarasi css selalu diakhiri dengan titik koma dan kelompok deklarasi selalu dikelilingi dengan kurung kurawa. Biasanya ketika kita baru berlajar kita ingin menambah komentar di samping koding yang kita tulis. Cara nya mudah tinggal kita tambahkan /* dan diakhiri dengan */ contoh :
p {
color: red;
text-align: center; /*menampilkan text ke tengah*/
}
untuk komentar tinggal berpengaruh atau diabaikan oleh browser kita. Gunannya komenar ini memudahkan kita di kumudian hari jika ingin mengedit koding.
- CSS Selector
Css memungkinkan kalian untuk bisa memanipulasi elemen HTML berdasarkan id mereka, kelas, jenis, atribut, nilai atribut, dan banyak lagi.Unsur Pemilih
Memilih elemen berdasarkan nama elemen, kalian dapat memilih semua <p> elemen pada halaman dengan warna text merah.
Id Selector
Pemilih id menggunakan atribut id dari tag html untuk menemukan elemen tertentu. Id harus unik dalam suatu halaman, sehingga kalian harus menggunakan id selector bila kalian ingin menemukan satu elemen yang unik.
Untuk menemukan elemen dengan id tertentu pada elemen html dengan id = "para1":
Contoh:
#para1 {
text-align: center;
color:red;
}
Kelas Selector
Untuk menemukan elemen dengan kelas tertentu menulis karakter periode diikuti oleh nama kelas:
pada contoh dibawah ini semua elemen html dengan class="center" akan center-aligned:
.center {
text-align:center;
color:red;
}
kalian juga dapat menentukan bahwa elemen html hanya spesifik harus dipengaruhi oleh kelas.
Pada contoh dibawah ini semua elemen p dengan kelas ="center" akan center-aligned:
p.center {
text-align:center;
color:red;
}
3. PHP
PHP adalah salah satu bahasa server-side yang didesasin khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa html dan karena bahasa server-side, maka bahasa PHP akan dieksekusi di server. Sehingga dikirim ke browser adalah hasil jadi dalam bentuk HTML dan koding php tidak akan terlihat.- Tag PHP
Ada 4 pasangan tag yang dapat digunakan untuk menyatakan sebuah blok code php yaitu:
1. <?echo "Program PHP anda disimpan di antara tag ini"?>
2. <?php echo "Program PHP anda disimpan di antara tag ini"?>
3. <script language="php">
echo "Program PHP anda disimpan di antara tag ini";</script>
4. <%echo "Program PHP anda disimpan di antara tag ini"%>
- Statemen
Statemen adalah sebuah perintah yang diakhiri dengan tanda titik koma. Tanda tag penutup script php juga dapat sebagai penutup atau menyatakan akhir dari suatu statemen php. Contoh:
<?php
echo "hanya untuk test";//statemen ini diakhiri dengan titik koma
echo "untuk test saja"/*statemen ini tidak diakhiri dengan titik koma*/?>
- Tipe - Tipe data dalam PHP
PHP memiliki 8 jenis tipe data dasar salah satunya :
a. Tipe data boolean
Sintak : bool atau boolean
Tipe ini baru dikenalkan pada php versi 4. Tipe ini memiliki dua nilai yaitu TRUE or FALSE. Kedua ini dapat ditulis tanpa memerhatikan huruf besar atau kecil. Tipe ini biasanya digunakan untuk menguji suatu ekspresi bersyarat.
b. Tipe data integer
Sintak : int atau integer
Tipe ini merupakan tipe bilangan bulat, contoh : 1, 0, -1, 2, 100. Untuk menyatakan suatu nilai bilangan bulat kalian bisa menggunakan format desimal, octal, maupun hexadesimal.
c. Tipe data float
Sintak : float
Tipe ini merupakan tipe bilangan real
d. Tipe data string
String merupakan kumpulan karakter. Pada PHP karakter sama dengan tipe bilangan byte yang mana memiliki 256 karakter berbeda.
e. Tipe data array
Array adalah sebuah data yang mengandung satu atau lebih data dan dapat diindek berdasarkan numerik maupun string.
Oke teman teman mungkin cukup ini dulu penjelasan dari saya, untuk PHP nanti saya membuat artikel khusus karena PHP pembahasan nya cukup panjang.
Bagi teman-teman jika ada yang ingin ditanyakan atau masukan silahkan tinggal kan komentar. Sampai jumpa dipostingan selanjutnya.
