List dan Image pada HTML 11/17/2018 Link dan Font pada Html PK&TI 2C (Minggu ke-8) Rr. Artiana Krestianti 11/17/2018 SAP PK&TI 2C Artiana Krestianti
List dan Image pada HTML 11/17/2018 Link pada Html Kelebihan utama dari dokumen HTML adalah kemampuannya untuk memberikan link dari satu teks dan/ atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen. Browser web akan menyorot (highlight) teks atau gambar yang diidentifikasi sebagai link dengan warna dan/ atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link (sering disingkat menjadi hyperlink atau link saja). 11/17/2018 SAP PK&TI 2C Artiana Krestianti
Link pada Html (lanjutan) List dan Image pada HTML 11/17/2018 Link pada Html (lanjutan) Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan kepada dokumen lain dalam web. Cara penulisan (syntax) untuk link dalam HTML digunakan tag <a>, atribut href untuk mendefinisikan lokasi dari link. Ada empat jenis link : Link Absolut Dibuat apabila ingin melink pada web page lain yang berada pada web site lain di internet. Sebagai catatan anda harus menuliskan alamat lengkap dari web site yang dituju. Contoh : <a href=”http://www.gunadarma.ac.id>UniversitasGunadarma”</a> 11/17/2018 SAP PK&TI 2C Artiana Krestianti
Link pada Html (lanjutan) List dan Image pada HTML 11/17/2018 Link pada Html (lanjutan) Link Relatif Dibuat apabila ingin melink dari page anda ke page lain pada komputer yang sama. Bila file dalam direktori yang sama anda cukup menuliskan nama filenya saja. Contoh : <a href=”tagdasar.htm”> TAG DASAR </a> Link ke Alamat Email Dibuat apabila ingin mengirimkan email. Contoh : <a href=“mailto:artianakrestianti.gmail.com”>kirim email</a> Pada link absolut dan link ke alamat email, komputer harus dalam keadaan terhubung ke internet (tidak akan bisa bekerja jika mail client tidak dipasang) 11/17/2018 SAP PK&TI 2C Artiana Krestianti
Link pada Html (lanjutan) List dan Image pada HTML 11/17/2018 Link pada Html (lanjutan) Link pada dokumen yang sama Dibuat apabila dokumen panjang, sehingga apabila ditampilkan dalam windows browser web akan mengharuskan kita melaku- kan scroll layar berulang-ulang. Untuk memudahkan dapat di- buat link antar bagian dengan cara : Pada bagian yang akan dituju ketiklah : <a href=”#bab 7”> BAB 7 </a> Pada bagian isi (teks yang dituju) harus diketik : <a name=”bab 7”> Ini Bab 7 </a> untuk menandakan bahwa dibawahnya adalah bagian dari isi dari Bab 7 tersebut. 11/17/2018 SAP PK&TI 2C Artiana Krestianti
Contoh Tampilan Link pada Html List dan Image pada HTML 11/17/2018 Contoh Tampilan Link pada Html 11/17/2018 SAP PK&TI 2C Artiana Krestianti
Contoh Tampilan Link pada Html 11/17/2018 SAP PK&TI 2C
Contoh Program Link pada Html 11/17/2018 SAP PK&TI 2C
Contoh Program link pada Html 11/17/2018 SAP PK&TI 2C
Contoh Program link pada Html 11/17/2018 SAP PK&TI 2C
Font pada Html Font pada html sebenarnya sudah dihapuskan (dianjurkan tidak dipakai lagi) oleh W3C, dan sebagai gantinya digunakan CSS (Cascading Style Sheet) yang akan dibahas pada bab selanjutnya. Hanya sekedar pengetahuan saja dalam font html dapat kita gunakan berbagai macam ukuran (dalam html dikenal dengan 7 ukuran) dan berbagai macam jenis (tergantung yang tersedia di dalam komputer). Selain itu dapat pula dibuat warna latar belakang maupun gambar latar belakang dengan menggunakan bgcolor dan background yang dapat disisipkan pada tag body (<body>) 11/17/2018 SAP PK&TI 2C
Contoh Tampilan Font pada Html 11/17/2018 SAP PK&TI 2C
Contoh Program Font pada Html 11/17/2018 SAP PK&TI 2C
List dan Image pada HTML 11/17/2018 TERIMA KASIH 11/17/2018 SAP PK&TI 2C Artiana Krestianti