Anda di halaman 1dari 13

Minggu ke 5 Pengenalan HTML dan Tag tag dasar HTML

PENGENALAN HTML dan TAG-TAG DASAR HTML


Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog, HTMLLed dsb !ahkan dengan hadirnya Microsoft "rontpage #$$$ dan "rontpage %P &e'perience( untuk membuat dokumen atau )eb page sudah sangat mudah sekali, karena berbagai kebutuhan yang berhubungan dengan pembuatan )eb page sudah tersedia seperti component, hyperlink dsb Penamaan Dokumen "ile yang disimpan dalam format HTML akan berekstensi HTM atau HTMl "ile yang berakhiran HTM atau HTML ini sama untuk berbagai jenis sistem operasi seperti Linu', Uni', *indo)s dsb +lemen HTML Dokumen HTML disusun oleh elemen,elemen -+lemen - adalah merupakan istilah bagi komponen,komponen dasar pembentuk dokumen HTML !ebrapa contoh elemen adalah head, body , table, paragraf , list +lemen dapat berupa teks murni atau buakan teks atau keduanya Definisi T./ Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita menggunakan T./ Petunjuk menggunakan T./ adalah 0

Tag HTML diapit dengan dua karakter kurung bersusdut &angle bracket( < dan > Tag HTML secara normal selalu berpasangan seperti <b> dan </b> Tag pertama dalam suatu pasangan adalah tag a)al dan tag yang kedua merupakan tag akhir Tag HTML tidak case sensiti2e 3b4 berarti sama dengan 3!4 5ika dalam suatu tag ada tag lagi maka penulisan tag akhir tidak boleh bersilang harus berurut Misalnya 3b4364Huruf Tebal dan Miring37643b4 /unakan tag dengan huruf kecil &lo)ercase( 8ama elemen ditunjukkan dengan nama tagnya 9uatu elemen didalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan .da beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut adalah 0 paragraf dengan tag 3p4 ganti baris, line break dengan tag3br4 garis datar, hori:ontal rule dengan tag 3hr4 list item dengan tag 3li4 9ecara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan 0 3namatag4 ;; 37namatag4

+lemen HTML yang dibutuhkan +lemen yang dibutuhkan untuk membuat suatu dokumenHTML dinyatakan dengan tag 3html4, 3head4, dan 3body4 berikut tag,tag pasangannya 9etiap dokumen terdiri atas tag head dan body +lemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya tersusun dari link, grafik, paragraf dan elemen lainnya

9ecara umum dokumen )eb dibagi menjadi dua bagian yaitu head dan body 9ehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut 0 3html4 3head4 ;;informasi tentang dokumen HTML 37head4 3body4 ;;informasi yang ditampilakn dalam bro)ser )eb 37body4 37html4 setiap dokumen html harus dia)ali dengan menuliskan tag 3html4 dan tag37html4 diakhir dokumen Tag ini menandai bah)a dokumen ini adalah dokumen HTML Dalam satu dokumen hanya ada satu elemen html +lemen head ditandai dengan tag 3head4 dan diakhiri dengan tag 37head4 !agian ini berisi informasi tentang dokumen HTMLnya Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampailkan pada caption bar dari )indo) bro)ser, ditandai dengan menggunakan tag 3title4 dan diakhiri dengan 37title4 +lemen body ditandai dengan tag 3body4 dan diakhiri 37body4 !agian ini merupakan elemen terbesar di dalam dokumen html +lemen ini berisi isi dokumen yang akan ditampilkan pada bro)ser, meliputi paragraf, grafik, link, tabel dsb Persyaratan system 9ebuah komputer yang siap )eb <omputer dengan )indo)s =57=>78T, Mac atau Uni' +ditor teks, notepad atau lainnya koneksi ke ser2er )eb&kalau mungkin koneksi ke internet(

!ro)ser )eb, direkomendasikan 6nternet +'plorer atau 8etscape na2igator Tag,Tag Dasar HTML Tag dasar berarti elemen dasar Dokumen HTML secara mendasar akan terdiri atas teks informasi HTML Merupakan tag dasar yang mendefinisikan bah)a dokumen ini adalah dokumen HTML Tag ini merupakan satu keharusan bagi pemrogram )eb untuk menuliskannya sebagai tag pertama dalam dokumen HTML 3html4 di a)al dokumen dan 37html4 di akhir dokumen Head Merupakan tag berikutnya setelah 3html4 untuk menuliskan keterangan tentang dokumen )eb yang akan ditampilkan 3head4 di a)al setelah 3html4, dan 37head4 di akhir section head Title Merupakan tag di dalam head yang harus dituliskan untuk memberikan judul7 informasi pada caption bro)ser )eb tentang topik atau judul dari dokumen )eb yang ditampilkan dalam bro)ser 3title4 judul dokumen37title4 Body Merupakan section utama dalam dokumen )eb Pada section ini semua isi dokumen yang akan ditampilkan di dalam bro)ser harus dituliskan 3body4 di a)al, segera setelah tag 37head4

37body4 di akhir, diletakkan sebelum tag 37html4 Pa a! a" 6nformasi yang disajikan dalam dokumen harus mengikuti kaidah kaidah dalam penulisan Misalnya satu pikiran utama disimpan dalam satu paragraf 9etiap paragraf harus dimulai dengan memberi tag 3p4 diakhir paragraf tidak diharuskan menuliskan 37p4 sebagai akhir paragraf 9etiap pergantian paragraf harus dimulai dengan 3p4 kembali Aontoh soal0

Line B eak <ita dapat memaksakan ganti baris pada dokumen )eb /anti baris disini dimaksudkan hanya menyajikan informasi pada baris sendiri tetapi tidak berganti paragraf Untuk menampilkan suatu teks ditampilkan pada baris yang baru dalam suatu paragraf, maka harus digunakan tag 3br4 sebelum teks yang dimaksud dituliskan Aontoh soal 0

Headin! Teks dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading Heading tulisan akan ditampilkan dengan huruf yang lebih besar atau ditebalkan Heading juga dimanfaatkan untuk menunjukkan tingkat keberartian dari teks yang dituliskan .da B tingkat heading dalam HTML, dinomori dari satu sampai dengan nomor B 8omor 1 merupakan heading terbesar 9etiap heading dalam dokumen harus diberi tag, tergantung pada kebutuhan teks tersebut, jika dianggap sebagai heading1,digunakan tag 3h14

9intaks elemen heading 3hy4 Teks yang menjadi heading 37hy4, dimana y adalah nomor heading

>

contoh soal0

Men!atu letak Headin! Tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris Dalign .ligment heading kiri,left tengah Dcenter kanan,right contoh soal 0

5ika atribut align tidak diisi maka heading secara default akan ditampilkan rata sebelah kiri Pen!!a i# Mendata 9ebuah garis dapat dsisipkan dalam dokumen )eb, umumnya digunakan sebagai pemisah antar bagian atau paragraf Tag3hr4disisipkan pada tempat garis akan disisipkan dokumen

1$

/aris yang disisipkan dapat dalam bentuk penggaris karena lebar garis dapat diatur, ukuran garis dapat dalam bentuk point atau dalam bentuk relatif dalam )indo) bro)ser $omenta

11

Dalam suatu dokumen informasi ada sebagian teks dalam dokumen yang berfungsi sebagai catatan atau komentar terhadap program itu sendiri Aatatan7komentar dalam dokumen tidak ditampilkan dalam bro)ser <omentar disisipkan pada section body, diletakkan pada bagian,bagian teks dokumen yang memang perlu dikomentari

Tag komentar dapat digunakan untuk menyembunyikan sebagian dokumen )eb Teks yang berfungsi sebagai komentar disimpan dalam dokumen ditandai dengan tag 3EF sebagai a)al, kemudian teks yang dikomentari, dan tag sebagai akhir tag <husus untuk tag komentar ini, tag penutup tidak menggunakan tanda garis miring sebelumnya

1#

1?