Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
instruksi programnya tidak terlihat oleh user. Yang terlihat adalah seperti HTML biasa. Contoh bahasa pemograman web yang favorit adalah PHP.
3. Tersedianya Database
Database merupakan software yang digunakan untuk menyimpan dan memanajemen data. Jika memiliki data yang sedikit, mungkin masih bisa
memakai file biasa sebagai media penyimpanannya. Tapi jika datanya sudah sangat banyak, tanpa database akan sangat rumit. Database dapat menyimpan
berjuta-juta data, dan dapat diakses dengan sangat cepat. Contoh database yang bisa dipakai untuk membuat web adalah Oracle, MsSQLServer, MySQl
dan masih banyak lagi yang lain. Saat ini database yang menjadi favorit adalah MySQL.
2.3 HTML Hyper Text Markup Language
Dokumen HTML merupakan dokumen yang disajikan dalam browser web server. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks
sembarang. Dokumen ini dikenal sebagai web page. Ada dua cara untuk membuat sebuab web page yaitu dengan HTML atau dengan teks editor biasa misalnya
notepad. Dokumen ini umumnya berisi informasi maupun interface aplikasi di dalam internet.
HTML merupakan bahasa pemrograman yang fleksibel diman kita dapat meletakkan script dari bahasa pemrograman lainnya seperti JAVA, C, Visual Basic
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
dan lain-lain. Karena HTML ini dibentuk dari suatu dokumen teks biasa maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, Bios, Unix dan lainnya.
HTML Hyper Text Markup Language merupakan suatu script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet, Hyper Text dalam HTML
berarti bahwa kita dapat menuju ke suatu tempat, misalnya website atau homepage lain dengan cara memilih link yang diwakilkan oleh gambar atau tulisan.
Karena itu untuk bisa melakukan pemrograman aplikasi di atas website, terutama jika menggunakan pemrograman PHP dalam desain web, maka terlebih
dahulu harus menguasai HTML walaupun bahasa pemrograman PHP dapat berjalan tanpa disisipkan ke dalam tag-tag HTML. Kebanyakan dokumen dan aplikasi yang
dapat berjalan di website browser umumnya memiliki format HTML.
2.3.1 Elemen dan Tag HTML
Untuk menandai berbagai elemen dalam suatu dokumen HTML digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri , tanda lebih kecil, sebuah nama tag
dan sebuah kurung sudut kanan , tanda lebih besar, tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag yang pertama menunjukkan tag awal
dokumen HTML disusun oleh elemen-elemen. Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML.
Suatu elemen di dalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Nama elemen ditunjukkan dengan nama tagnya. Ada
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut diantaranya adalah:
a. Paragraf dengan tag p
b. Ganti garis-line break dengan tag br
c. Garis datar-horizontal rule dengan tag hr
d. List item dengan tag li
Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag html, head dan body berikut tag-tag pasangannya.
Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen
lainnya.
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: namatag_namatag. Penulisan nama tag bebas, dapat
menggunakan huruf besar, huruf kecil, ataupun campuran. Tetapi untuk antisipasi pada standard penulisan tag, direkomendasikan untuk menuliskan tag dengan
menggunakan huruf kecil semuanya. Tag mark-up ini digunakan sebenarnya memberi tahu browser web bagaimana
memperlakukan atau menampilkan memformat halaman dokumen tersebut dalam browser.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
Secara umum dokumen dibagi menjadi dua section bagian, yaitu section head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar
sebagai berikut:
html head
... informasi tentang dokumen HTML head
body ... informasi yang ditampilkan dalam browser web
body html
Dalam suatu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag head di awal, dan tag head di akhir. Section ini berisi
informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar
dari windows browser, ditandai dengan menggunakan tag title dan di akhiri dengan title.
Setiap dokumen HTML harus diawali dengan menuliskan tag html dan tag html di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen
ini adalah dokumen HTML.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
Section body merupakan elemen terbesar di dalam dokumen HTML. Elemen ini berisi dokumen yang akan ditampilkan pada browser meliputi paragraf, grafik,
link, tabel dan sebagainya.
2.3.2 Dasar-Dasar HTML
Fungsi dari tag-tag HTML adalah memformat dokumen HTML, dimana tag-tag inilah yang berperan juga untuk memperindah halaman website. Walaupun tag-tag adalah
standard dan wajib ada jika ingin menuliskan script HTML.
Contoh tag-tag yang sering digunakan dalam website ini adalah:
1. Tag Heading
Tag Heading berfungsi untuk memformat heading judul dan sub judul dari sebuah halaman website. Jenis heading terdiri atas tujuh buah yaitu
H1 ... H2 sampai dengan H7 ... H7. H1 ... H1 merupakan judul besar dan H2 ... H2 sampai dengan H7 ... H7 merupakan
sub judul.
2. Tag List
Tag List L1 ... L1 digunakan untuk menampilkan informasi dalam bentuk daftar List. Ada dua jenis daftar yang dikenal HTML, yaitu daftar
dalam bullet dengan bentuk tag UL ... UL dan dalam bentuk OL ... OL.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
3. Link
Hypelink adalah kemampuan website untuk dapat melompat ke halaman lain atau ke alamat lain yang dapat di klik untuk menuju ke suatu alamat
atau ke alamat tertentu yang disebut hypertext. Tag ini membuat hypertext adalah A HREF = URL-tujuan hypertext A.
4. Format Teks
Untuk memformat teks dalam HTML dapat digunakan beberapa tag yaitu: a.
B ... B untuk menebalkan teks
b. I ... I untuk memiringkan teks
c. U ... U untuk menggaris bawahi teks
d. S ... S untuk memberikan coretan pada teks
5. Tag Gambar
Tag Gambar IMG SRC = nama filegambar adalah tag untuk menampilkan gambar pada HTML yang berformat GIF atau JPG. Tag ini
tidak mempunyai penutup seperti halnya tag lainnya, tetapi memiliki parameter yaitu SRC yang berfugsi untuk menemukan nama file gambar
yang akan ditampilkan di browser.
6. Format Paragraf
HTML memiliki beberapa format standard, yaitu: a.
CENTER ... CENTER untuk membuat teks atau paragraf rata
tengah
b. RIGHT ... RIGHT untuk membuat teks atau paragraf rata kanan
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
c. LEFT ... LEFT untuk membuat teks atau paragraf rata kiri
d. P untuk membuat satu pemisah paragraf
e. BR untuk membuat pemisah satu baris
f. HR untuk memberikan satu garis pemisah yang berkesan tiga
dimensi
7. Tabel HTML
Untuk menampilkan data dalam tabel pada HTML digunakan tag TABLE ... TABLE. Tag ini berisikan beberapa tag yaitu:
a. TH ... TH untuk menampilkan beberapa judul tabel yang
biasanya terletak pada bagian atas atau paling kiri pada tabel.
b. TR ... TR untuk menentukan baris pada suatu tabel.
c. TD ... TD untuk menampilkan data pada setiap sel tabel.
d. CAPTION ... CAPTION untuk menampilkan judul tabel yang
terletak pada bagian luar tabel.
8. Form HTML
Untuk mendeklarasikan sebuah form pada HTML digunakan tag FORM ... FORM. Di dalam tag ini didefenisikan elemen-elemen form seperti:
a. Textbox yang berguna untuk menampilkan masukan berupa texbox
yang mampu menerima masukan berupa string sebanyak satu baris. b.
Textarea yang berguna untuk menampilkan masukan berupa texbox dan mampu menerima masukan berupa string lebih dari satu baris.
c. Radio Botton yang berguna untuk menampilkan masukan berupa
pilihan dimana pengguna dapat memilih lebih dari satu pilihan.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
d. Tombol yang berguna untuk menampilkan tombol SUBMIT untuk
mengirim data kepemrosesan di server, RESET untuk mengulangi form.
e. Checkbox yang berguna untuk menampilkan masukan berupa pilihan
dimana pengguna dapat memilih lebih dari satu pilihan. f.
Drop-Down Menu yang berguna untuk menampilkan masukan berupa pilihan dan pengguna dapat melihat semua pilihan dengan menekan
drop-down menu. g.
Frame HTML Frame HTML digunakan untuk membuat tampilan halaman HTML
yang terbagi-bagi menjadi beberapa bagian, dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Frame tidak memiliki
tag BODY. Sebagai penggantinya adalah tag FRAMESET. Untuk membuat frame pada HTML digunakan tag FRAMESET ...
FRAMESET. Didalam tag ini terdapat beberapa tag FRAME yang menentukan isi dari FRAMESET terdapat parameter ROWS yang
berguna untuk menentukan lebar frame horizontal mendatar dan COLS untuk menentukan tiggi frame vertical tegak. Pada tag
FRAME terdapat parameter NAME yang menentukan dan parameter SCR yang berisi nama file HTML yang akan ditampilkan pada Frame.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
2.4 Sejarah PHP
