HTML DAN CSS
Website HTML dan CSS adalah dasar bagi seorang pengembang atau web developer dalam membuat website.
Apa itu HTML dan CSS?
HTML adalah singkatan dari Hyper Text Markup Language yang memiliki makna sebagai bahasa markup yang digunakan untuk membuat sebuah halaman web. Markup adalah bahasa pemrograman dalam komputer yang digunakan untuk memproses format teks dan juga berbagai media di dalamnya.
Dalam pembuatan website HTML, dibutuhkan CSS. CSS merupakan singkatan dari Cascading Style Sheets yang digunakan untuk menyederhanakan format pembuatan website HTML dengan mengatur elemen yang terdapat dalam bahasa markup yang sudah terlampir.
CSS lebih mudah dipelajari, dan tetap menjadi elemen yang penting dalam pembuatan website berbasis HTML karena bisa mengatur penyajian tampilan dari website yang akan dibuat. Sehingga, website yang sudah jadi memiliki tampilan yang powerfull.
Fungsi dan Tujuan
HTML : sebuah markup language yang berfungsi untuk memberi kerangka suatu website
CSS : berfungsi untuk menstyling suatu website atau memperbagus tampilan website.
Stuktur HTML dan CSS
- Struktur Dasar HTML -
Dokumen HTML harus memiliki struktur dasar yang terdiri dari 4 bagian utama, yaitu; tag html, tag head, dan tag body. Keempat bagian tersebut adalah syarat minimal yang menjadi standar pada struktur global dokumen HTML.
Contoh penulisan struktur dasar html:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman Web</title>
</head>
<body>
<p>Konten halaman web</p>
</body>
</html>
- Tag <html> : digunakan untuk menginformasikan pada halaman web browser bahwa tipe dokumen tersebut adalah HTML.
- Tag <head> : tag yang berisi informasi tentang halaman yang tidak ditampilkan di halaman web browser.
- Tag <title> : tag yang berada di daam head HTML yang berfungsi untuk menampilkan judul halaman web pada title bar web browser.
- Tag <body> : tag yang berisi elemen-elemen yang ditampilkan di halaman web.
tag yang ada biasanya:
- paragraph <p>
- heading <h1> hingga <h6>
- menampilkan gambar <img />
- membuat tabel <table>
- Unsur Dasar CSS -
CSS memiliki struktur kode dan sintaks dasar yang terdiri dari tiga bagian penting antara lain:
Selector merupakan kata kunci untuk menentukan elemen HTML yang akan kita beri gaya (style)
contoh penggunaan selector pada background semua elemen <h1>
/* h1 adalah selektor */
h1{ background-color: yellow; }
Selektor tidak hanya berupa nama tag HTML, tapi juga dapat berupa id, class dan atribut. Contohnya:
/* selektor dengan nama tag */
h1{
background-color: yellow;
}
/* selektor dengan id */
#header{
font-family: arial;
}
/* selektor dengan class */
.text-primary{
color: blue;
}
/* selektor dengan atribut */
input[type=text]{
background-color: green;
}
Blok Deklarasi berisi properti dari selektor dan nilai dari properti tersebut. Deklarasi diawali dan diakhiri dengan kurung kurawal ( {....} ). Hal inilah yang menghasilkan blok deklarasi.
Contoh penggunaan blok deklarasi:
h1{
background-color: green
}
Contoh penggunaan blok deklarasi yang berisi lebih dari satu properti untuk satu selector:
h1{
background-color: green;
color: yellow;
font-family: arial;
}
Properti dan Nilainya
Properti merupakan atribut atau aturan yang akan diterapkan oleh elemen yang dipilih (selektor). Untuk mendefinisikan nilai properti, perlu menggunakan tanda titik dua (:) setelah penulisan nama properti.
Jika terdapat lebih dari satu properti dalam blok deklarasi, maka tiap properti harus kita pisahkan dengan titik koma (;).
h1{
background-color: green;
color: yellow;
font-family: arial;
}
Sedangkan untuk properti terakhir atau hanya berisi satu properti, boleh memakai titik koma ataupun tidak pada akhir penulisan.
h1{
background-color: green
}
MATERI PHP
Pengertian PHP
PHP adalah bahasa scripting server-side, bahasa pemrograman yang digunakan untuk mengembangkan situs web statis atau statis dinamis atau aplikasi web. PHP singkatan dari Hypertext Pre-processor, yang sebelumnya disebut dengan Personal Home Pages.
Script sendiri merupakan sekumpulan instruksi pemrograman instruksi pemrograman yang ditafsirkan pada saat runtime. Sedangkan bahasa scripting adalah bahasa yang menafsirkan skrip saat runtime.
Karena PHP merupakan scripting server-side maka jenis bahasa pemrograman ini nantinya script/program tersebut akan dijalankan/diproses oleh server. Berbeda dengan javascript yang client-side.
PHP adalah bahasa pemrograman umum yang berarti PHP dapat disematkan ke dalam kode HTML. atau dapat digunakan dalam kombinasi dengan berbagai sistem templat web, sistem manajemen konten web, dan kerangka kerja web.
Fungsi PHP
Fungsi PHP adalah membuat atau mengembangkan situs web statis atau situs web dinamis atau aplikasi web. PHP digunakan untuk menyimpan data ke dalam database, membuat halaman yang dapat berubah-ubah sesuai dengan input user, memproses form, dll.
Dalam membuat file PHP dapat digabung menggunakan tag html, Dan ketika tanpa menggunakan tag html apa pun disebut file PHP Murni.
Syntax PHP
Pengertian Syntax PHP adalah aturan penulisan agar mampu dimengerti dengan benar oleh compiler saat membaca bahasa pemrograman. Dalam penulisan PHP yang benar diawali dengan “<?php” dan diakhiri dengan “?>”. Dan di dalam File PHP juga dapat berisi tag seperti HTML dan skrip sisi klien seperti JavaScript.
Contoh Penulisan Syntax PHP yang Benar
<?php
echo ‘Hello World’ ;
?>
Ekstensi File PHP
PHP memiliki ekstensi tersendiri, Fungsi dari adana ekstensi berebedai agar server dapat mengidentifikasi file dan script PHP. File PHP harus harus disimpan ekstensi “.php” . Ekstensi file PHP yang lebih lama termasuk:
1) .phtml
2) .php3
3) .php4
4) .php5
5) .phps
Mengapa Menggunakan PHP?
Hal tersebut tentunya beralasan, Di bawah ini adalah beberapa alasan kuat mengapa banyak orang lebih memilih PHP dan menjadikan PHP menjadi bahasa pemrograman terpopuler :
- PHP adalah merupakan bahasa yang bersifat open source dan gratis.
- Proses belajar pemrograman PHP yang lebih singkat dibandingkan dengan bahasa lain seperti JSP, ASP dll.
- Karena Bahasa pemrograman terpopuler, Maka komunitas banyak dokumentasi lebih besar
- Sebagian besar server web hosting mendukung PHP secara default tidak seperti bahasa lain seperti ASP yang membutuhkan IIS. Ini menjadikan PHP pilihan yang hemat biaya.
- PHP diperbarui secara teratur untuk mengikuti tren teknologi terbaru.
- PHP adalah bahasa scripting sisi server ; yang berarti hanya perlu menginstalnya di server dan komputer klien yang meminta sumber daya dari server tidak perlu menginstal PHP; hanya peramban web saja sudah cukup.
- PHP bekerja sama dengan MySQL ; Hal ini tidak berarti dapat menggunakan PHP dengan sistem manajemen basis data lainnya. Anda masih dapat menggunakan PHP dengan Postgres, Peramal, MS SQL Server ODBC dll.
- PHP adalah bahasa lintas platform; yang berarti dapat pada aplikasi di sejumlah sistem operasi yang berbeda seperti windows, Linux, Mac OS dll.
Tidak ada komentar:
Posting Komentar