Pada postingan sebelumnya sudah dibahas tentang Teori dasar HTML, untuk kali ini akan kita coba membahas HTML lanjutan yang membahas tentang Fontasi, Image dan Hyperlink.
1. Fontasi
Untuk memodifikasi font digunakan tag <FONT>sebagai pembuka dan tag </FONT> sebagai penutup.Tag ini mempunyai berapa atribut diantaranya adalah atribut "size" untuk menentukan besarnya ukuran huruf, atribut "color" untuk menentukan warnanya. Nilai warna dapat menggunakan aturan RGB atau dengan pre-define color serta atribut "face" untuk mentukan jenis hurufnya. Untuk nilai atribut face dapat juga diberikan alternatif type font pengganti dengan dibatasi tanda koma.
Contoh: <FONT color="#FF12o4" size="10" face="ferdana,arial">. Di dalam tag font ini dapat diberikan juga tag untuk mengatur efek cetak huruf seperti tag <B>, <I> ,dan sebagainya.
2. Image
Untuk menampilkan gambar pada dokumen HTML maka digunakan tag <IMG SRC ="nama file gambar">. Tag ini mempunyai beberapa atribut di antaranya :
• Width : digunakan untuk menentukan lebar gambar
• Height : digunakan untuk menentukan tinggi gambar
• Border : digunakan untuk memberikan bingkai pada gambar<
• Hspace : digunakan untuk memberikan ruang kosong disebelah kanan dan sebelah kiri gambar
• Vspace : digunakan untuk memberikan ruang kosong disebelah atas dan bawah gambar
• Align : digunakan untuk menentukan perataan gambar, di tengah, kiri, kanan, atas, bawah dari layar.
• Alt : untuk memberikan komentar bila pointer mouse berada di atas gambar tersebut.
Jika gambar tidak berhasil ditampilkan maka cobalah untuk memindahkan letak file gambar yang hendak ditampilkan ke folder di mana file.htm atau .html berada.
Tag <IMAGE> ini tidak memiliki penutup.
3. Hyperlink.
Hyperlink atau sering disebut ANCHOR digunakan untuk menghubungkan (link) antara halaman web yang satu dengan halaman web lainnya, dalam satu web site ataupun antar web site atau juga dapat digunakan untuk berpindah ke suatu posisi dalam halaman web site.
Tag ini memiliki sifat link, visited dan active. Dalam sifat tersebut kita dapat memberikan nilai warna. Deskripsi dari sifat tersebut adalah :
• LINK = saat hyperlink belum dikunjungi.
• Visited = hyperlink telah dikunjungi
• Active = hyperlink dalam keadaan in focus atau terpilih.<
Sifat-sifat tag ini dapat diatur melalui atribut dalam body, bukan atribut dalam tag hyperlink, yaitu dengan cara sebagai berikut :
<BODY link="#..." vlink="#..." alink="#...">
Adapun tag yang digunakan untuk membuat hyperlink adalah tag <a href="alamat tujuan"> sebagai pembuka dan tag </a> sebagai penutup.
Tujuan tersebut dapat diisikan dengan ketentuan sebagai berikut :
Hyperlink dapat berupa kata atau kalimat yang diketikkan diantara tag
<a href="alamat url">.........</a>.
Hyperlink berupa gambar, susunan tag-nya adalah <a href="alamat url"><IMG src ="......."></a>
Untuk perpindahan posisi dalam halaman yang sama maka kita harus membuat terlebih dahulu penanda posisi dalam halaman tersebut dengan menggunakan tag <a name="#...> pada posisi halaman yang ditentukan tanpa diberikan tag penutup. Misalnya sebagai berikut, hyperlink terhadap posisi <a name="tentang kami"> maka diberikan tag <a hyperlink="#tentang kami">About Us</a>, sehingga apabila kalimat About Us diklik, maka posisi halaman akan menuju ke penanda tentang kami
Selain beberapa cara yang telah diuraikan sebelumnya, ada beberapa cara untuk berpindah dengan menggunakan atribut target pada hyperlink.
Atribut target dapat menampilkan link halaman pada posisi tampilan tertentu.
Contoh : <a href= http://coretanasal.blogspot.com target="_blank">Coretan Asal</a>
Blog Coretan Asal akan muncul dalam jendela baru, pada saat hyperlink dijalankan.
1. Fontasi
Untuk memodifikasi font digunakan tag <FONT>sebagai pembuka dan tag </FONT> sebagai penutup.Tag ini mempunyai berapa atribut diantaranya adalah atribut "size" untuk menentukan besarnya ukuran huruf, atribut "color" untuk menentukan warnanya. Nilai warna dapat menggunakan aturan RGB atau dengan pre-define color serta atribut "face" untuk mentukan jenis hurufnya. Untuk nilai atribut face dapat juga diberikan alternatif type font pengganti dengan dibatasi tanda koma.
Contoh: <FONT color="#FF12o4" size="10" face="ferdana,arial">. Di dalam tag font ini dapat diberikan juga tag untuk mengatur efek cetak huruf seperti tag <B>, <I> ,dan sebagainya.
2. Image
Untuk menampilkan gambar pada dokumen HTML maka digunakan tag <IMG SRC ="nama file gambar">. Tag ini mempunyai beberapa atribut di antaranya :
• Width : digunakan untuk menentukan lebar gambar
• Height : digunakan untuk menentukan tinggi gambar
• Border : digunakan untuk memberikan bingkai pada gambar<
• Hspace : digunakan untuk memberikan ruang kosong disebelah kanan dan sebelah kiri gambar
• Vspace : digunakan untuk memberikan ruang kosong disebelah atas dan bawah gambar
• Align : digunakan untuk menentukan perataan gambar, di tengah, kiri, kanan, atas, bawah dari layar.
• Alt : untuk memberikan komentar bila pointer mouse berada di atas gambar tersebut.
Jika gambar tidak berhasil ditampilkan maka cobalah untuk memindahkan letak file gambar yang hendak ditampilkan ke folder di mana file.htm atau .html berada.
Tag <IMAGE> ini tidak memiliki penutup.
3. Hyperlink.
Hyperlink atau sering disebut ANCHOR digunakan untuk menghubungkan (link) antara halaman web yang satu dengan halaman web lainnya, dalam satu web site ataupun antar web site atau juga dapat digunakan untuk berpindah ke suatu posisi dalam halaman web site.
Tag ini memiliki sifat link, visited dan active. Dalam sifat tersebut kita dapat memberikan nilai warna. Deskripsi dari sifat tersebut adalah :
• LINK = saat hyperlink belum dikunjungi.
• Visited = hyperlink telah dikunjungi
• Active = hyperlink dalam keadaan in focus atau terpilih.<
Sifat-sifat tag ini dapat diatur melalui atribut dalam body, bukan atribut dalam tag hyperlink, yaitu dengan cara sebagai berikut :
<BODY link="#..." vlink="#..." alink="#...">
Adapun tag yang digunakan untuk membuat hyperlink adalah tag <a href="alamat tujuan"> sebagai pembuka dan tag </a> sebagai penutup.
Tujuan tersebut dapat diisikan dengan ketentuan sebagai berikut :
| "nama file" | Perpindahan antara halaman dalam satu website |
| "http://URL" | Perpindahan antara halaman dalam website atau server yang berbeda |
| "#posisi" | Perpindahan posisi dalam halaman yang sama (bookmark) |
| "mailto:[alamatemail]" | Berpindah ke email compose dengan alamat yang diberikan |
Hyperlink dapat berupa kata atau kalimat yang diketikkan diantara tag
<a href="alamat url">.........</a>.
Hyperlink berupa gambar, susunan tag-nya adalah <a href="alamat url"><IMG src ="......."></a>
Untuk perpindahan posisi dalam halaman yang sama maka kita harus membuat terlebih dahulu penanda posisi dalam halaman tersebut dengan menggunakan tag <a name="#...> pada posisi halaman yang ditentukan tanpa diberikan tag penutup. Misalnya sebagai berikut, hyperlink terhadap posisi <a name="tentang kami"> maka diberikan tag <a hyperlink="#tentang kami">About Us</a>, sehingga apabila kalimat About Us diklik, maka posisi halaman akan menuju ke penanda tentang kami
Selain beberapa cara yang telah diuraikan sebelumnya, ada beberapa cara untuk berpindah dengan menggunakan atribut target pada hyperlink.
Atribut target dapat menampilkan link halaman pada posisi tampilan tertentu.
Nilai Target | Keterangan Redirection |
| _blank | Link dokumen ke jendela/ tab baru |
| _top | Link dokumen ke jendela yang sama |
| _parent | Link dokumen ke Frameset parentnya |
| _self | Link dokumen ke frame yang bersangkutan/ aktif |
Contoh : <a href= http://coretanasal.blogspot.com target="_blank">Coretan Asal</a>
Blog Coretan Asal akan muncul dalam jendela baru, pada saat hyperlink dijalankan.
Said
wong udah senior kayak gini kok minta arahan sih?
Said
caca mau posting puisi yang teratur baitnya gimana ya om.