PEMOGRAMAN BERBASIS WEB

Disusun Oleh :

Nim : 21060116060059

Nama : Bubung Dantyo Prakoso

PROGRAM STUDI TEKNIK ELEKTRO

DEPARTEMEN TEKNOLOGI INDUSTRI
SEKOLAH VOKASI
UNIVERSITAS DIPONEGORO
SEMARANG
2017
 BAB I
PENDAHULUAN

A. Latar Belakang Masalah

Teknologi Informasi tentu menjadi penyokong utama dalam kebutuhan manusia saat
ini, tanpa adanya, roda kehidupan dalam bersosialisasi maupun memenuhi kebutuhan
terhambat. Teknologi informasi saat ini dipakai dalam berbagai bidang, yang fungsinya untuk
memberikan, menyebarkan, memanipulasi, mengembangkan, merilis maupun mendapatkan
informasi.
Di era yang serba canggih ini, hampir tidak ada yang namanya tak menggunakan
informasi, dan disaat itulah teknologi berperan aktif dalam melengkapi segala kebutuhan
yang berkaitan dengan informasi. Salah satu medium untuk menyebarkan informasi adalah
WEB.
Dalam Web, tentu banyak hal yang perlu diperhatikan untuk membuatnya, selain
konsep atau konten, koding adalah salah satu hal penting sebelum membuat sebuah web,
karena tanpanya, struktur dalam web tidak akan dapat terealisasi dengan baik
B. Rumusan Masalah
Berdasarkan latar belakang, maka permasalahan yang akan diidentifikasi dalam makalah ini
yaitu :

a. Apa itu Web ?

b. Apa saja Fungsi dari Web?
c. Apa itu Pemograman?
d. Pengertian Html dan fungsinya ?
e. Pengertian CSS dan fungsinya ?
f. Pengertian PHP dan fungsinya?
g. Pengertian Mysql dan fungsinya?
h. Pengaplikasian pemograman dalam konsep Web

C. Tujuan Penulisan
Adapun tujuan penulisan makalah, yaitu:

a. Untuk meningkatkan pengetahuan dalam memahami peranan Teknologi dalam

Pembentukan Web dengan pemograman
D. Manfaat Penulisan
Adapun manfaat yang diharapkan Penulis dari makalah ini adalah :
1. Dapat menambah ilmu dan pengetahuan bagi para pembaca
2. Dapat memberikan sedikit gambaran tentang penerapan pemograman dalam pembentukan
Web
 BAB II
PEMBAHASAN

A. Pengertian Web
I. Secara Umum
World Wide Web atau WWW atau juga dikenal dengan WEB adalah salah satu
layanan yang didapat oleh pemakai computer yang terhubung ke internet. Web ini
menyediakan informasi bagi pemakai computer yang terhubung ke internet dari sekedar
informasi “sampah” atau informasi yang tidak berguna sama sekali sampai informasi
yang serius; dari informasi yang gratisan sampai informasi yang komersial. Website
atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau
gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk
satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan
dengan jaringan-jaringan halaman (hyperlink).
II.Para Ahli
1. Menurut Suwanto Raharjo S.Si, M.Kom, Web merupakan salah satu layanan
internet yang paling banyak digunakan dibanding dengan layanan lain seperti ftp,
gopher, news atau bahkan email.
2. Menurut Wahana Komputer, Web adalah formulir komunikasi interaktif yang
digunakan pada sutu jaringan komputer.
3. Menurut A. Taufiq Hidayatullah, Web adalah bagian paling terlihat sebagai
jaringan terbesar dunia, yakni intrenet.
4. Menurut Haer Talib, Web adalah sebuah tempat di internet yang mempunyai
nama dan alamat.
5. Menurut Boone (Thomson), Web adalah koleksi sumber informasi kaya grafis
yang saling berhubungan satu sama lain dalam internet yang lebih besar.
6. Menurut Feri Indayudha, Web adalah suatu program yang dapat memuat film,
gambar, suara, serta musik yang ditampilkan dalam internet.
7. Menurut Yuhefizar, Web adalah suatu metode untuk menampilan informasi di
internet, baik berupa teks, gambar, suara maupun video yang interaktif dan mempunyai
kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya
(hypertext) yang dapat diakses melalui sebuah browser
 III. Cara Kerja Web
Adapun cara kerja web adalah sebagai berikut:
a. Informasi web disimpan dalam dokumen dalam bentuk halaman-halaman we atau
web page.
b. Halaman web tersebut disimpan dalam computer server web.
c. Sementara dipihak pemakai ada computer yang bertindak sebagai computer client
dimana ditempatkan program untuk membaca halaman web yang ada di server web
(browser).
d. Browser membaca halaman web yang ada di server web.

IV. Unsur-Unsur Website atau Situs

Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur
penunjangnya, adalah sebagai berikut:
1. Nama domain (Domain name/URL – Uniform Resource Locator)
Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah
alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau
dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah
website pada dunia internet. Contohnya adalah WWW.BUBUNGDAN.COM
Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan.
Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan
dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional
adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara
Indonesia adalah co.id (untuk nama domain website perusahaan), ac.id (nama domain
website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama
domain website organisasi).
2. Rumah tempat website (Web hosting)
Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam
harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang
akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari
besarnya web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar
pula data yang dapat dimasukkan dan ditampilkan dalam website. Web Hosting juga
diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan
ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-rata
 dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa
web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negri.
3. Bahasa Program (Scripts Program)
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website
yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau
interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan
maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis
jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP,
PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah
HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang
bertindak sebagai pengatur dinamis, dan interaktifnya situs. Bahasa program ASP, PHP,
JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk
membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email,
mailing list dan lain sebagainya yang memerlukan update setiap saat.
4. Desain website
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan
bahasa program (scripts program), unsur website yang penting dan utama adalah desain.
Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat
berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website.
Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website
designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu
diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer. Semakin banyak
penguasaan web designer tentang beragam program/software pendukung pembuatan situs
maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya. Jasa web
designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya
pembangunan situs dan semuanya itu tergantung kualitas designer.

V. Fungsi Web
Secara umum situs web mempunyai fungsi sebagai berikut:
1. Fungsi komunikasi
Situs web yang mempunyai fungsi komunikasi pada umumnya adalah situs web dinamis.
Karena dibuat menggunakan pemograman web (server side) maka dilengkapi fasilitas yang
memberikan fungsi-fungsi komunikasi, seperti web mail, form contact, chatting form, dan
yang lainnya.
2. Fungsi informasi
Situs web yang memiliki fungsi informasi pada umumnya lebih menekankan pada
kualitas bagian kontennya, karena tujuan situs tersebut adalah menyampaikan isisnya. Situs
ini sebaiknya berisi teks dan grafik yang dapat di download dengan cepat. Pembatasan
penggunaan animasi gambar dan elemen bergerak sepertio shockwave dan java diyakini
sebagai langkah yang tepat, diganti dengan fasilitas yang memberikan fungsi informasi
seperti news, profile company, library, reference,dll.
3. Fungsi entertainment
Situs web juga dapat memiliki fungsi entertainment/hiburan. Bila situs web kita
berfungsi sebagai sarana hiburan maka penggunaan animasi gambar dan elemen bergerak
dapat meningkatkan mutu presentasi desainnya, meski tetap harus mempertimbangkan
kecepatan downloadnya. Beberapa fasilitas yang memberikan fungsi hiburan adalah game
online, film online, music online, dan sebagainya.
4. Fungsi transaksi
Situs web dapat dijadikan sarana transaksi biisnis, baik barang, jasa, atau lainnya.
Situs web ini menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui
transaksi elektronik. Pembayarannya bisa menggunakan kartu kredit, transfer, atau dengan
membayar secara langsung.

B. Pengertian Pemograman
Pemrograman adalah proses menulis, menguji dan memperbaiki (debug), dan
memelihara kode yang membangun suatu program komputer.[1] Kode ini ditulis dalam
berbagai bahasa pemrograman. Tujuan dari pemrograman adalah untuk memuat suatu
program yang dapat melakukan suatu perhitungan atau 'pekerjaan' sesuai dengan keinginan
si pemrogram. Untuk melakukan pemrograman, diperlukan keterampilan dalam algoritme,
logika, bahasa pemrograman, dan pada banyak kasus, pengetahuan-pengetahuan lain seperti
matematika.

Pemrograman adalah suatu seni dalam menggunakan satu atau lebih algoritme yang
saling berhubungan dengan menggunakan suatu bahasa pemrograman tertentu sehingga
menjadi suatu program komputer. Bahasa pemrograman yang berbeda mendukung gaya
pemrograman yang berbeda pula. Gaya pemrograman ini biasa disebut paradigma
pemrograman.

Apakah memprogram perangkat lunak lebih merupakan seni, ilmu, atau teknik telah
lama diperdebatkan. Pemrogram yang baik biasanya mengkombinasikan ketiga hal tersebut,
agar dapat menciptakan program yang efisien, baik dari sisi saat dijalankan (run time) atau
memori yang digunakan.

C. Pengertian HTML dan fungsinya

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.

Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan

hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web
dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak
dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized
Markup Language (SGML).
Salah satu Contoh Pemograman HTML

Kode Warna pada HTML dapat dibagi menjadi lima yaitu :

- Biru : adalah bentuk apa yang ingin ditransfer ke dalam web browser

- Merah : adalah komponen yang ingin dirubah pada warna biru

- Ungu : adalah perintah yang dibawahi oleh warna merah untuk mengatur warna biru

- Hitam : adalah hal yang ingin disampaikan di web browser

- Hijau : adalah catatan agar tidak lupa atau sebagai penanda

FUNGSI HTML

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda
tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman
tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi
sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

 Membuat halaman web.

  Menampilkan berbagai informasi di dalam sebuah browser Internet.
 Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

D. Pengertian CSS dan fungsinya

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet
language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan
menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah
halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala
dokumenXML, termasuk SVG dan XUL bahkan ANDROID.

CSS dibuat untuk memisahkan konten utama dengan tampilan dokumen yang meliputi layout,
warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web,
menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik
dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan
mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik
tableless pada desain web.

CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan
menggunakan metode pembawaan yang berbeda pula, seperti on-screen, in-print, by voice,
dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan
konten dengan file CSS.

Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan
dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah
dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukura dan
formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi
memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu
web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada
akhirnya dapat memangkas waktu pembuatan web.

Fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog
juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat
merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.
Salah satu pemograman CSS

E. Pengertian PHP dan fungsinya

Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam
HTML. PHP banyak dipakai untuk memprogram situs web dinamis. PHP dapat digunakan
untuk membangun sebuah CMS.

Kelebihan PHP

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:

 Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
 Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai
apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
 Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
developer yang siap membantu dalam pengembangan.
 Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena
memiliki referensi yang banyak.
 PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux,
Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console
serta juga dapat menjalankan perintah-perintah system.

Tipe data

PHP memiliki 8 (delapan) tipe data yaitu:

  Integer
 Double
 Boolean
 String
 Object
 Array
 Null
 Resource

Salah satu bentuk koding PHP

F. Pengertian PHP dan fungsinya

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris:
database management system) atau DBMS yang multialur, multipengguna, dengan sekitar 6
juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat
lunak gratis di bawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual
di bawah lisensi komersial untuk kasus-kasus di mana penggunaannya tidak cocok dengan
penggunaan GPL.
Tidak sama dengan proyek-proyek seperti Apache, di mana perangkat lunak dikembangkan
oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-
masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL
AB, di mana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia
dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson,
dan Michael "Monty" Widenius.

Kelebihan MySQL

Adapun kelebihan MySQl dalam penggunaanya dalam database adalah:

 Free atau gratis sehingga MySQL dapat dengan mudah untuk mendapatkannya.
 MySQl stabil dan tangguh dalam pengoperasiannya
 My SQl mempunyai sistem keamanan yang cukup baik
 Sangat mendukung transaksi dan mempunyai banyak dukungan dari komunitas
 Sangat fleksibel dengan berbagai macam program
 Perkembangan dari MySQl sangat cepat

G.PENGAPLIAKSIAN PEMOGAMAN PADA WEB

Web E-Voting
<!DOCTYPE HTML>

<html>

<head> <title>E-voting </title>

<Meta charset ="UTF-8">

<style>

<!-- BY : BUBUNG 21060116060059 -->

input:disabled { border : solid red 2px ; }

input:required { border : purple 2px ; }

input:focus { border : solid green 2px ; }

input:checked { margin-right : 30px ; }

</style>

</head>

<body>

<p style ="text-align :center"> <font color = "Purple" Size ="8"> Pemilihan Umum </font>
</p>

<form method ="post" action ="doc1.docx" id="registrasi">

<p> Stabilitas Server : <meter value ="0.8" >

<p> Tingkat keamanan akun : <meter value ="0.6"> <span> 90% </span>
<fieldset>

<legend align ="center"> E voting </legend>

<p> Nama : <input type ="text" name ="Nama" autofocus placeholder ="Bubung Dantyo
Prakoso" </p> <!-- placeholder sama kayak value tapi datanya bakalan kosong kalo ga
dirubah -->

<p> Password : <input type ="password" name ="password" autocomplete ="off"> </p>

<p><label for ="telp">No telp : </label></p>

<input type ="telp" id ="telp" name ="telpon">

<p><input type="button" value="Cek Data"

12 onClick="alert('Nama dan Password Tidak Sesuai')"/></p>

<p><label> Email : </label> </p>

<input type ="email" name ="email" list ="listemail" required autocomplete ="off"> <!--
email bisa 2 kali dengan menggunakan koma sebagai pemisah, caranya yaitu menggunakan
multiple -->

<p><label for ="guguk"> Kode daerah </label>

<input type = "color" name ="warna" id ="guguk">

<p><label for="urll"> Pilihan paslon </label> </p>

<input type ="url" name ="situs" id ="urll" value ="www.irongame.com" disabled> =

<p><label for ="pencarian"> Pencarian : <label><p>

<input type ="search" name ="pencarian" id ="pencarian"> <!-- di googel chrome ada silang
di kalimat terakhir .2v -->

<p><label for ="nomorrr"> Id Peserta </label> </p><!-- novalidate biar ga divalidasi -->

<input type ="number" name ="number" id="nomorrr" placeholder ="AA234BB" pattern

="[C][A-Z]{2} [1-9]{2} [A-Z]{2]" required novalidate> <!-- step itu buat pembatasan juga,
tapi kelipatan :)-->
<!-- buat number, default web itu stepnya 1, jadi km gabisa desimal, makanya stepnya km
ganti aja jadi 0,1 -->

<p><label for ="nilai kepuasaan"> Tingkat Kenyamanan </label> </p>

<input type ="range" min ="0" max ="100" step="10">

<p><label for ="tgl"> Tanggal Lahir : </label><p>

<input type ="date" name ="tgl lahir" id="tgl">

</fieldset>

<p> Alamat : <textarea rows ="5" cols ="40"> </textarea> </p>

<p> Pilihan pasangan calon : </p>

<p> <input type ="radio" name ="Pilihan" > Joko Widodo </p>

<p> <input type ="radio" Name ="Pilihan" > Sandiaga Uno </p>

<p> <input type ="radio" name ="Pilihan" > Arkhan Subari </p>

<p> <input type ="radio" name ="Pilihan" > Anies </p>

<p> Upload Foto 3x4 <input type ="file" name ="file" accept ="image/*"> </p>

<input type ="hidden" name ="token" value ="5678"> <!-- hidden biar kita tau kalo itu milik
kita -->

Film Kesukaan

<select name ="film kesukaan">

<optgroup label ="Film Ghibli">

<option value = "sa"> Spirited Away </option>

<option value = "pm"> Princes momonoke </option>

<option value = "wr" > Wind Rises </option>

<option value = "hmc" > Howl Moving Castle </option>

<optgroup label ="Film Mindblow">

<option value ="in"> Inception </option>

<option value ="int"> Interstellar </option>

<option value ="sl"> Schlinder list </option>

</select>

<p> <input type ="checkbox" name ="Film" id ="tt" ><label for ="tt"> Film diatas
merupakan film yang tak tergantikan </label></p>

<p> <label> <Input type ="Checkbox" Name ="film" > Film diatas merupakan pilihan
absolut saya dalam dekade 5 tahun sebelumnya </label> </p>

<p> <input type ="reset" value ="Reset"> </p> <!-- selain <submit> bisa juga pake <button>
kirim data </button> -->

<p> <input type ="image" Value ="Selesai" src="foto.jpg" width ="50px"> </p> <!-- image
bisa dibuat berubah jadi submit -->

<p> <input type ="submit" value ="Kirim Ke pak arkhan" formaction ="akran.php" > </p>
<!-- formaction biar bisa ngirimnya ke tempat berbeda, plus ada formmethod atau formtarget
juga -->

<p> <progress value ="250" max="500" > </progress>

</form>

<p> <Label for ="catatan"> Catatan :</label></p>

<input type ="text" name ="catatan" form ="registrasi"> <!-- bisa diluar dari </form> kalo di
<form> nya ada <form id="bla"> nanti yg diluar bisa pake form="bla" -->

<p contenteditable ="true"> ini bisa diedit </p>

<datalist id ="listemail">

<option label ="[email protected]" value="[email protected]"> </option>

<!-- label =buat tampilan di listnya value =yg dikirim ke server (nanti pas mencet yg divalue
yg keluar malah value -->
<option label ="[email protected]" value ="[email protected]"></option>

</datalist>

</body>

</html>

Daftar Pustaka

http://www.teorikomputer.com/2015/10/pengertian-mysql-
beserta-kelebihan-dan.html

https://www.scribd.com/doc/13884646/Beberapa-Contoh-
contoh-Dalam-Program-Php
https://www.it-jurnal.com/pengertian-css-cascading-style-
sheet/

http://raghibnuruddin217.blogspot.co.id/