ทำได้แล้วง่ายนิดเดียว

เริ่มต้นกับการสร้าง Web Page!!!
Lesson 4

มาเรียนรู้กันต่อเกี่ยวกับการ Link.

และนี่คือตัวอย่างเกี่ยวกับการ Link ไปที่ Thai-HTML : Software & Programming.

<BODY BGCOLOR="#FFFFFF">
Go to Thai-HTML
</BODY>

Go to Thai-HTML

ต่อไปเพิ่มส่วนที่จะ Link ใน Anchor tags.

<BODY BGCOLOR="#FFFFFF">
Go to <A>Thai-HTML</A>
</BODY>

Go to Thai-HTML

ใส่ URL (Universal Resource Locator). ที่ต้องการจะ Link ไปหา ... URL ก็คล้ายกับที่อยู่ สำหรับรูปแบบการกำหนด Link นั้น
เป็นอย่างนี้ คือ <A HREF="ชื่อ URL ที่ต้องการจะไป">ข้อความที่ใช้เป็นตัว Link</A>

<BODY BGCOLOR="#FFFFFF">
Go to <A HREF="http://thaihtml.hypermart.net">Thai-HTML</A>
</BODY>

Go to Thai-HTML

Link Link Link
Go to Thai-HTML
Go to Pook1998-CGI by Perl

สร้าง Link เพื่อให้ส่ง E-Mail

<BODY BGCOLOR="#FFFFFF">
Mail to Me : <A HREF="mailto:pakawatk@hotmail.com">pakawatk@hotmail.com</A>
</BODY>

Mail to Me wirat_n@yahoo.com

เราสามารถสร้าง Link จากรูปภาพของเราได้ตามที่เราต้องการ โดยใช้ <IMG> Tags เป็นตัว Link แทนข้อความ

<BODY BGCOLOR="#FFFFFF">
Go to <A HREF="http://thaihtml.hypermart.net"><IMG SRC="copper.gif" WIDTH=82 HEIGHT=68></A>
</BODY>

Go to

จากภาพข้างบนจะเห็นว่า รูปภาพที่เราสั่งให้ Link นั้นมีเส้นสีน้ำเงินล้อมรอบ ถ้าเราไม่ต้องการให้เส้นนี้ปรากฏเราจะต้อง
เพิ่ม BORDER = 0 เข้าไปเพื่อเป็นการบอกว่าไม่ต้องแสดงเส้นขอบ

<BODY BGCOLOR="#FFFFFF">
Go to <A HREF="http://thaihtml.hypermart.net"><IMG SRC="pic/copper.gif" WIDTH=82 HEIGHT=68 BORDER=0></A>
</BODY>

Go to

สำหรับการ Link ไปยัง File เอกสาร HTML ใน Web Page ของเรานั้นเราจะใช้รูปแบบดังนี้

<BODY BGCOLOR="#FFFFFF">
Click <A HREF="lesson1.html">here</A> to Lesson 1.
</BODY>

Click here to Lesson 1.

เป็นอย่างไรบ้างครับการ Link ไปยังที่ต่างๆ คงจะทำกันได้นะ ต่อไปจะได้เรียนรู้เกี่ยวกับ List และเส้นกั้นกันครับ

< - - BACK NEXT - - >
หน้าแรก

Lesson1

Lesson2

Lesson3

Lesson4

Lesson5

Lesson6