Format Teks Dasar dalam HTML

Direktorat Pembinaan SMK 2008 337 5. Bernomor ordered list : ol lisatu lidua litiga ol Gambar 7.6. Tampilan dari Ordered List Tag 6. Definisi definition list : dl dt dd dt dd dl Gambar 7. 7. Tampilan dari Defini- tion List Tag 7. Performatted Text, dalam HTML, spasii, tab dan baris baru enter tidak memiliki pengaruh. Agar format tampilan sesuai dengan source-nya, maka diperlukan tagpre. preNama : Saya Tanggal : Lahir pre Gambar 7.8. Tampilan dari Prefor- matted Text Tag 8. Extended Quotations, untuk membuat kutipan panjang, se- hingga hasilnya menjorok ke dalam, digunakan tag blockquote. pparagraf satup blockquote pparagraf masuk ke dalamp blockquote Gambar 7.9. Tampilan dari Blockquote Tag 9. Ganti baris line break, untuk menulis alamat surat dengan bar- Direktorat Pembinaan SMK 2008 338 isbaris pendek, tidak bagus jika menggunakan tag pspasi ter- lalu lebar. Maka digunakan tag br untuk ganti baris. Karangmalang.br Yogyakarta.br 55281 10. Garis datar horizontal rule, untuk membuat garis horizontal yang digunakan untuk membatasi ba- gian-bagian digunakan tag hr. Yang dapat diikuti dengan penen- tuan ukurannya dengan atribut size dan width. hr size=”4” width=”75” h Memformat karakter, b atau strong untuk membuat teks Bold. i atau em untuk membu- at teks Italic. tt atau code untuk mem- buat teks typewriter. Gambar 7. 10. Hasil Format Karakter

7.3.2 Dasar Link HTML

1. Relative dan Absolute Link, link ke suatu dokumen pada direktori lain dapat dibuat dengan menentukan relative path dari posisi dokumen asal berada. Ini disebut sebagai relative link. Misal : a href=”Hargaindex.html”Daftar Hargaa Alamat URL dokumen secara lengkap absolute path dapat digunakan untuk menentukan tujuan link, disebut link absolute : a href=”http:gmail.google.com”E- mail Googlea 2. Link ke suatu bagian di dokumen lain, misalnya : satu.html dilink ke suatu bagian di dua.html, caranya adalah : Pada dokumen satu.html, dituliskan : a href=”dua.htmlBT”Tigaa Pada bagian yang dituju, ditulis- kan : a name=”BT”Tigaa 3. Link ke suatu bagian di dokumen yang sama, caranya hamper sa- ma dengan langkah di atas : Pada dokumen satu.html, ditulis- kan : a href=”BT”Tigaa Pada bagian yang dituju, ditulis- kan : Direktorat Pembinaan SMK 2008 339 a name=”BT”Tigaa 4. Mailto, link yang langsung menuju ke alamat e-mail. a href=”mailto:sayagmail.com?subjec t=Masuk ga?” Kirim E-maila

7.3.3 Menyisipkan Gambar

1. Atribut ukuran gambar, bila tidak dituliskan, maka ukuran gambar sesuai ukuran aslinya. Namun ukuran gambar bisa dibuat dengan nilai tertentu dengan cara menuliskan atribut height dan width. img src=”foto.fpg” height=”200” wid th=”100”. 2. Pelurusan gambar, posisi gambar terhadap teks sebelum dan sesudahnya bisa fleksibel, misal- nya lurus atas : img src=”foto.bmp” align=”top” 3. Teks alternatif untuk gambar, dimaksudkan untuk mengganti gambar apabila browser tidak mampu menampilkan gambar ter- sebut. img src=”foto.jpg” alt=”Foto” 4. Atribut border dan spasi, jika atribut ini tidak disertakan, maka gambar ditampilkan tanpa garis tepi. img src=”foto.gif” border=”10” 5. Gambar sebagai hyperlink a href=”registrasi.html”img src=”foto.gif”a 6. Gambar sebagai background body back- ground=”file_gambar.jpg” 7. Background warna body bgcolor=”red” text=”white” link=”green”

7.3.4 Membuat Tabel

Tabel merupakan cara untuk men- ampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris. Berikut contoh untuk membuat se- buah tabel yang terdiri dari 2 kolom dan 2 baris. Gambar 7. 11. Tag HTML untuk Membuat Tabel Keterangan 1. table table : mendefinisikan bahwa teks di dalamnya merupa- kan tag-tag pembuatan tabel.