HTML singkatan dari Hyper Text Markup Languace, dokumen HTML adalah File text murni yang dapat dibuat dengan editor text sembarang. Dokumen ini di kenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikadulu apa
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
dalam browser web server. Dokumen ini umumnya berisi informasi ataupun interface aplikasi didalam v(misalnya notepad). Dan dapat juga dengan web editor misalkan Microsoft Front Page atau dengan Macromedia Dreamweaver
Sebelum kita mengenal apa itu HTML ada bailknya kita mengetahui dulu apa itu HTTP (hypertext transfer protokol). HTTP merupakan protokol yang digunakan untuk mentransfer data atau dokumen antara web server ke web browser (Netscape, Internet Explorer dll). Dan protokol ini sewaktu melakukan transfer, dokumen atau data webnya dengan menggunakan format HTML. HTML sendiri adalah singkatan dari “hypertext markup languace”. Disebut dengan markup languace karena HTML berfungsi untuk memperindah file tulisan (text) biasa untuk dapat dilihat pada web browser-web browser yang ada.
2.5.1 Stuktur Dokumen HTML
Setiap dokumen HTML harus diawali dengan tag <HTML>.tag ini digunakan oleh websever dan web browser untuk berkomunikasi.tag ini akan memberitahu web browser bahwa yang dikirim adalah dokumen HTML.tag ini haru berada di baris pertama pada dokumen HTML.
Tag <HTML> mempunyai tag penutup,tag in digunakan untuk memberitahu browser akhir dari dokumen HTML.tag penutup untuk tag <HTML> adalah </HTML>.tag penutup ini harus berada dibaris terakhir pada dokumen HTML.<HTML>
<HEAD></HEAD> <BODY></BODY> <HTML>
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
2.5.2 Membuat Halaman Web
Mari kita mulai untuk membuat sebuah halaman web untuk yang pertama kalinya.untuk membuatnya benar-benar sangat gampang ,untuk itu kita akan menghilangkan beberapa hal teknis yang tidak perlu diketahui pada saat ini.yang kita butuhkan adalah sebuah program teks editor yang sederhana seperti NotePad atau WordPad.ikutilah langkah-langkah berikut:
Tulislah kode-kode berikut: <HTML>
<HEAD><TITLE> Halaman Web saya </TITLE></HEAD> </HTML>
Simpanlah file trsebut dengan nama “belajar.html” buka file tersebut dengan menggunakan internet explorer.
2.5.3 Tag-Tag HTML
<FONT> tag ini menerangkan bahwa sebuah tulisan mempunyai beberapa pelengkap.pelengkapnya adalah:ukuran (SIZE),FACE,an warna (COLOR)
1. ukuran (SIZE)
menerangkan ukuran dari tulisan antara angka 1-7 ,tergantung kepada angka 1 adalah yang trkecil dan angka 7 adalah yang trbesar.
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
Menerangkan huruf actual yang anda mau tampikan ika huruf ini terinstal pada komputer pengguna. Anda diperbolehkan mempunyai 3 pilihan huruf,dengan dibatasi oleh koma. Semua batasan (spaces) pada nama huruf harus diganti dengan “garis bawah”(-).
Huruf yang anda pilih harus ada pada komputer sipengunjung. Jika tidak, maka komputrer akan lanjut ke pilihan huruf kedua (jika ada). Jika tidak ada huruf yang ditemukan,maka huruf yang menjadi default yang akan ditampilkan oleh komputer. Untuk menjamin gabungan tulisan itu agar trlihat adalah merubahnya menjadi grafik. Ini adalah huruf-huruf yang popular <FONT FACE =”Helvetica, Times Ne Roman, Arial>
3. COLOR
Menerangkan warna dari huruf dengan namanya atau dengan angak RGB/HEX. Contoh:
<FONT SIZE=”4” FACE=”Arial”COLOR=”Red”> tulisan ini akan berbeda dengan yang lain.</FONT>
2.5.4 Huruf tebal/miring dan garis bawah
Untuk memformat teks, gunakanlah tag <b></u> untuk mencetak tebal, tag <u><u> untuk cetak miring dan <u></u.>untuk membuat teks bergaris bawah. Berikut ini adalah contoh pengguna teks-teks tersebut.
<b> this is bold </b> <u> this is underlined </u> <i> this is italic</i>
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
Huruf dasar (base font) tag ini ditempatkan disebelah kanan bawah dari BODY tag anda dan tag ini menerangakn “default text” yang akan diguanakan pada seluruh bagian dari halaman tersebut. Perlengkapan yang jadi satu bagian dari FONT tag dapat diterima. FONT tag tersebut akan me-overwrite settimg dari BASEFONT. Contoh:<BASEFONT SIZE=2 FACE=”Arial, Helvetica”COLOR=”red”>
2.5.5 Perintah Header
Peintah header digunakan untuk menampilkan judul Bab atau Subbab dari isi dokumen. Ukuran header biasanya lebih besar ari ukuran isi body dokumen. Namun, disediakan juga ukuran kecil.HTML menyediakan hingga 6 (enam) ukuran header, mulai dari <HI>, <H2>, hingga<H6>,
Contoh
<H1> Heading 1 </H1> <h2> Heading 2 </H2>
2.5.6 Perintah Ganti Paragraf
Seperti dikemukakan di awal, bahwa dokumen HTML akan secara otomatis pindah baris bila pada bais tersebut tidak mencukupi lagi. Bila suatu dokumen akan dibuat dalam paragraph atau alenia yang berbeda, maka diperluakan erintah pindah atau ganti paragraph, yaitu <P> (yang berati paragraph)yang ditulis pada akhir paragraph, yaitu <P> ini boleh tidak menggunakan tutup ta </P> seperti lazimnya.
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
2.5.7 Perintah Garis Paragraf
Adakalanya sebuah dokumen akan pinfah kebaris berikutnya, tetapi masih dalam satu paragraph atau alenia, maka perintah yang digunakan adalah <BR> yang berarti break. Perintah in diberikan sesuah teks terakhir atau awal teks berikutnya .
2.5.8 Membuat Link (HREF)
Kebanyakan anchor ditulis dalam bentuk <A HREF=”URL”>, dimana HREF bearti “Hypertext Reference”, dan URL adalah “The Uniform Resource Locator” yang anda tuju (limk). Sebagai contoh alamat web server Unila adalah:http;www.unila.ac.i/, sebuah kalimat yang berisi sebuah link ke alamat tersebut akan terlihat seperti ini: <a
href
Membuat garis horizontal untuk membuat garis horizontal anda dapat menggunakan tag <HR>, tag ini adalah sangat aman karena dapat diset ukurannya sesuai dengan resolusi layer monitor. Tempatkan tag ini di bagian BODY manapun pada dokumen HTML anda. Penggunaan tag ini tiak memerlukan tag penutup.
2.5.9 Tag Comment
Tag komentar adalah tag yang digunakan untuk memberi catatan dalam halaman HTML. Dengan menggunakan tag ini maka semua teks yagn ada di dalam tag ini tidak akan dimunculkan di browser. Komentar pada HTML, dapat dibuat denan
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
menggunakan tag pembuka <!- dan tag penutup ->. Berikut contoh pengguna Tag Comment
<HTML>
<HEAD><TITLE>Selamat datang Di Web Saya</TITLE><?HEAD> <BODY>
<1- ini adalah awal dari Body Halaman HTML isi dokumen akan dimulai dari bagian ini->
<!-contoh pengguna heading 1-> <H1>Sedang belajar HTML,</H1>
<!-akhir dari heading -> </BODY>
</HTML>
2.5.10 ullet dan List
Ada beberapa metode untuk menampilkan daftar dalam HTML, diantaranya adalah bullet dan list. Berikut ini akan dijelaskan cara menggunakan bullet dan list. Untuk menampilkan daftar dengan format bullet maka gunakan tag pembuka <U1>, untuk masing-masing daftar gunakan tag <L1> tanpa menggunakan tag penutup <L1d>, gunakan tag </U1> untuk menakhiri daftar.
<UL> <LI>
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
<LI> pengguna JavaScript <LI> Uploading/hosting <UI>
Untuk membuat daftar dengan format penomoran maka gantilah penggunaaan tag <UI> dan </UI> dengan tag <OI> dan /OL>
<OL> <LI>HTML <LI>Dreamweaver <LI>Pengguna Javascript <LI>Uploading/hosting</OI> 2.6 PHP
PHP adalah bahasa pemograman script yang paling banyak dipakai saatini. PHP banyak dipakai untuk memogram situs web dinamis,walaupun tidak tertutup kemungkinan untuk digunakan untuk pemakai lain.
Contoh tekenal dari apliksi PHP adalah php BB dan Media Wiki (software di belakang Wikipedia). PHP jug dapat diihat sebagai pilihan lain dari ASP.NET/C#/VB.NET Microsoft,ColdFusion Macromedia, JSP/Java Sun Microsystems,dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
yang di bangun menggunakan PHP afalah MamboJoomla!, Postnuke,Xaraya, dan lain-lain.
2.6.1 Sejarah PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web.
Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal Home Page/ Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0 Pada rilis ini interpreter sudah diimplementasikan dalam C. dalam rilis ini disertakan juga modal- modal eksteni yang meningkatkan kemampuan PHP/FI secara signifkan.
Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merles interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
Pada pertengahan tahun 1999 Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0 adalah versi PHP yang paling banyk dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemograman berorientasi objek baru untuk menjawab perkembangan kearah pemograman berorientasi objek. Kelebihan PHP dari bahasa pemograman lain bahasa pemograman php adalah kompilasi dalam penggunaannya.
Web server yang mendukung php dapat ditemukan dimana-mana dari mulai IIS sampai dengan apache, dengan configurasi yang relative mudah. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam pengembangan. Dalam sisi pemahaman, php adalah bahasa scripting yang palinh mudah karena referensi yang banyak.
Didalam PHP untuk menuliskan script PHP ada 3 cara: 1. Menggunakan tag <? … ?>
Format : <?Script PHP Anda ?> 2. Menggunakan tag <?php …?>
Format: <?php
Script PHP Anda ?>
3. Menggunakan tag<script language = “php”>…</script> Format: <script language = “php”>
Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.
</script>
Cara pertama akan sering digunakan karena lebih ringkas. Cara kedua digunakan dengan kombinasi XML, sebuah bahasa yang merupakan pengembangan dari HTML. Cara yang ketiga digunakan untuk mengantipasi editor-editor yang tidak dapat menerima kedua cara diatas. Berikut ini contoh sederhana pemakaian bahasa PHP dalam halaman web:
<html>
<head><title>Contoh<title></head> <body>
<?Echo”Hai, saya script PHP”;?> <body>
<html>