Bagaimanakah kita memasukkan sauh dalam HTML?-html tutorial-php.cn

Bagaimanakah kita memasukkan sauh dalam HTML?

WBOY

Lepaskan： 2023-08-31 15:21:06

ke hadapan

859 orang telah melayarinya

Bagaimanakah kita memasukkan sauh dalam HTML?

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!