Cara Menciptakan Link Yang Akan Mengarah Ke Bab Lain Halaman Html
Sunday, February 14, 2016
Add Comment
Jika sebelumnya kita telah mempelajari Cara Membuat Link di HTML, kini pada artikel kali ini kita akan mempelajari Cara Membuat Link Yang Akan Mengarah ke Bagian Lain Halaman HTML dengan memakai atribut
Mengenal Atribut
Atribut
Atribut
Misalnya kita mempunyai 2 buah tag
Contoh arahan lengkapnya mirip di bawah ini, pastikan Anda menyimpan filenya dengan nama Belajar HTML.html :
Dalam referensi arahan di atas Saya sengaja menciptakan banyak tag
Maka secara otomatis Anda akan di arahkan ke atribut
Syarat semoga link sanggup berfungsi dengan baik yaitu di dalam tag
Selain untuk mengarahkan ke bab lain pada halaman yang sama, kita juga sanggup mengarahkan ke bab lain pada halaman yang berbeda.
Jika sudah di ketik kodenya, silahkan simpan, kemudian buatlah sebuah file gres dengan nama Main HTML.html, pastikan Anda menyimpan filenya di folder yang sama dengan file Belajar HTML.html. Jika sudah silahkan ketikan arahan di bawah ini di file Main HTML.html :
Silahkan simpan, kemudian buka file Belajar HTML.html di browser, kemudian klik teks Main HTML. Maka Anda akan pribadi di arahkan ke halaman Main HTML sempurna pada bab tag
Begitulah Cara Membuat Link Yang Akan Mengarah ke Bagian Lain Halaman HTML. Semoga klarifikasi dari Saya bermanfaat untuk Anda yang gres berguru HTML.
id. Mengenal Atribut id di HTML
Atribut id sanggup di gunakan pada tag HTML apapun. Atribut id sanggup di ibaratkan sebagai identitas dari sebuah tag HTML. Di dalam sebuah halaman HTML, dihentikan ada nilai dari atribut id yang sama, namun setiap tag HTML tidak harus memakai atribut id. Berikut ini yakni referensi yang benar dalam penulisan atribut id di tag HTML :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> <meta charset="utf-8"/> </head> <body> <h1 id="judul-pertama">Saya Sedang Belajar HTML</h1> <p id="paragraf1">Kali ini Saya sedang berguru HTML di blog .</p> <img id="logo-abdi" src="Abdi.png"/> <h1 id="judul-kedua">Mari Belajar HTML</h1> <p id="paragraf2">Nah, bagi Anda yang ingin berguru ihwal HTML silahkan kunjungi alamat <a href="https://mas-abdi.blogspot.com">https://mas-abdi.blogspot.com</a>.</p> </body> </html>Atribut
id tidak mempunyai tampilan apa-apa kalau di buka di browser, itu alasannya yakni tag id hanya sebagai identitas sebuah tag HTML yang akan di panggil identitasnya dengan memakai CSS dan JavaScript.Cara Membuat Link Yang Akan Mengarah ke Bagian Lain Halaman HTML Yang Sama
Selain di gunakan untuk pemangilan identitas sebuah tag dengan CSS dan JavaScript, atributid juga di gunakan untuk mengarahkan ke bab lain halaman HTML yang sama.Misalnya kita mempunyai 2 buah tag
<h1> yang letaknya berjauhan, tag <h1> yang pertama mempunyai atribut id="judul-pertama" dan tag <h1> yang kedua mempunyai atribut id="judul-kedua" semoga gampang untuk menuju tag <h1> yang kedua dengan cepat kita sanggup memakai link yang akan memindahkan jendela browser ke bab atribut id="judul-kedua", dengan menuliskan arahan link HTML di bawah ini :<p>Lanjut ke <a href="#judul-kedua">judul kedua</a></p>Contoh arahan lengkapnya mirip di bawah ini, pastikan Anda menyimpan filenya dengan nama Belajar HTML.html :
<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> <meta charset="utf-8"/> </head> <body> <h1 id="judul-pertama">Saya Sedang Belajar HTML</h1> <p>Kali ini Saya sedang berguru HTML di blog .</p> <p>Lanjut ke <a href="#judul-kedua">judul kedua</a></p> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <h1 id="judul-kedua">Mari Belajar HTML</h1> <p>Nah, bagi Anda yang ingin berguru ihwal HTML silahkan kunjungi alamat <a href="https://mas-abdi.blogspot.com">https://mas-abdi.blogspot.com</a>.</p> <p>Lanjut ke <a href="#judul-pertama">judul pertama</a></p> </body> </html>
Dalam referensi arahan di atas Saya sengaja menciptakan banyak tag
<br/> supaya tag <h1> yang kedua tidak terlalu berdekatan dengan tag <h1> yang pertama. Silahkan Anda klik teks judul kedua.
Maka secara otomatis Anda akan di arahkan ke atribut
id="judul-kedua" yaitu Mari Belajar HTML dengan sangat cepat tanpa harus men-scroll. Silahkan Anda klik judul pertama maka Anda akan kembali lagi ke atribut id="judul-pertama" yaitu Saya Sedang Belajar HTML.
Syarat semoga link sanggup berfungsi dengan baik yaitu di dalam tag
<a> terdapat atribut href="#judul-kedua" dan terdapat tag HTML mirip tag <h1> yang mempunyai atribut id="judul-kedua". Perhatikan juga bahwa nilai dari atribut href, kita memakai tanda "#" di awal sebelum nilai dari atribut id di tulis.Selain untuk mengarahkan ke bab lain pada halaman yang sama, kita juga sanggup mengarahkan ke bab lain pada halaman yang berbeda.
Cara Membuat Link Yang Akan Mengarah ke Bagian Lain Halaman HTML Yang Berbeda
Silahkan buka file Belajar HTML.html di text editor yang sebelumnya kita buat tadi kemudian ketikan arahan di bawah ini :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> <meta charset="utf-8"/> </head> <body> <h1 id="judul-pertama">Saya Sedang Belajar HTML</h1> <p>Kali ini Saya sedang berguru HTML di blog .</p> <p>Lanjut ke judul kedua pada halaman <a href="Main HTML.html#judul-kedua">Main HTML</a></p> </body> </html>Jika sudah di ketik kodenya, silahkan simpan, kemudian buatlah sebuah file gres dengan nama Main HTML.html, pastikan Anda menyimpan filenya di folder yang sama dengan file Belajar HTML.html. Jika sudah silahkan ketikan arahan di bawah ini di file Main HTML.html :
<!DOCTYPE html> <html> <head> <title>Main HTML</title> <meta charset="utf-8"/> </head> <body> <h1 id="judul-pertama">Mari Belajar HTML</h1> <p>Nah, bagi Anda yang ingin berguru ihwal HTML silahkan kunjungi alamat <a href="https://mas-abdi.blogspot.com">https://mas-abdi.blogspot.com</a>.</p> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <a id="judul-kedua"><h1>Terimakasih</h1><a> <p>Terimakasih telah mengunjungi blog .</p> </body> </html>
Silahkan simpan, kemudian buka file Belajar HTML.html di browser, kemudian klik teks Main HTML. Maka Anda akan pribadi di arahkan ke halaman Main HTML sempurna pada bab tag
<h1> yang kedua yaitu Terimakasih.
Begitulah Cara Membuat Link Yang Akan Mengarah ke Bagian Lain Halaman HTML. Semoga klarifikasi dari Saya bermanfaat untuk Anda yang gres berguru HTML.
0 Response to "Cara Menciptakan Link Yang Akan Mengarah Ke Bab Lain Halaman Html"
Post a Comment