Pada postingan kali ini,kita akan membuat satu website dimana website ini memiliki tab Home,Program,dan About Us.Selamat membaca !
Pertama-tama buka Notepad++,kemudian buatlah 4 file HTML yaitu MembuatLink,Home,Program dan About Us.Buatlah terlebih dahulu satu folder baru untuk menyimpan keempat file tersebut dalam satu folder.Lihat contoh di bawah :
HOME
Untuk file home ,silahkan ketikkan script berikut dan simpan dengan bentuk home.html.
<!DOCTYPE HTML>
<html>
<head>
<title>HOME</title>
</head>
<body>
<p>Learn to code is amazing because,if you can told the computer to do whatever you want,dont you think it's magnificent?</p>
</body>
</html>
PROGRAM
Untuk file Program,silahkan ketikkan script berikut, simpan dengan nama program.html.
<!DOCTYPE HTML>
<html>
<head>
<title>PROGRAM</title>
</head>
<body>
<p>Our Web provides many programming language,check it out !</p>
<ul>
<li>HTML & CSS</li>
<li>Visual Basic</li>
<li>C#</li>
<li>Java Programming</li>
</ul>
</body>
</html>
ABOUT US
Untuk file About Us,silahkan ketikkan script berikut dan simpan dengan aboutus.html.
<!DOCTYPE HTML>
<html>
<head>
<title>ABOUT US</title>
</head>
<body>
<p>Contact Person : 081242994000</p>
<p><address>Jl.Adonia 2 Perumahan Rafflesia Tanjung Bunga Makassar</address></p>
</body>
</html>
WEB UTAMA
Untuk membuat web utamanya,silahkan ketikkan script berikut dan save dengan membuatlink.html :
<!DOCTYPE HTML>
<html>
<head>
<title>Membuat Link</title>
</head>
<body>
<h1>Code Programmer</h1>
<div>
<a href="home.html">HOME</a>
<a href="program.html">COURSE</a>
<a href="aboutus.html">ABOUT US</a>
</div>
<p>Welcome to the World of Programming ! </p>
<p>Everyone Should learn how to code!</p>
<h2>FIND US</h2>
<p><address>Jl.Adonia 2 Perumahan Rafflesia Tanjung Bunga Makassar</address></p>
<p><a href="http://maps.google.com">Find Us On Google !</a></p>
</body>
</html>
Ingat,simpan semua file di satu folder yang sama agar tidak perlu menetapkan URL yang utuh.Dan silahkan dilihat hasilnya !Kita sudah membuat link internal : home,program dan about us.Sedangkan untuk link eksternal : google maps.Lihat Contoh di bawah dan silahkan klik link-link yang sudah kita buat tadi.
Sekian postingan mengenai cara pembuatan link internal dan eksternal,jika ada yang kurang jelas,bisa ditanyakan di kolom komentar dan semoga postingan ini dapat berguna bagi teman-teman yang membutuhkan ^ ^.Terima Kasih !
Comments
Post a Comment