Elemen dan Tag HTML

Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 internet. HTML merupakan bahasa pemrograman yang fleksibel dimana kita dapat meletakkan script dari bahasa pemrograman lainnya seperti JAVA, C, Visual Basic dan lain-lain. Karena HTML ini dibentuk dari suatu dokumen teks biasa maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, Beos, 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 kesuatu tempat, misalnya website atau homepage lain dengan cara memilih link yang diwakilkan oleh gambar atau tulisan. 11 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 kedalam 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. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 tagnya yang berpasangan. Nama elemen ditunjukan dengan nama tagnya. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut di antaranya 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. 12 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_nametag. Penulisan nama tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran. Tetapi untuk antisipasi pada standar 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. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut: html html … informasi tentang dokumen HTML head body … informasi yang ditampilkan dalam browser web body html 13 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. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 berisi isi dokumen yang akan ditampilkan pada browser meliputi paragraf, grafik, link, tabel dan sebagainya. Contoh penulisan suatu dokumen HTML sebagai berikut : -contoh.html- html head title Halaman Contoh title head body File ini merupakan file contoh.br b Ini untuk membuat huruf cetak tebalb body html 14

2.3.2 Dasar-Dasar HTML