Teks Formating dan Link di HTML
Teks yang terformat akan lebih mudah dibaca, karena ada penegasan seperti teks tebal, miring, dan garis bawah. Saat kita mencari kata atau kalimat penting.. mata kita akan lebih mudah menemukannya pada teks yang terformat dibandingkan plain text.
Link atau Hyperlink adalah elemen HTML yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain. Elemen ini bisa diklik dan nanti akan membuka halaman lain sesui alamat URL yang diberikan.
Tidak hanya untuk menghubungkan halaman, link juga punya fungsi lain seperti scroll top, download file, menjalankan fungsi javascript, dll.
Link pada HTML dapa dibuat dengan tag<a>, kemudian tag ini harus memiliki atributhrefuntuk menentukan alamat URL tujuan dari link.
Internal link biasanya digunakan untuk menghubungkan halaman yang satu dengan yang lainnya dalam satu website atau domain.Sementara untuk eksternal link, digunakan untuk membuka web atau domain lain. Misalnya seperti: membuka halaman facebook, membuka chat whatsapp, membuka youtube, dan sebagainya.
Contoh:
<!DOCTYPE html> <!-- ini tag untuk menentukan type dokumen -->
<html lang="en">
<head>
<title>Iseng HTML </title>
<!-- tag title berfungsi untuk membuat judul web dan akan ditampilkan
pada title bar di browser -->
</head>
<body>
<h1 syle="text-transform: capitalize;">PEMULA HTML</h1>
<!--
tag <h1> adalah tag untuk membuat heading
-->
<p>
<img src="stiker.png" width="300" height="300" />
</p>
<hr />
<p>
<a href='https://17avrilmaulanafahrizi.blogspot.com/' target='_blank'>BLOGGER </a> |
<a href='https://www.facebook.com/avrilmaulana.fahrizi' target='_blank'>FACEBOOK</a> |
<a href='https://instagram.com/avrlmf?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D' target='_blank'>>INSTAGRAM</a>
</p>
<p>
<u>Selamat datang di websiteku.</u> Coba klik menu di atas,
maka kamu akan membuka halaman yang berbeda. Semua
link di atas akan memperlihatkannya <mark style="background-color:yellow;">jan lupa klik dan follow.</mark>
tag <p> adalah tag untuk membuat paragraf <b> adalah tag untuk mengganti teks menjadi bold
<i> adalah tag untuk mengganti teks menjadi italic <u> dalah tag untuk mengganti teks menjadi garis bawah
-->
<body>
<h1>Selamat Datang</h1>
<p>
<a href="index.html" >Home</a> |
<a href="contact.html" >Contact</a> |
<a href="about.html" >About</a>
</p>
<hr>
<p>
Selamat datang di websiteku. Coba klik menu di atas,
maka kamu akan membuka halaman yang berbeda. Semua
link di atas adalah internal link.
</p>
<div>Sekian Dari Saya Terimakasih</div>
</body>
</p>
</body>
</html>
Hasil Dari Contoh di atas:
Komentar
Posting Komentar