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 halman HTML, dihentikan ada nilai dari atribut id yang sama, namun setiap tag HTML tidak harus memakai atribut id. Berikut ini adlah teladan 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 mencar ilmu 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 mencar ilmu perihal 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 jikalau di buka di broser, itu alasannya tag id hnya sebagai identitas sebuah tag HTML yang akan di panggil identitasnya dengan memakai CSS dan JavaScript.Trik Membuat Link Yang Akan Mengarah ke Bagian Lain Halman HTML Yang Sama
Selain di gunakan untk pemangilan identitas sebuah tag dengan CSS dan JavaScript, atributid juga di gunakan untk mengarahkan ke bab lain halman 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 untk menuju tag <h1> yang kedua dengan cepat kita sanggup memakai link yang akan memindahkan jendela broser 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 mencar ilmu 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 mencar ilmu perihal 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 teladan 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 setips otomatis Anda akan di arahkan ke atribut
id="judul-kedua" ialah 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" ialah Saya Sedang Belajar HTML.
Syarat semoga link sanggup berfungsi dengan baik ialah 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 untk mengarahkan ke bab lain pada halman yang sama, kita juga sanggup mengarahkan ke bab lain pada halman yang berbeda.
Trik Membuat Link Yang Akan Mengarah ke Bagian Lain Halman 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 mencar ilmu HTML di blog .</p> <p>Lanjut ke judul kedua pada halman <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 mencar ilmu perihal 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 broser, kemudian klik teks Main HTML. Maka Anda akan eksklusif di arahkan ke halman Main HTML sempurna pada bab tag
<h1> yang kedua ialah Terimakasih.
Begitulah Trik Membuat Link Yang Akan Mengarah ke Bagian Lain Halman HTML. Semoga klarifikasi dari Saya bermanfaat untk Anda yang gres mencar ilmu HTML. Sumber https://mas-abdi.blogspot.com/
No comments:
Post a Comment