Link adalah tujuan kata Hypertext dari kepanjangan HTML. Dalam tutorial belajar HTML dasar kali ini kita akan membahas cara membuat link di HTML.
Cara Membuat link di HTML
Tujuan kata Hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag <a>untuk keperluan ini.
Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).
Agar lebih jelas, kita akan lihat menggunakan contoh. Silahkan buka text editor dan buat kode seperti dibawah ini.
Contoh penggunaan tag link <a>:
<!DOCTYPE html> <html> <head> <title>Penggunaan Tag Link </title> </head> <body> <h1>Belajar Tag Link</h1> <p>Saya sedang belajar HTML dari <a href="https://www.duniailkom.com">Duniailkom</a></p> </body> </html>
Alamat Absolute dan Alamat Relatif
Pada contoh diatas kita menuliskan alamat link secara lengkap dengan bagian "http://www.". Penulisan seperti ini disebut juga dengan external link, yang berarti kita membuat link ke alamat lain di internet, atau lebih dikenal dengan: alamat absolut.
Alamat absolut adalah penulisan alamat file dengan menyertakan nama website, seperti: href="https://www.duniailkom.com/belajar_html.html", atau href="http://www.wikipedia.org".
Namun jika kita ingin membuat link di dalam situs yang sama, maka tidak perlu menyebutkan alamat lengkap tersebut. Tetapi cukup mencantumkan alamat file yang dituju relatif kepada file saat ini. Jenis alamat ini disebut alamat relatif.
Sebagai contoh alamat relatif, apabila kita ingin membuat link kepada file hello.html pada folder yang sama dengan file saat ini, maka atribut hrefnya, berisi: href="hello.html". Berikut adalah kode HTMLnya:
Contoh penggunaan tag link <a> untuk alamat relatif:
<!DOCTYPE html> <html> <head> <title>Penggunaan Tag Link </title> </head> <body> <h1>Belajar Tag Link</h1> <p>Halaman HTML pertama saya adalah <a href="hello.html">Hello</a></p> </body> </html>
Alamat absolute ditulis dengan lengkap, seperti https://www.duniailkom.com, atau jika kita merujuk kepada halaman tertentu, menjadi https://www.duniailkom.com/nama_halaman.html.
Alamat relatif maksudnya adalah relatif kepada file tempat kita memanggil link ini. Seandainya nama file kita adalah belajar_link.html, dan dalam folder yang sama terdapat halaman belajar_list.html, kita dapat menggunakan href="belajar_list.html" untuk membuat link ke halaman belajar_list.html .
Jika file tersebut berada di dalam folder lagi_belajar, maka alamat relatifnya menjadi href="lagi_belajar/belajar_list.html". Namun bagaimana jika halaman tersebut berada 2 tingkat di luar folder saat ini? Kita dapat menggunakan href="../../belajar_list.html", untuk naik 2 folder diatasnya.
Atribut tag <a>: target
Atribut penting lainnya dari tag <a> adalah target. Atribut ini digunakan untuk menentukan apakah link yang dituju terbuka di jendela browser saat ini, atau terbuka di jendela baru.
Secara default, setiap link yang kita tulis akan terbuka pada jendela yang sama (menimpa halaman web saat ini). Tetapi apabila kita ingin halaman tersebut terbuka pada tab baru, gunakan atribut target="_blank".
Contoh penggunaan tag link <a> dengan atribut target:
<!DOCTYPE html> <html> <head> <title>Penggunaan Tag Link </title> </head> <body> <h1>Belajar Tag Link</h1> <p>Saya sedang belajar html dari <a href="https://www.duniailkom.com" target="_blank">Duniailkom</a> dan akan terbuka pada tab baru</p> </body> </html>
Jika kita men-klik link tersebut, maka halaman duniailkom.com akan terbuka di tab baru, dan tidak menimpa tab saat ini.
Melanjutkan pembahasan mengenai tutorial belajar HTML dasar, pada tutorial selanjutnya kita akan membahas tentang Cara Menambahkan Gambar di HTML, menggunakan tag <img>.
thank's,,,,,sangat membantu
Terimakasih mas hafis, semoga bisa bermanfaat..
bingungg… kk kl mau masukin alamat website gimana ?
Maksudnya gimana mas rahmat? kalau ingin memasukkan alamat website, tinggal ganti isi dari elemen href saja dengan alamat situs yang diinginkan…
Terimakasih ^^
Terimakasih kembali Zahra.. semoga artikel ini bisa bermanfaat
Sangat membantu^^ terimakasih:3
ya kebebetulan lagi nyari-nyari,,, nemu disini… makasih yah
Terimakasih juga atas kunjungannya puji, semoga artikel ini bisa bermanfaat.
mksh telah berbagi ilmu dengan sesama,,,,
Terimakasih juga atas kunjungannya, semoga bisa bermanfaat…
kalau link yang dituju blog bisa ngga?
Sangat bisa nur, tinggal mengganti alamat pada atribut href nya, misalnya menjadi href="http://www.namablogsaya.com".
Semoga bisa membantu..:)
Membantu banget kaka …
Makasih sebelumnya gak perlu bawa buku repot repot kalau gini hehe…..
Terimakasih juga kunjungannya Andre.. (namanya sama :p )
thank you bro
Terimakasih juga kunjungannya Naeta..
gan gimana bikin supaya tampil didalam ihalaman yang sama ,namun ukurannya kecil ,mohon dibalas ya soalny penting
Kalau ingin membuat link yang terbuka dihalaman yang sama tetapi ukuran jendelanya lebih kecil (pop-up windows), harus menggunakan javascript. Penjelasan tentang ini cukup panjang, mungkin nanti akan saya bahas dalam tutorial tersendiri di bagian javascript.
Namun pop-up windows ini tidak disarankan karena umumnya web browser akan mem-blok jendela tersebut (biasanya digunakan untuk menampilkan iklan).
Terimakasih Gan Informasinya bagus,.. Akan Saya Cuba,.
Terimakasih juga atas kunjungannya, semoga bermanfaat..
sipp gan, kunjung balik ya.barang kali kamu mau menuangkan / berbagi demo tutorial kamu :D
Terimakasih untuk kunjungannya gan, semoga sukses juga untuk situsnya..
nah saya mau tanya, klo buat link lebih jauh misal ke >>> https://www.duniailkom.com/belajar-html-cara-membuat-link-di-html-tag-a/
gimana gan? thx sebelumnya
Kalau untuk membuat link (seberapapun panjangnya), kita tinggal meletakkan alamat link tersebut ke atribut href, seperti contoh berikut ini:
<a href="https://www.duniailkom.com/link-yang-sangat-panjang-sehingga-membutuhkan-beberapa-baris/dan-masih-belum-berakhir.html">Link Ke Sebuah Halaman</a>
Semoga bisa membantu
sangat membantu… thanks ya..
Sama2 putri, terimakasih juga untuk kunjungannya…
infonya sangat bermanfaat sekali gan, makasih.
Terimakasih juga atas kunjungannya gan…
cara membuat link form….??
Maksudnya cara membuat form HTML?
neng bisa mempelajarinya di tutorial pembuatan form HTML, dan mempelajari cara mengolah hasil form dengan PHP di tutorial belajar memproses Form dengan PHP.
Mudah-mudahan bermanfaat.
Langkah langkah membuat web itu bagaimana gan?
Makasih . . .
Untuk membuat website sederhana dan statis, candra hanya butuh mempelajari HTML dan sedikit CSS. Namun untuk membuat website modern dan dinamis, butuh tambahan bahasa pemograman seperti PHP dan JavaScript.
Selanjutnya agar website bisa diakses di internet, kita perlu menyewa penyedia hosting dan membeli nama domian seperti https://www.duniailkom.com.
Atau jika candra hanya butuh 'web' yang langsung online tanpa harus mempelajari pemrograman, bisa menggunakan situs online blog seperti blogger atau wordpress.
gan, kalo ngelink ke file html lain tapi file tersebut di luar folder.
misal :
> html 1
> html 2
– file1
– file 2
jadi dalam file1 itu saya ingin link kan ke file2. gimana ya gan?
itu.. file1 di folder html2, file 2 di folder html1, dan folder html2 ada di dalam folder html1
Terima Kasih.
Kira-kira model foldernya seperti ini y gan?
> html1
> file2.html
—-> html2
–—> file1.html
Di dalam HTML, untuk membuat link ke folder '1 level diatas', kita mengunakan format "../" (tanda titik dua kali dan sebuah garis miring). Jadi, di dalam contoh diatas, untuk membuat link dari file1 ke file2, adalah: <a href="../file2.html">Link ke file 2</a>.
Apabila di atas folder tersebut masih ada folder lain, kita tinggal menambahkan tanda ../, seperti berikut ini: <a href="../../../file2.html">Link ke file 2</a>.
Mudah2an bisa membantu :)
:) … Terima kasih banyak.
Semoga semakin manfaat. (y)
Hallo gan.. saya lagi buat website dgn menggunakan dreamweaver bahasa pemrog html, kalo saya mau masukan berita yg terupdate otomatis gimana yah caranya? Kalo dblog biasanya pasang rss tpi kalo di dreamweaver bigung gan.. mohon bantuannya gan. Trims
Setahu saya dreamweaver cuma sekedar editor untuk mempermudah membuat kode HTML, CSS, dll. File yang dihasilkan tidak akan berbeda dengan file text biasa yang dibuat menggunakan editor standar seperti Notepad. Untuk belajar pemograman web, dremaweaver tidak dianjurkan, karena tampilan visualnya akan mempersulit memahami kode-kode program yang digunakan.
Untuk menampilkan RSS di website, memang agak repot kalau hanya menggunakan HTML. Sebagai cara alternatif, yoshiko bisa menggunakan aplikasi dari internet seperti http://rss.bloople.net/ atau http://feed2js.org/. Silahkan input alamat RSS yang ingin ditampilkan kedalam situs tersebut. Kedua situs itu akan menghasilkan kode JavaScript untuk selanjutnya dicopy kedalam file HTML.
Mudah2an bisa membantu :)
Gan mau tanya…
Kalo mau ngelinkkan file di luar folder gimana ya…
Contoh
-Folder B–file2.php
Folder A -file3.php
-Folder C –file1.php
Bagaimana cara melingkan file1.php ke file3.php gan.. Terimakasih…
Terima kasih gan, ane udah coba praktekin
css itu sendiri fungsinya untuk apa boss… di template blog banyak sekali ditemukan, apa perbedaan antara css dan html
makasih ditunggu jawabannya
Jawabannya bisa panjang gan, tp intinya HTML itu digunakan untuk membuat struktur halaman web, sedangkan CSS digunakan untuk mendesain halaman web agar tampak lebih menarik.
Keduanya digunakan secara bersama-sama untuk membuat website, namun dipisah sesuai dengan fungsi masing-masing.
bagus .. saya baru belajar , dan ini membantu
Ane ingin belajar supaya website kita ranknya tinggi gimana yah?
Rank apa ni gan? google rank atau alexa rank? Kalau saya sih yang penting membuat konten yang original dan bermanfaat. Urusan traffic dan rank nanti bakalan datang sendiri selama website kita bermanfaat.. :)
Maaf kak, mw tanya,
misalkan saya ingin membuat Halaman Login pada HTML, tetapi permasalahannya misalkan kalau saya enter atau klik ok terus dia masuk ke halaman baru, itu gmna yah kak… tolong bantu donk kak??
Untuk membuat halaman login/register, kita menggunakan form HTML. Pada saat form di submit (klik tombol Ok), secara otomatis memang akan pindah kehalaman baru dimana form itu akan diproses. Proses login ini membutuhkan gabungan HTML dan PHP.
Untuk membuat form, kita menggunakan HTML dalam merancang tampilannya, seperti di dalam tutorial belajar form dasar HTML. Sedangkan penanganan proses form, bisa menggunakan PHP seperti yang dibahas pada tutorial PHP untuk memproses form.
Jika rangga kurang memahami HTML dan PHP, di duniailkom sudah tersedia tutorial HTML dan PHP dari awal. Silahkan dipelajari :)
Terima kasih ya kak, aku mw mengetahui ilmu komputer jadi aku harus selalu banyak belajar lagi…. dan bertanya bagaimana solusi sewaktu ada problem pada saat membuat program…
Silahkan rangga… Dunia ilmu komputer memang sangat menarik dan juga menantang karena selalu berkembang dan berubah dari waktu ke waktu. Mari belajar bersama disini :)
Terimakasih artikelnya sangat bermanfaat, salam sukses…
Terimakasih juga atas kunjungannya lina… Salam sukses juga :)
selamat pagi mbak bro, terima kasih infonya gw jadi banyak ilmu setelah membaca tulisan anda yang di tulis di halaman website ini. salam kenal dari sutopo blogger jogja
terima kasih Admin..sangat membantu untuk saya yang sedang membangun web…silahkan kunjungi web saya… http://www.sahabat-plastik.com/
sangat bermanfaat master. GBU
Makasih gan, bermanfaat banget buat bikin tugas sekolah
Mantap gan!! semoga bisa lebih maju!!
Terimakasih gan… semoga apa yang didapat dari tutorial ini bisa bermanfaat :)
Terimakasih kawan sangat lengkap sekali dengan tutorialnya.
Terimakasih juga kunjungannya… semoga bermanfaat :)
kang ngubah warna hyperlink nya gimana ya?
Lebih enak pakai CSS gan, seperti ini:
a {
color: red;
}
a:hover {
color: green;
}
Untuk lebih lanjut bisa mengunjungi tutorial CSS duniailkom
Ini web yg luar biasa bermanfaat krn sistematis pembahasannya dan memberi semangat bagi pemula yg sudah frustasi belajar desain web.
Hehe..terimakasih mas.. Semoga tutorial di duniailkom ini bisa jadi dasar yang mudah dipelajari :)
Thank, sangat membantu dan mudah dimengerti.
Simpel yak gan sebenarnya, kmaren sempet blogging eh urlnya yang salah..wkwk,thanks infonya gan
semoga jadi amal jariyah mas…amal yang mengalir terus seperti air. setiap orang yg berhasil jd programer karena tulisan sampean, sampean dapat pahala. apalagi jika org yg belajar td juga mengajar kanya ke orang lain dengan ikhlas. bagai pohon yg trus tumbuh bercabang-cabang dan beranting-ranting, seperti itulah amal jariyah. kalo sekarng memang brlum terlihat manfaatnya, tapi nanti ketika kita mati. nyawa sudah keluar dari raganya. ini lho amal jariyah kita yg pertama kali menemani kita. bukan uang tabungan di bank. semog allah selalu memberikan petunjuk dan kemudahan dalam setiap langkah sampean. jujur say iri. hehe
Amiiin… Terimakasih, jadi penyemangat saya untuk terus berkarya… :)
Mudah2an apa yang saya tulis disini bisa bermanfaat, baik bagi saya pribadi maunpun bagi rekan2 pengunjung situs duniailkom…
SANGAT MEMBANTU SOBB..
INFO YANG BERMANFAAT,, SO PASTI
pak maksudnya save file sebagai img.html , itu bagaimana ya ? saya cari-cari tulisan img.html di save type as kok ada ?
Saya pemula dalam pembuatan web. Duniailkom sangat membantu saya dalam pembuatan web. Mohon cek web saya apa sdh bagus? Masih dalam Template Klasik dan masih ada beberapa "error" . Mohon petunjuk selanjutnya untuk penyempurnaan, terima kasih
http://nurkasim49.blogspot.com
Sudah bagus kok mas :)
kalau dari segi tampilan, menurut saya sangat relatif, selama konten/isi website bisa dibaca dengan baik, itu g jadi masalah,…
Yth.Mas Andre.
Terima kasih penilaiannya.
Saya coba membuat Tag Link Alamat relatif tanpa mencantumkan nama file atau URL, ternyata bisa, ini mengurangi karakter dalam HTML sehingga besaran file kecil, sebagai berikut :
Hello
Maaf, ya… kok sintaksnya tidak kelihatan.
saya ulangi sintaksnya : <a href=" " rel="nofollow">Hello</a>
Oh, berarti mengosongkan isi dari atribut hrefnya y mas..
Iya, secara default, webbrowser akan membuat link ke halaman saat ini.
Percobaan yang menarik mas, hehe..
Misi gan ane belum paham maklum pendidikan rendah :)
Kalau di versi mobile bisa gak.?
Maksudnya di versi mobile ini gimana y mas? :)
Ok mas.. saya berhasil memasangnya di blog
saya gunakan untuk membuat kalimat dibawah postingan pada body blog..
terimakasih ilmunya ya..
Sama2 mas, senang bisa membantu :)
emang belajar dari website duniailkom membantu saya yang lagi newbie…terima kasih banyak ya bro….
Sama2 gan.. senang bisa membantu :)
Hi,,, bro duniakom, makasih baaanyak atas sharing-nya. Sangat saya dalam belajar website. Smoga sehat dan sukses slalu ya bro !!!
Amiin.. makasih gan.. semoga ilmu yang didapat bisa bermanfaat :)
terima kasih,,, sangat membantu dan penjelasannya jelas… membantu saya yang masih belajar. :)
Sama2 gan, syukurlah materinya bisa dipahami dengan mudah :)
Terima kasih gan sngat membantu sekali bagi pemula seperti saya :)
terimakasih .. bisa jadi bahan pengngat klo lupa buat link makslum manusi tu makluk pelupa
Hehe… betul mas teguh… :)
Saya mau biar yang gambar sama tulisan nya jadi link ke tab baru biar tampil foto aslinya tanpa mengubah posisi nya gimana ya mas ? maklum baru masuk smk hehe
Jika ingin membuat link ke gambar yang akan ditampilkan di tab baru, bisa ditulis seperti ini gan:
<a href="gambar_besar.jpg" target="_blank"><img src="gambar_kecil.jpg"></a>
Tinggal di ganti saja nama gambarnya…
Btw, komentarnya saya edit dikit y, biar g terlalu panjang karena kode HTMLnya..hehe
maksih mas semoga bermaanfaat,akan aku coba
wah kalo cara bikin kayak comment itu gimana ya?
Maksudnya kayak comment ini gmn y gan?
Mas mau tanya.
contoh: saya ada dua file html di folder yang sama dengan nama
1.indexku.html
2.kontenku.html
pada file indexku.html saya membuat tabel dengan 2 baris dan 1 kolom. pada baris pertama berisi menu2 dan baris kedua berisi konten yg akan ditampilkan. pertanyaannya, bagaimana pada saat saya mengklik menu pada baris pertama maka file kontenku.html akan ditampilkan pada baris tabel kedua. demikian.
terima kasih sebelumnya Mas
Kalau menggunakan HTML saja agak susah mas. Tapi bisa diakali dengan membuat 1 halaman lagi, yang berisi menu pada baris pertama, dan halaman kontenku.html pada baris kedua. Dibaris kedua ini bisa menggunakan tag <iframe src="kontenku.html"></iframe> untuk manampilkan isi halaman kontenku.html.
Pembahasan tentang tag <iframe> memang belum ada di duniailkom, untuk sementara baru saya bahas di eBook HTML Uncover :)
kalau saya pengennya tetap menggunakan tabel seperti ilustrasi di atas pakai fungsi apa ya mas? apakah bisa pakai HTML atau pakai PHP.
terima kasih atas responnya.
Iya mas, tetap bisa pakai tabel kok, nanti di dalam tag "td" tabel, tag "iframe"nya ditempatkan.
Tapi kalau boleh saran, sebaiknya bisa lanjut ke CSS dan PHP, karena pembuatan layout dengan tabel sudah tidak disarankan lagi. Di PHP nanti, halaman lain bisa ditambahkan menggunakan fungsi include().
Mas, hanya sekedar ref ilmu saja, kenapa pembuatan layout dengan tabel dan pemanggilan link dengan iframe tidak mas sarankan. setelah saya coba penggunaannya sangat simpel. terima kasih sebelumnya.
Betul mas, perancangan layout dengan tabel dan frame sangat simple, apalagi jika dibandingkan dengan CSS (yang lebih rumit, tapi sangat saya sarankan). Alasannya karena banyak masalah tampilan yang bisa terjadi, terutama karena website diakses tidak dari 1 browser, tapi dari berbagai jenis web browser di berbagai sistem operasi yang menggunakan berbagai ukuran layar…hehe
Untuk frame, alasan paling pas adalah karena di HTML5 tag ini sudah akan dibuang (deprecated). Selain itu ada masalah dengan fungsi bookmark. Frame terdiri dari beberapa halaman dalam 1 tampilan, jika ada pengguna yang ingin men-bookmark website tersebut, yang akan tersimpan hanya 1 halaman saja.
Untuk tabel, sangat sangat susah agar halaman web tersebut bisa tampil (relatif) sama pada semua web browser, kemungkinan besar akan ada perbedaan spasi, antar satu web browser dengan web browser lain. Tag-tag yang digunakan untuk membuat tabel juga cukup banyak dan rumit. Sangat susah jika dikemudian hari ingin mengganti tampilan halaman, misalnya dari 3 kolom menjadi 2 kolom, atau ingin menambah bagian footer baru.
Kira2 seperti itu mas :)
terima kasih atas penjabarannya mas, jelas sudah semuanya. mohon tidak bosan kalau nanti ada pertanyaan lagi.
alhamdulillah pembuatan layout kolaborasi dengan css berjalan dengan baik mas.
ada akan tetapi saya terkendala dengan pemanggilan untuk mengisi pada bagian konten. bagaimana penulisannya mas. terlampir potongan sintax index.html.
<div id="content">
<h2>Content</h2>
<p>isi kontennya</p>
</div>
<div id="sidebar">
<h3>Sidebar</h3>
<p>text</p>
<p>text</p>
</div>
kalau menggunakan iframe saya memakai target untuk memanggil konten. kalau dengan sintax diatas pakai apa mas?
terima kasih sebelumnya.
Membuat layout dengan CSS memang cukup kompleks mas, karena perlu menguasai HTML dan CSS dulu, baru kita bisa masuk ke layout. Di CSS nanti menggunakan propety float. Untuk sementara baru saya tulis di eBook CSS Uncover.
Mengenai tutorialnya akan menunggu giliran..hehe
hai mas andre saya masih pemula dalam bikin web dengan html
saya buat menu utamanya pake frame set ada 3 kolom atas , kiri sama tengah
nah saya bingung ketika saya klik pilihan di sebelah kiri hasilnya ke new tab yang saya pengen itu ketika di klik pindak ke bagian tengah
pake tag apa yah ? tolong bantuannya
Saya sudah sedikit lupa nih kalau menggunakan frameset, soalnya untuk standar sekarang sudah sangat tidak disarankan (di HTML5 malah sudah dihapus). Sebaiknya mulai 'hijrah' ke CSS layout untuk membuat tampilan website :)
kalau kita bikin hyperlink contohnya ke gambar, trs kita klik gambar itu nanti balik lagi ke halaman awal gimana ya ? terima kasih
Tag gambarnya ditempatkan di dalam tag link nya gan, kira2 seperti ini:
<a href="https://www.duniailkom.com"><img src="gambar.jpg"></a>
Tinggal ganti alamat link dan nama file gambarnya…
Bisa lebih diperelas ga?? Saya masih bingung
Bingungnya dimana ya? saya juga bingung apa yang ingin di perjelas..hehe :)
Mungkin bisa dipraktekkan langsung agar lebih paham, atau mulai dari tutorial part 1 HTML Dasar duniailkom
Maksudnya gini. Nanti saya buat link dan disitu muncul gambar dan gambar itu saya klik lagi muncul gambar lagi. Bisa ga ya?? Contohnya Home.
Caranya, bisa dibuat beberapa halaman HTML yang isinya gambar di dalam link, seperti contoh berikut:
<a href="halaman_gambar.html"><img src="gambar.jpg"></a>
Nanti tinggal ganti alamat link dan nama file gambarnya…
selamat siang salam kenal mas.. sehat dan sukses selalu untuk masnya hehe
mau tanya ketika klik http://www.elibrary.stiesyariahbengkalis.ac.id/ di homenya/halaman utama kan ada portalgaruda dll. ketika di klik mengarah pada google dulu baru masuk portal garuda.. pertanyaanya adalah bagai mana cara untuk masuk langsung portal garuda dll tanpa masuk google dahulu trimakaish kang/mas
saya udah coba edit tapi malah eror ahahah
Amiin.. terimakasih,, :)
Oh untuk gambar di bagian bawah itu y?
Mungkin bisa coba diganti dengan ini:
<a href="http://garuda.dikti.go.id/" target="blank"><img src="template/green/img/garuda.png"></a>
udah bisa mas yang portal garudanya tapi yang kami mau cuman 2 portal garuda dan wiki.com yang lainya di hapus aja.. atau dikasih tanda apa yah gimana caranya ya mas.. terus sama tulisan website di bawah gambar itu,, kalo di klik malah eror
permisi mas .. saya pengen e-book -nya.. bisa d transfer dimana yahh uangnya trimakasiihh
Silahkan di cek emailnya mas.. terimakasih :)
terima kasih
cara memberikan link pada menu selected di html itu gimana supaya jika contoh saya buat kayak gini
<select>
<option value"home">home</option> cara memberik linknya gimana gan
Untuk membuat ini harus menggunakan JavaScript mas. Contohnya seperti ini:
Kode HTML:
<select id="mainMenu">
<option value="home.html">Home</option>
<option value="blog.html">Blog</option>
</select>
Kode JavaScript:
<script>
document.getElementById("mainMenu").onchange = function() {
if (this.selectedIndex!==0) {
window.location.href = this.value;
}
};
</script>
Penjelasannya cukup panjang dan harus memahami JavaScript terlebih dahulu :)
Alhamdulillah, meski agak puyeng juga kalau sudah coding2 begini . jeper dah
mencoba dan belajar lagi
terima kasih Gan
Lanjut gan… :)
Bahasanya cukup dimenegrti dan jelas pembeelajarannya
Min mau nanya, cara klo bkin gambar , terus klo di klick masuk le dalem sebuah web,,caranya gimana terus bkinin contoh html nya min,, thks
Caranya, di dalam link tag <a>, diselipkan tag gambar <img>. Sebagai contoh, untuk membuat link ke situs duniailkom menggunakan gambar bisa dengan kode berikut: <a href="https://www.duniailkom.com"><img src="gambar.jpg"></a>
cara ngerubah ukuran gambarnya gimana ?
Makasih lagi cari contekan membuat menu login external…
Masih agak bingung sih gan . Tapi coba ane pahami tersu sama di praktekan.
Kalo format yang selain href gmana om? yang pake [URL= bla bla getoh, saya lupa
Itu kode "BB Code" mas, kode tersebut khusus untuk dipakai di forum2 seperti kaskus. Di website forum, kode HTML tidak bisa ditulis karena akan bentrok dengan kode HTML dari forumnya. Karena itulah dibuat kode2 khusus yang berfungsi untuk menformat tampilan teks, seperti membuat huruf tebal, membuat link, dll.
BB Code ini hanya bisa digunakan di dalam web berbentuk forum mas, kalau di blog/website biasa, tidak akan jalan. Admin forum juga bisa mengatur apakah mau mengaktifkan kode ini atau tidak. Daftar kode2nya bisa dilihat di http://www.bbcode.org/reference.php
hay mas andre saya masih pemula dalam pembuatan design web saya ingin bertanya bagai mana cara membuat gambar web berkedip?
Mungkin maksudnya gambar yang ada animasinya y? kalau seperti ini, dibuat dari gambarnya gan (format .gif), mirip seperti gambar avatar bergerak yang ada di forum2 seperti kaskus. Gambar .gif ini bisa dibuat dengan aplikasi pengolah gambar seperti photoshop.
Tapi jika yang dimaksud adalah animasi untuk gambar apapun (gambarnya berformat .jpg) bisa menggunakan animasi CSS. Tutorial animasi dengan CSS untuk saat ini baru saya buat di buku CSS Uncover, karena penjelasannya cukup panjang :)
Salam. Sudah di coba mas, dan berasil di terapkan, Baru belajar ni, Mohon Bimbingannya.
Lanjut mas.. :)
Belajar HTML sebenarnya tidak sulit. Saya pernah ketika awal mengenai internet. Tetapi, itu sudah lama sekali dan saya tidak pernah belajar HTML lagi. Kok, seperti sulit. Kalau lihat -kodekode HTML, saya langsung pindah. Moga-moga dengan baca artikel ini, saya tertarik untuk belajar kodel HTML. Ya, menarik karena dari kode-kode bisa berubah jadi tulisan indah, gambar menarik, dsb.
Betul mas, pada dasarnya HTML tidak begitu sulit, cuma perlu paham tag apa, fungsinya apa. Yang jadi agak menantang adalah menyatukan HTML dengan bahasa pemrograman web lain seperti CSS, PHP, dan JavaScript :)
Mas mau tanya. Kan aku mau bukak aplikasi photoshop langsung melalui link yang tertera, tapi setelah aku masukin kode <file bla bla> malah ngedonlod. Bukan langsung kebuka ke aplikasi photoshopnya. Gimana yah mas? Mohon bantuannya.
Itu tergantung konfigurasi web browsernya. Sama seperti file PDF, di beberapa web browser langsung tampil, tapi ada juga yang muncul menu download. Jadi g berhubungan dengan HTML :)
Terima kasih gan, sekarang saya sudah bisa membuat web sederhana dari HTML nih :)
Lanjut gan.. :)