Dokumen ILMU

Newest Post

Anatomi hyperlink

Salah satu kelebihan dokumen HTML adalah memiliki kemampuan untuk saling terkait dengan dokumen lain. Link (sebutan singkat dari hyperlink text) adalah suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam satu situs web. Semua halaman web yang ada di internet hampir bisa dipastikan memiliki link. Secara umum, fungsi link adalah untuk memudahkan pengunjung web dalam menulusuri/menjelajahi seluruh isi atau informasi yang tersimpan dalam situs web bersangkutan.

Dalam keadaan default (normal), suatu link akan ditandari dengan teks berwarna biru yang memiliki garis bawah. Meskipun demikian, kita dapat mengubah warna dan gaya link sesuai dengan kebutuhan dan keinginan kita melalui pembuatan kode CSS.jika kita mengarahkan kursor ke suatu link tertentu, maka penunjuk mouse akan berubah menjadi gambar tangan dengan satu jari yang sedang menunjuk, seperti yang ditunjukkan oleh gambar di bawah ini

Konsep atau cara kerja link dalam HTML dapat diilustrasikan melalui gambar berikut :

Gambar 15.1. Konsep atau cara kerja link dalam HTML

Pada gambar diatas, masing-masing halaman memiliki keterkaitan satu sama lain. Artinya, masing-masing halaman tersebut dapat dipanggil atau ditampilkan dari halaman manapun. Hal ini bisa terjadi jika setiap halaman di atas memiliki link.

Mengenal Tag <a> (anchor)

Untuk membuat suatu link, HTML menyediakan satu tag khusus, yaitu tag <a>, yang berpasangan dengan </a>. Setiap teks yang diapit oleh tag ini akan ditampilkan sebagai link. Bentuk umum pembuat link dalam dokumen HTML adalah sebagai berikut :

<a href="DokumenLain">Teks Link</a>

Atribut HREF dalam tag <a> berfungsi untuk menentukan dokumen atau halaman mana yang akan dipanggil saat link tersebut di klik atau dipilih oleh pengunjung web.

Contoh :

<a href=”index.html”>Home</a><br />

<a href=”about.html”>Tentang Kami</a><br />

<a href=”contact.html”>Kontak</a>

Pada contoh diatas kita membuat tiga buah link dengan teks : Home, Tentang kami, dan kontak. Ketika pengunjung melakukan klik terhadap link pertama (home), web browser akan menampilkan dokumen yang disimpan dalam file index.html. Begitu juga dengan link kedua (Tentang Kami) dan ketiga (Kontak), setiap di klik akan menjadikan web browser menampilkan dokumen yang terdapat pada file about.html dan contact.html.

Berikut ini ada beberapa hal yang perlu diperhatikan dalam pemberian nama dokumen web, agar link dapat berfungsi dengan baik :

· Penamaan file dengan huruf kecil semua

· Jangan ada spasi serta hindari non-karakter alphabet

Link Relatif

Link Relatif adalah link yang tujuannya mengarah ke dokumen-dokumen lain yang masih berada di dalam satu situs web yang sama (komputer yang sama). Penulisan alamat tujuannya pun tidak perlu ditulis secara lengkap, cukup nama dokumennya saja, dan nama direktorinya (jika ada).

Perhatikan contoh kode berikut :

<a href=”kontak.html”>Kontak</a>

<a href=”images/jeep/sahara.jpg”>Lihat Foto Jeep Wrangler Sahara</a>

Tidak perlu ditulis lengkap seperti berikut :

<a href=http://www.situskita.com/kontak.html>Kontak</a>

<a href=http://www.situskita.com/images/jeep/sahara.jpg> Lihat Foto Jeep Wrangler Sahara</a>

Kita tidak perlu menulis alamat secara lengkap karena server web akan mencari file kantak.html dan sahara.jpg di computer yang sama. jika halaman utama dari situs web yang akan kita buat adalah index. html, maka file kontak. html harus di tempatkan di dalam direktori yang sama dengan file index.html ; sedangkan sahara.jpg harus berada di dalam direktori images\jeep. Jika digambarkan, struktur di rektori dan file-nya akan tampak sebagai berikut :

Link ke Bagian Dokumen tertentu

Menjadikan Gambar sebagai Link

Selain link berupa teks, gambar juga dapat dijadikan sebagai link. Konsepnya sebenarnya sama saja dengan link berupa teks, perbedaannya hanya perlu mengganti teks yang dijadikan sebagai link dengan tag <img>.

Link yang berupa teks:

<a href=”dokumenlain”>teks link</a>

Link yang berupa gambar:

<a href=”dokumenlain”><img src=”NamaFileGambar” /></a>

Contoh :

<a href=”detail-sahara.html”>

<img src=”images/jeep/saharal.jpg” />

</a>

Pada contoh di atas kita menjadikan gambar sahara1.jpg yang tersimpan di dalam direktori images\jeep sebagai link untuk menuju ke dokumen detail-sahara.html.

FORMAT KAITAN DENGAN WEB

Rabu, 14 Desember 2016

Posted by My Blog

Add Comments

Tag :// Pemrogaman WEB

Tampilan format multimedia

FORMAT TAMPILAN GAMBAR

Untuk Memasukkan Gambar pada halaman WEB maka syntax yang diperlukan adalah

Cara penulisannya jika terletak di folder yang sama

Cara penulisannya jika terletak di folder yang berbeda

Contoh Format gambar yaitu

1.PNG

2.JPG

3.JPEG,dll

Contoh script html :

Dengan nama file : Gambar Ibnu Sina

Format Gambar : Jpg

<html>

<head>

<title> GAMBAR WEB </title>

<body>

<p>Ibnu Sina (980-1037) dikenal juga sebagai Avicenna di Dunia Barat adalah seorang filsuf, ilmuwan, dan juga dokter kelahiranPersia (sekarang Iran). Ia juga seorang penulis yang produktif di mana sebagian besar karyanya adalah tentang filosofi dan pengobatan. Bagi banyak orang, dia adalah "Bapak Pengobatan Modern" dan masih banyak lagi sebutan baginya yang kebanyakan bersangkutan dengan karya-karyanya di bidang kedokteran. Karyanya yang sangat terkenal adalah Qanun fi Thib yang merupakan Referensi di bidang kedokteran selama berabad-abad.

Ibnu Sina bernama lengkap Abū ‘Alī al-Husayn bin ‘Abdullāh bin Sīnā (Persia ابوعلى سينا Abu Ali Sina atau dalam tulisan arab : أبو علي الحسين بن عبد الله بن سينا). Ibnu Sina lahir pada 980 di Afsyahnah daerah dekat Bukhara, sekarang wilayah Uzbekistan (kemudianPersia), dan meninggal pada bulan Juni 1037 di Hamadan, Persia (Iran).

Dia adalah pengarang dari 450 buku pada beberapa pokok bahasan besar. Banyak di antaranya memusatkan pada filosofi dankedokteran. Dia dianggap oleh banyak orang sebagai "bapak kedokteran modern." George Sarton menyebut Ibnu Sina "ilmuwan paling terkenal dari Islam dan salah satu yang paling terkenal pada semua bidang, tempat, dan waktu". Karyanya yang paling terkenal adalah The Book of Healing dan The Canon of Medicine, dikenal juga sebagai sebagai Qanun (judul lengkap: Al-Qanun fi At Tibb).

</p>

</body>

</html>

Maka Hasilnya :

FORMAT TAMPILAN AUDIO

Untuk menambahkan audio pada halaman WEB maka syntax yang digunakan bisa dua yaitu

1.<audio controls>

2.<embed src>

Contoh :

<html>

<head>

<title> Meletakkan Lagu Pada WEB </title>

<embed src="Gombloh – Merah Putih(http__putrimp3z.wapka.mobi).mp3" autostart="false" height="40" width="400" align="middle"> Mulai

</center></embed>

</body>

</html>

FORMAT TAMPILAN VIDEO DAN ANIMASI

Sama seperti format tampilan audio,Format tampilan video dan Animasi.

Format tampilan video dan animasi menggunakan syntax :

1.<embed src>

2.<video controls>

Contoh :

<html>

<head>

<title> VIDEO GUE N!!!!!! </title>

<center><h2> VIDEONYA NYUSUL!!!!!! </h2></center>

</body>

</html>

Maka Hasilnya adalah video crows zero milik saya dan dengan back sound Stand here Alone-Kita Lawan Mereka

FORMAT TAMPILAN MAP

Untuk menampilkan map yang kita inginkan kita menggunakan syntax

Dengan cara

1.Buka Google Maps

2.Pilih tempat yang kita inginkan dan klik

3.Kemudian klik bagikan

4.Setelah itu klik sematkan peta

5.copy yang ada tulisan <iframe src>

6.Terakhir masukkan dalam notepad anda

Contoh saya menggunakan Map UGM :

<html>

<head>

<title> Membuat MAP WEB </title>

</body>

</html>

Maka Hasilnya :

FORMAT TAMPILAN MULTIMEDIA

Posted by My Blog

Add Comments

Tag :// Pemrogaman WEB

Dokumen ILMU

Newest Post

Anatomi hyperlink

Mengenal Tag <a> (anchor)

Link Relatif

Link ke Bagian Dokumen tertentu

Menjadikan Gambar sebagai Link

FORMAT KAITAN DENGAN WEB

FORMAT TAMPILAN MULTIMEDIA

HOME

Mengenai Saya

Arsip Blog

Blogroll

Blogger templates

Popular Posts