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 : 0812345678910</p>
<p><address>Jl.Test</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.Test</address></p>
<p><a href="http://maps.google.com">Find Us On Google !</a></p>
</body>
</html>
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