Elemen dan Tag Html

setiap dokumen yang disimpan harus ditambahkan sebuah akhiran .htm atau .html dibaca dot htm atau dot html. Karena pada dasarnya tiap dokumen html akan dieksekusi pada sebuah browser seperti Internet Explorer yang di dalamnya dapat mengenali extention .htm atau .html Ekstensi dokumen HTML awalnya 3 karakter, adalah untuk mengakomodasi sistem penamaan dalam DOS. Dalam pemberian nama sebuah dokumen bersifat case sensitive sehingga dokumen dengan nama a.html akan berbeda dengan dokumen A.html.

2.3.4.1 Elemen dan Tag Html

Dokumen HTML didefinisikan menggunakan elemen-elemen HTML HTML elements. Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag. Tabel 2.1 Elemen Html Start tag Isi Elemen End tag p This is a paragraph p a href=”google.com” This is a link a br Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang. Contoh Dokumen HTML Universitas Sumatera Utara html body pselamat datangp\ body html Gambar 2.1 Contoh Dokumen Html Pada contoh diatas terdapat tiga buah elemen. Elemen-elemen tersebut adalah: Elemen p. Elemen ini mendefinisikan suatu konten yaitu sebuah paragraf pada dokumen HTML. Elemen ini dimulai dengan start tag p dan diakhiri dengan end tagp. Isi atau konten dari elemen ini adalah: pParagraf pertamap Elemen body. Elemen ini mendefinisikan suatu konten yaitu body tubuh dokumen HTML. Bagian ini adalah konten halaman web yang akan tertampil pada halaman web. Universitas Sumatera Utara Elemen ini dimulai dengan start tag body dan diakhiri dengan end tagbody. Isi atau konten dari elemen ini adalah elemen paragraf. body pParagraf pertamap body Elemen html. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start taghtml dan diakhiri dengan end taghtml. Isi atau konten dari elemen ini adalah: elemen body yang sudah dijelaskan diatas. html body pParagraf pertamap body html a. ElemenHTML Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen HEAD yang memberikan informasi tentang dokumen, seperti judul dokumen atau hubungannya dengan dokmen lain. Dan elemen-elemen BODY yang menentukan bagaimana isi suatu dokumen ditampilkan oleh Universitas Sumatera Utara browser, seperti paragraf, list daftar, tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta yang ada dalam tag-tag tersebut. Elemen Dasar HTML b. Elemen Dasar HTML HTML tidak hanya menyediakan teks saja dalam dokumennya, tetapi juga mampu menampilkan objek-objek multimedia seperti gambar, suara, video dan bahkan telah merambah lebih jauh dengan adanya VRML serta aplet-aplet Java. Untuk informasi yang berupa teks, HTML telah menyediakan bermacam-macam elemen, seperti : a. Paragraphp..........p untuk membuat suatu paragraf. b. Blockquoteblockquote..........blockquoteuntuk membuat suatu kutipan teks. c. Preformattedpre..........pre untuk membuat suatu paragraf. d. Dividerdiv...........div untuk membuat suatu paragraf. b. TagHTML Pada saat Web browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut Tag. Tag diapit oleh tanda. Tag biasanya merupakan pasangan, yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk namatag, sedangkan tag akhir dinyatakan dalam bentuk nama tag. Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan tag berikutnya tidak tumpang tindih. Universitas Sumatera Utara Contoh:Penulisan tag yang benar : tag 1 teks tag 1 tag 2 teks tag 2 tag 2 tag 1 Kemungkinan kesalahan yang terjadi adalah lupa memberi tag awal atau tag akhir sehingga hasil yang diperoleh tidak sesuai dengan yang diharapkan.

2.4 DHTML Dynamic Hypertext Markup Language

Dhtml adalah suatu istilah untuk membuat halaman web yang dinamis dan interaktif dengan mengkombinasikan bahasa pemrogramanHTML, JavaScript, Document Object Model, dan CSS. HTML mengijinkan skrip bahasa pemrograman untuk diubah menjadi variabel- variabel pada setiap pendefenisian bahasa pemrogramanhalaman web, yang menghasilkan efek perubahan tampilan beserta dengan fungsi-fungsinya setelah halaman web ditampilkan. Berbeda dengan HTML, yang memiliki kemampuan menghasilkan dan mengolah halaman web sebelum ditampilkan. Universitas Sumatera Utara Sebagian besar hal yang bisa dinuat dhtml bisa dibuat dengan authoring web lain seperti java, flash, atau shockwave. Penggunaan dhml memliki kelebihan karena tidak membutuhkan plugin apapun untuk menjalankannya dan ukurannya jauh lebih kecil dibandingkan dengan penggunaan teknologi lain.

2.5 PHPMyAdmin

PHPMyAdmin adalah suatu program open source yang berbasis web yang dibuat menggunakan aplikasi PHP. Program ini digunakan untuk mengakses database MySQL. Program ini mempermudah dan mempersingkat kerja. Dengan kelebihannya, para pengguna awam tidak harus paham sintak-sintak SQL dalam pembuatan database dan tabel Bunafit Nugroho, 2004.

2.6 MySQL

MySQL My Structrure Query Language atau yang biasa dibaca “mai-se-kuel” adalah sebuah program pembuat database yang bersifat opensource, artinya siapa saja boleh menggunakannya dan tidak dicekal. Saat mendengar kata open source, pasti akan teringat dengan sistem operasi handal keluaran Unix, yaitu Linux. MySQL sebenarnya produk yang berjalan pada platform Linux. Karena sifatnya yang open source, dia dapat dijalankan pada semua platform baik Windows maupun Linux. Selain itu, MySQL juga merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi Multi User Banyak Universitas Sumatera Utara Pengguna. Saat ini database MySQL telah digunakan hampir oleh semua programmer database, apalagi dalam pemrograman web. Kelebihan lain dari MySQL adalah ia menggunakan bahasa Query standar yang dimiliki SQL Structure Query Language. SQL adalah suatubahasa permintaan terstruktur yang telah distandarkan untuk semua programpengakses database seperti Oracle, Posgress SQL, SQL Server, dan lain-lain.Sebagai sebuah program penghasil database, MySQL tidak dapatberjalan sendiri tanpa adanya sebuah aplikasi lain interface. MySQL dapatdidukung oleh hampir semua program aplikasi baik yang open source seprtiPHP maupun yang tidak, yang ada pada platform Windows seperti VisualBasic, Delphi dan lainnya.Program-program yang menggunakan bahasa SQL, antara lain : a. MySQL b. Posgres SQL c. Oracle d. SQL Server 97, 2000 e. Interbase Program-program aplikasi pendukung MySQL, antara lain : a. PHP Page Hipertext Preprosesor b. Visual Delphi c. Visual Basic d. Cold Fusion, dan lain-lain. Hal yang mungkin sulit bagi pemakai yang menyukai grafis pada MySQL adalah layar program yang berbasis DOS. MySQL memiliki layar utama yang seperti layar DOS Universitas Sumatera Utara yaitu memiliki prompt utama yang disebut MySQL . Sehingga bagi orang yang baru pertama dan belum mengenal perintah DOS akan merasa kesulitan. Bunafit Nugroho, 2004.

2.7 PHP

PHP adalah sebuah bahasa pemrograman yang didesain agar dapat disisipkan dengan mudah ke halaman HTML. PHP memberikan solusi sangat murah karena gratis digunakan dan dapat berjalan di berbagai jenis platform. Pada awalnya memang PHP berjalan di sistem UNIX dan variannya, namun kini dapat berjalan dengan lancar di lingkungan sistem operasi Windows. Suatu nilai tambah yang luar biasa karena proses pengembangan program berbasis web dapat dilakukan lintas sistem operasi. Dengan luasnya cakupan sistem operasi yang mampu menjalankan PHP dan ditambah begitu lengkapnya function yang dimilikinya tersedia lebih dari 400 function di PHP yang sangat berguna tidak heran jika PHP semakin menjadi tren di kalangan programmer web. Penemu bahasa pemrograman ini adalah Rasmus Lerdorf, yang bermula dari keinginan sederhana Lerdorf untuk mempunyai alat bantu dalam memonitor pengunjung yang melihat situs web pribadinya. Inilah sebabnya pada awal pengembangannya, PHP merupakan singkatan dari Personal HomePage tools, sebelum akhirnya menjadi Page Hypertext Preprocessor. Antusias komunitas Internet terhadap bahasa PHP ini begitu besar, sehingga Rasmus Lerdorf akhirnya menyerahkan pengembangan PHP ini kepada sebuah tim pemrograman Universitas Sumatera Utara dalam rangka gerakan open source. Tim ini membangun kembali PHP. Hasilnya adalah PHP 3.0 yang memiliki dukungan lebih luas lagi terhadap database. PHP 4.0 sebagai versi lanjutan dari PHP 3.0 dirilis. Setelah itu, dengan menggunakan mesin scripting Zend untuk memberikan kinerja yang lebih cepat dan lebih baik. Versi ini telah mampu mendukung server web selain Apache dan secara built-in telah mampu menangani manajemen session. Untuk dapat menjalankan script-script PHP, sebuah sistem harus mempunyai Apache Web Server, PHP 4PHP 5, dan database MySQL. Ketiganya adalah program open source yang tersedia secara gratis di Internet dan dapat berjalan di berbagai platform Windows maupun UNIX Linux Agus Bahtiar, 2008.

2.6.1 Kelebihan PHP