Best Friend The Blog [ N . S . W ]

[ Jatmiko46 ] N [ Eky The Master ]

Cara Membuat Hyper Link Di HTML

Posted by Unknown Tuesday 17 February 2015 2 comments


Oke Kali ini SELEGEDE Akan Memberitahu tentang Cara Membuat Hyper Link Dan Farme Di HTML , Contoh Kali Ini adalah Bentuk Yang paing SEDERHANA 1 kolom ROWSPAN Dan 2 Kolom COLSPAN. .
Sebelum Kita Lanjut Perlu Di Ketahui Bentuk Umum Kode HTML untuk Frame
<FRAMESET ROWS="">
________________________
   <FRAMESET COLS="">
________________________
   </FRAMESET>
</FRAMESET>



Oke Lansung aja Ke Langkah2 Nya Bro . . Hehehe . . :-D

Buatlah 1 Folder Bernama “Frame” Folder Ini digunakan untuk menyimpan File Pendukung HTML Nya, Selanjutnya Buka Notepad dan Copy n Paste Kode Di Bawah ini . .



<HTML>                   
<BODY>
<BODY BGCOLOR="BLACK">
<IMG SRC="logo.png">
</BODY>
</HTML>

Buat Nama Filenya Atas.html dan Letakan Di folder Frame Setelah Itu Bukalah Maka Tampilannya Seperti Gambar di bawah ini . .



Bentuk Tampilan Atas.html






Kemudian Buat File Bernama Kiri.html Kemudian Copas Kode Di Bawah Ini . . 

<HTML>
<BODY>
<H1>Menu</H1>
<a href="selegede1.html" Target="isi" >Selegede 1</a><br>
<a href="selegede2.html" Target="isi" >Selegede 2</a><br>
<a href="selegede3.html" Target="isi" >Selegede 3</a><br>
</BODY>
</HTML>

Bentuk Tampilan Kiri.html



Kemudian Buat File Bernama Kanan.html Kemudian Copas Kode Di Bawah Ini . . 

<HTML>
<BODY>
<H1><P ALIGN="CENTER">WELCOME TO IN THE SELEGEDE</P></H1>
<H1><P ALIGN="CENTER">Thanks For Visit</P></H1>
</BODY>
</HTML>

Bentuk Tampilan Kanan.html



Kemudian Buat File Bernama selegede1.html , selegede2.html dan selegede3.html Kemudian Copas Kode Di Bawah Ini . .
 

SELEGEDE1.HTML


<HTML>
<BODY>             
<H1><P ALIGN="CENTER">Menu SELEGEDE 1(JATMIKO46)</P></H1>
</BODY>
</HTML>


SELEGEDE2.HTML


<HTML>
<BODY>
<H1><P ALIGN="CENTER">Menu SELEGEDE 2(JATMIKO46 IS THE BEST)</P></H1>
</BODY>
</HTML>


SELEGEDE3.HTML


<HTML>
<BODY>
<H1><P ALIGN="CENTER">Menu SELEGEDE 3(JATMIKO46 IS THE BEST THE KING OF SELEGEDE)</P></H1>
</BODY>
</HTML>



Tampilan-tampilannya . .
SELEGEDE1.HTML




SELEGEDE2.HTML


SELEGEDE3.HTML
 



Kemudian Buat File Bernama index.html Kemudian Copas Kode Di Bawah Ini . .

<HTML>
<HEAD><TITLE>JATMIKO46</TITLE></HEAD>
<FRAMESET ROWS="25%,*">
  <FRAME NAME="judul" SCROLLING="No" NORESIZE src="Atas.html">
  <FRAMESET COLS="25%,*">
    <FRAME NAME="menu" SRC="Kiri.html" SCROLLING="no">
    <FRAME NAME="isi" SRC="Kanan.html">
</FRAMESET></FRAMESET>
</FRAMESET>
</FRAMESET>
</HTML>
Bentuk Tampilan index.html . .


NB : INGEAT SEMUA FILE HARUS DALAM 1 FOLDER JIKA TIDAK DALAM 1 FOLDER MAKA AKAN MENAMPILKAN NOTRESPONDING
Mungkin Sekian Dulu TUTORIALNYA Semoga Bermanffat Untuk Anda Yang Mau mengalami UJIAN . .

2 comments:

Unknown said...

MANTAP GAN.tapi cara ngopy filenya gimana?

Unknown said...

ya tinggal di copas aja gan

Post a Comment

Total Pageviews