Skip to main content

4. Add a "Contact Me" Button on the Navigation Bar

Button tidak hanya bisa digunakan pada sebuah formulir, button juga bisa kita gunakan tanpa formulir. Hanya saja kita mengubah nilai properti type pada Button menjadi bertipekan button. Selain mengubah properti type, kita juga akan menambahkan sebuah tag anchor agar nantinya button bisa diklik dan mengarahkan ke halaman lainnya. Tag anchor merupakan sebuah tag yang dapat menampung hypertext link.

Contoh code

index.html
<!DOCTYPE html>
<head>
<title>Navigation Bar</title>
</head>
<body>
<nav>
<div>
<img src="assets/logo.png" />
<ul>
<li>
<a href=""> Home </a>
</li>
<li>
<a href="">Blog</a>
</li>
</ul>
</div>
<div>
<a href="">
Contact Me
<a>
</div>
</nav>
</body>
</html>
image-3-2