Rumah > Artikel > hujung hadapan web > Bagaimanakah kita memasukkan sauh dalam HTML?
Bagaimanakah kita memasukkan sauh dalam HTML?
- WBOYke hadapan
- 2023-08-31 15:21:06878semak imbas
Dalam artikel ini, kami akan melaksanakan tugas bagaimana untuk memasukkan sauh dalam HTML. Mari selami artikel ini untuk memahami sauh dalam HTML.
Elemen sauh digunakan untuk memautkan sauh sumber kepada sauh sasaran. Sasaran ialah sumber yang mana sauh sumber disambungkan, manakala sumber ialah teks, imej atau butang yang menghala ke tapak lain.
Hiperpautan adalah salah satu teknologi utama yang menjadikan Internet sebagai lebuh raya maklumat.
Untuk lebih memahami cara memasukkan sauh dalam HTML, mari lihat contoh berikut
Contoh 1
Dalam contoh di bawah, kami akan membuat pautan Jump Anchor.
<!DOCTYPE html>
<html>
<head>
<style>
.main-content {
height: 90vh;
text-align: justify;
}
</style>
</head>
<body>
<h2 id="tutorials">Tutorials Point</h2>
<p class="main-content">
Tutorials Point originated from the idea that there exists a class of readers who
respond better to online content and prefer to learn new skills at their own pace
from the comforts of their drawing rooms.The journey commenced with a single tutorial
on HTML in 2006 and elated by the response it generated, we worked our way to adding
fresh tutorials to our repository which now proudly flaunts a wealth of tutorials and
allied articles on topics ranging from programming languages to web designing to academics
and much more.</p>
<p>Click To
<a href="#tutorials">Jump</a>.
</p>
</body>
</html>
Apabila skrip di atas dijalankan, tetingkap output muncul menunjukkan teks yang digunakan dalam skrip di atas bersama-sama dengan tag anchor yang disebut "Click to Jump" yang membolehkan pengguna melompat ke permulaan halaman apabila ditekan.
Contoh 2
Memandangkan senario berikut, kami sedang mencipta contoh memaut ke sauh dari halaman web lain.
<!DOCTYPE html>
<html>
<body>
<h2 id="Tutorials">TutorialsPoint</h2>
<p>Tutorials Point originated from the idea that there exists a class of readers
who respond better to online content and preferto learn new skills at their own
place from the comforts of their drawing rooms.</p>
<p>
<a href="https://www.tutorialspoint.com/market/index.asp">Go To The Course Page.</a>
</p>
<p>
<a href="https://www.tutorialspoint.com/latest/ebooks">Search For Ebooks.</a>
</p>
</body>
</html>
Apabila skrip dilaksanakan, ia akan menghasilkan output yang menunjukkan teks yang digunakan dalam skrip di atas dan pautan yang dilampirkan pada halaman web menggunakan tag anchor. Apabila pengguna mengklik pada pautan, ia membuka halaman baharu.
Contoh 3: Menggunakan JavaScript
Lihat contoh di bawah di mana kami akan membuat pautan ke javascript.
<!DOCTYPE html>
<html>
<body>
<a href="javascript:alert('Welcome To TutorialsPoint!');">Click To Execute</a>
</body>
</html>
Apabila skrip yang diberikan dilaksanakan, ia akan memberikan output yang merangkumi pautan yang diletakkan pada halaman web menggunakan sauh dengan teks "Klik untuk Melaksanakan".
Jika pengguna mengklik pada pautan, skrip akan dicetuskan dan amaran "Selamat Datang ke Tutorial Point" dipaparkan.
Atas ialah kandungan terperinci Bagaimanakah kita memasukkan sauh dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!