Anda di halaman 1dari 14

PK&TI 2C

(Minggu ke-8)
4/2/2023
Rr. Artiana Krestianti
SAP PK&TI 2C 1
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).
4/2/2023 SAP PK&TI 2C 2
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
4/2/2023 href=”http://www.gunadarma.ac.id>UniversitasGunadarma”</a>
SAP PK&TI 2C 3
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
4/2/2023
tidak dipasang)
SAP PK&TI 2C 4
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.
4/2/2023 SAP PK&TI 2C 5
Contoh Tampilan Link pada Html

4/2/2023 SAP PK&TI 2C 6


Contoh Tampilan Link pada Html

4/2/2023 SAP PK&TI 2C 7


Contoh Program Link pada Html

4/2/2023 SAP PK&TI 2C 8


Contoh Program link pada Html

4/2/2023 SAP PK&TI 2C 9


Contoh Program link pada Html

4/2/2023 SAP PK&TI 2C 10


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>)
4/2/2023 SAP PK&TI 2C 11
Contoh Tampilan Font pada Html

4/2/2023 SAP PK&TI 2C 12


Contoh Program Font pada Html

4/2/2023 SAP PK&TI 2C 13


4/2/2023 SAP PK&TI 2C 14

Anda mungkin juga menyukai