Documen ini berisi tentang bagaimana cara menambahkan link pada suatu halaman web

Setiawan, heri

Universitas Ahmad Dahlan Repository

HTML and Web Design Tips and Techniques (chapter 1 HTML Basic 40-42)  Menambahkan Link Hypertext ke Halaman Web Halaman Web memiliki keuntungan yang berbeda dari dokumen kertas: Halaman Web, tidak seperti dokumen kertas, dapat memiliki link hypertext ke halaman lain, baik di situs Web yang sama atau di situs lain. Daripada membalik halaman ketika seseorang membaca buku, pengunjung situs hanya tinggal klik pada link hypertext untuk pindah dari halaman ke halaman (atau situs ke situs). Link hypertext adalah kata tunggal atau kelompok kata yang di klik pengunjung untuk menginstruksikan browser Web untuk mengambil halaman web (atau file lain) dari server web. Untuk pengunjung situs, link hypertext yang muncul pada halaman Web yaitu berupa teks yang digarisbawahi. Biasanya, browser Web menggunakan satu warna (seperti biru) untuk mewakili link hypertext ke halaman web belum dikunjungi, dan warna lain (seperti ungu) untuk link ke halaman browser baru-baru ini dikunjungi. Untuk membuat link hypertext, berilah set awal dan akhir dengan tag (<a> </ a>) teks di dalamnya adalah teks yang akan di klik untuk mengaktifkan link. (Hypertext adalah teks antara awal dan akhir tag anchor) Kemudian, mengatur atribut href dalam <a> dengan memasukkan alamat url yang akan dituju ketika pengunjung mengklik pada hypertext tersebut. Sebagai contoh, kata-kata "Klik di sini untuk pindah ke halaman berikutnya " pada statemen HTML ini adalah" hypertext "dalam link hypertext, dan Web browser akan menggarisbawahi kata-kata di halaman Web: href="info.htm"> <a Klik di sini untuk pindah ke halaman berikutnya. </ a> Ketika pengunjung mengklik pada digarisbawahi kata-kata (atau di antara tag <a> dan </a>) dalam contoh ini, Web browser akan memuat halaman web dalam file yang bernama info.htm. Perhatikan bahwa Anda menempatkan atribut href dalam tag <a> dan hypertext itu sendiri di luar tag <a> antara awal dan akhir tag (<a> </ a>). Untuk membuat link ke sebuah halaman Web di situs Web lain, masukkan alamat URL halaman Web ke dalam atribut href. Sebagai contoh, kode berikut membuat link hypertext ke halaman indeks (yaitu, home page) di www.anywhere.com: <a href="http://www.anywhere.com/index.html"> Klik di sini untuk pergi ke Anywhere.com </ a> Ketika pengunjung mengklik "Klik di sini untuk pergi ke Anywhere.com", browser Web akan mengambil (dan menampilkan) dokumen homepage (index.html) website dari situs www.anywhere.com. Jadi, dalam contoh ini, nilai atribut href (href = "http://www.anywhere.com/index.html") membuat link hypertext antara halaman Web di situs Anda dan dokumen (homepage) index.html di situs web www.anywhere.com. Perlu diketahui bahwa Anda juga dapat membuat hyperlink ke situs Web homepage hanya dengan URL (tanpa halaman indeks nama file) dalam atribut href seperti: <a href="http://www.anywhere.com"> Klik di sini untuk pergi ke Anywhere.com </ a> Selain menggunakan link hypertext untuk berpindah dari satu dokumen ke dokumen lain, atau dari situs ke situs lain, Anda dapat menggunakan link hypertext untuk membiarkan pengunjung mendownload file dari situs Web. Sebagai contoh, kode berikut memberitahu browser Web untuk men-download file gambar bernama corvette.zip ketika pengunjung mengklik salah satu dari kata dalam "Klik disini": <a href="http://www.home.com/cars/corvette.zip">Klik di sini </ a> untuk men-download foto Corvette baru saya. Atribut href memberitahu browser Web untuk mengambil gambar (corvette.zip) Corvette dari folder mobil di situs www.home.com Web. Anda dapat membuat halaman Web Anda interaktif dan user-friendly dengan menambahkan link hypertext yang memungkinkan pengunjung men-download file dan navigasi halaman di situs Anda atau ke situs lain. Bila Anda membuat link hypertext, pastikan hypertext atau teks yang mengawali atau mengikuti penjelasan hyperlink, mudah memahami kata-kata, tepat apa yang akan terjadi ketika pengunjung mengklik teks untuk mengaktifkan hyperlink. Selain itu, karena sebagian besar Web surfer mengasosiasikan teks digarisbawahi dengan link hypertext, hindari penggunaan awal dan akhir tag menggarisbawahi ( ) untuk menekankan teks dalam dokumen Web. Untuk menekankan suatu kata atau kelompok kata dalam sebuah dokumen Web memilih gaya seperti bold, italic, atau mengubah jenis huruf, warna, atau ukuran teks.  Meningkatkan Surat Individu dan Kata Menggunakan Tag Pemformatan Karakter Bila Anda ingin browser Web menampilkan teks pada halaman Web, Anda cukup ketik teks yang ingin ditampilkan antara tag awal dan akhir tubuh (<body> </ body>) dari halaman HTML Web. Sebagaimana Web browser membaca dokumen HTML, browser menampilkan teks yang ditemukan pada layar. Untuk memberitahu browser bagaimana Anda ingin teks untuk mencari, melampirkan teks antara sepasang format tag. (HTML menyediakan tag yang dapat digunakan untuk menginstruksikan browser untuk menerapkan pilihan format seperti bold strikethrough, italic, dan.) Anda perlu memahami bahwa web browser tidak mengenal kode format normal yang ada pada dokumen oleh pengolah kata seperti Microsoft Word. Anggaplah, misalnya, bahwa Anda ingin kata-kata tertentu dalam dokumen Web Anda muncul dalam Huruf tebal. Untuk tebal huruf, kata, atau kelompok kata, menyertakan teks yang diinginkan antara awal dan akhir tag tebal ( ) seperti yang ditunjukkan di kata "bold" seperti berikut: Kata terakhir dalam kalimat ini adalah bold Tag pemformatan karakter tag kontainer, berarti itu dibutuhkan baik awal dan tag akhir. Browser Web akan menerapkan instruksi format untuk semua teks dalam "kontainer," yaitu untuk semua teks antara awal dan tag akhir format. Dalam contoh ini, awal dan akhir tag tebal (<bold> </ bold>) yang menyertakan kata "bold" memerintahkan browser Web untuk menampilkan kata dalam huruf tebal seperti bold. Seperti disebutkan sebelumnya, Anda dapat menggunakan tag karakter pemformatan untuk menentukan munculnya beberapa kalimat (atau bahkan paragraf), kelompok kata, kata individu, atau bahkan satu huruf dalam sebuah kata. Misalnya, ketika browser menampilkan teks berikut HTML, hanya huruf "B" dalam kata "Bold" akan ditampilkan dalam huruf tebal. Huruf pertama adalah B old Selain awal dan tag akhir tebal ( ), Anda dapat menggunakan tag berikut untuk meningkatkan tampilan teks pada halaman Web: • <cite> </ cite> Tag kutipan menekankan teks, biasanya dalam huruf miring. • <code> </ code> tag kode mengatur teks tertutup dalam font monospace seperti Courier untuk mengatur teks. Gunakan tag kode untuk mengidentifikasi sepotong kode HTML dalam dokumen pelatihan. • <del> </ del> tag untuk menandai teks yang dihapus dengan teks yang mencolok melalui teks. Sebagai contoh, gunakan tag menghapus untuk menandai melalui informasi dalam sebuah dokumen hukum. • <q> </ q> Tag Kutipan mengelilingi teks disertai dengan tanda kutip. • Tag subscript untuk membuat subscript, atau menampilkan teks sedikit lebih rendah daripada teks sekitarnya. • Tag superscript untuk membuat superscript, atau menampilkan teks sedikit lebih tinggi daripada teks sekitarnya. • Tag penekanan untuk menekankan teks dengan mengubah kata-kata terlampir ke font italic. • Tag kuat untuk menyorot teks dengan huruf tebal dan italicizing kata-kata terlampir. • tag italic menyorot teks dengan huruf miring kata-kata yang terlampir. • ini menggarisbawahi tag sorot teks dengan menggarisbawahi kata-kata terlampir. Tag ini sudah ditinggalkan. Anda dapat menggunakan format tag tunggal atau dalam kombinasi. Contoh berikut menggabungkan awal dan akhir tag tebal ( ) dan tag superscript awal dan akhir (<super> </ super>) untuk membuat kata "super" menonjol pada halaman. Tag format karakternya adalah <super> super </ super> cara untuk menarik perhatian pengunjung ke halaman Web Anda. Meskipun tag format karakter secara visual mengubah teks dalam jendela browser, cara yang lebih efisien untuk mengubah gaya teks dan mematuhi rekomendasi W3C adalah dengan menggunakan aturan-aturan CSS.

HTML and Web Design Tips and Techniques (chapter 1 HTML Basic 40-42)

http://eprints.uad.ac.id/328/1/09018010-HeriSetiawan-Tugas-Pemrograman-Web-Bab-HTMLbasics-halaman-40-42.pdf

HTML and Web Design Tips and Techniques (chapter 1 HTML Basic 40-42)

Abstract

Similar works

Full text

Available Versions

Universitas Ahmad Dahlan Repository