การเชื่อมโยงข้อมูลบนโฮมเพจ 

 

การเชื่อมโยงข้อมูล ถูกกำหนดขึ้นด้วยชุดคำสั่ง A (Anchor) การแทรกชุดคำสั่ง A จะเป็นการแจ้งให้ browser ทราบว่าส่วนดังกล่าว เป็นจุดเชื่อมโยงข้อมูล ชุดคำสั่ง A จะต้องใช้ร่วมกับ HREF หรือ NAME เสมอ โดย

 

จะใช้เพื่อบอกว่าจะเชื่อมต่อไปที่ใด
ทำหน้าที่เป็นตำแหน่งอ้างถึงบนเอกสาร

โครงสร้างของ HTML จะเป็นดังนี้

สิ่งที่ถูกกำหนดให้เป็น link

นอกจากนี้แล้ว ยังมีองค์ประกอบเพิ่มเติม ดังนี้

  1. สิ่งที่อยู่ระหว่างชุดคำสั่ง .... คือ สิ่งที่จะถูกกำหนดให้เป็น link ซึ่งเป็นได้ทั้งข้อความ และรูปภาพ หากมีการระบุให้เป็น link แล้ว เมื่อนำเมาส์ไปชี้บน link นั้น สัญลักษณ์เมาส์จะเปลี่ยนเป็นรูปมือชี้ หากจุด link เป็นข้อความ ก็จะเห็นข้อความมีขีดเส้นใต้ด้วย
  2. .... ใช้สำหรับ link ข้อความภายในหน้าเดียวกัน ซึ่งเป็น หน้าที่มีข้อความมากๆ เมื่อ click ที่ link แล้วก็จะพาเราไปยังตำแหน่งที่ตั้งไว้ในหน้าเดียวกันทันที โดยใช้ .... เป็นตัวกำหนดตำแหน่งเป้าหมาย
  3. .... ใช้สำหรับ link ไปที่ file name นั้น ซึ่งถ้าหากไฟล์นั้น อยู่ภายใน directory เดียวกันก็สามารถที่จะระบุชื่อไฟล์ได้เลย แต่ถ้าหากว่าไฟล์นั้นอยู่คนละ directory ก็ใช้เครื่องหมาย / (Slash) แทนการอ้างอิง directory ในระดับที่สูงกว่า และ ../ ใน directory ระดับที่ต่ำกว่า
  4. .... ใช้สำหรับ link ข้อความที่อยู่คนละหน้า
  5. ..... ใช้สำหรับ link ไปที่ web site อื่น โดยมีรูปแบบ การใช้งานดังนี้
    แบบนี้จะเชื่อมโยงไปยัง web site ตามที่ระบุ
    แบบนี้จะเชื่อมโยงไปยัง ftp server โดยทั่วไปมักจะเป็นจุด download ไฟล์ต่างๆ หากเป็น ftp site ที่เป็นสาธารณะ ก็จะสามารถเข้าไปดูหรือเลือกไฟล์ได้เลย แต่ถ้าเป็น Private FTP site จะต้องระบุ user name และ password ด้วย รูปแบบของ URL จะเปลี่ยนเป็นดังนี้
    แบบนี้จะเชื่อมโยงไปยัง gopher server
    แบบนี้จะโหลดโปรแกรม e-mail และระบุชื่อผู้รับตามที่ระบุ

     

  6. เป็นการกำหนดให้รูปภาพเป็น จุดเชื่อมโยงข้อมูล
  7. TARGET คือ การระบุว่าจะให้แสดงเอกสารใหม่ที่เชื่อมถึง บนเฟรมใด หรือหน้าต่างใด TARGET มีประโยชน์ในกรณีที่มีการใช้เฟรม หรือมีการเปิด browser หลายหน้าต่าง และมี reserve name ที่ควรทราบดังนี้
    TARGET="_blank" หมายถึง จะแสดง web page บนหน้าต่างที่เปิดขึ้นใหม่เสมอ
    TARGET="_self" หมายถึง จะแสดง web page บนหน้าต่างเดิมเสมอ
    TARGET="_parent" หมายถึง จะแสดง web page บนหน้าต่างที่อยู่ระดับเหนือขึ้นไปหนึ่งระดับ
    TARGET="_top" หมายถึง จะแสดง web page บนหน้าต่างที่อยู่ระดับบนสุด

edit @ 16 Aug 2009 11:03:20 by Admin™

edit @ 16 Aug 2009 11:04:00 by Admin™

edit @ 16 Aug 2009 11:05:42 by Admin™

edit @ 16 Aug 2009 11:07:15 by Admin™

Comment

Comment:

Tweet

<html>
<head>
<title>ต้มยำกุ้ง </title>
</head>
<>
<body bgcolor = "pink">
<br><body><b><font color = "Chartreuse">ต้มยำกุ้ง </font></b>
<br><u><font color = "green">เครื่องปรุง</font></u>
<br><font color = "blue">กุ้ง 7-8 ตัวเห็ด 350 กรัมตะไคร้ 1 ต้นใบมะกรูด 7-8 ใบผักชี 2 ต้นพริกสด 5 เม็ดซีอิ้วขาว (หรือน้ำปลา) 3 ช้อนโต๊ะน้ำพริกเผา 2 ช้อนโต๊ะน้ำมะนาว 4 ช้อนโต๊ะน้ำซุปไก่ 5 ถ้วย</font>
<br><font color = "green"><u>วิธีทำ</font> </u>
<br><font color = "Yellow">1. นำกุ้งและเห็ดมาล้างให้สะอาด ปลอกเปลือกกุ้ง ผ่าหลังเอาเส้นดำออก ส่วนเห็ดนำมาผ่าเป็น 4 ส่วน
<br>2. นำตะไคร้ ใบมะกรูด พริกสด และผักชีมาล้างน้ำให้สะอาด สะเด็ดน้ำแล้วหั่นตะไคร้เฉียงๆ ฉีกใบมะกรูดเอาเส้นกลางใบออก ทุบพริกแล้วหั่นเป็นท่อน ส่วนผักชีนำมาหั่นหยาบๆ
<br>3. เปิดเตาที่ไฟแรงปานกลาง นำน้ำซุปใส่หม้อ รอจนเดือดจึงใส่ตะไคร้และใบมะกรูดลงไป เคี่ยวไปประมาณ 5 นาที
<br>4. ใส่เห็ดและกุ้งลงไป รอจนเดือดประมาณ 2-3 นาทีจึงปิดเตา
<br>5. ปรุงรสด้วยเครื่องปรุงต่างๆ คือซีอิ้วขาว (หรือน้ำปลา) น้ำมะนาว น้ำพริกเผา และพริกทุบ ชิมรสตามชอบ ใส่ผักชีโรยหน้า คนให้เข้ากัน
<br>6. ตักต้มยำกุ้งใส่ถ้วย จากนั้นก็ยกเสิร์ฟได้เลย</font>
</body>
</html>
big smile open-mounthed smile confused smile sad smile angry smile tongue question embarrassed surprised smile wink double wink cry sad smile sad smile sad smile sad smile

#7 By ew (210.1.31.28) on 2011-09-29 20:21

รักเทอมั๊กมาย !surprised smile

#6 By ploy (118.175.86.33) on 2010-12-22 09:27

#5 By chin011 (110.164.40.223) on 2010-10-05 09:25

#3 By chin011 (110.164.40.223) on 2010-10-05 09:25

#3 By chin011 (110.164.40.223) on 2010-10-05 09:25

สุดยอดครับ

#2 By BUY LOWEST PRICE (125.26.64.151) on 2010-09-20 17:45

R2s66c <a href="http://bdlsrukkoqbf.com/">bdlsrukkoqbf</a>, [url=http://lnluvpzizdgg.com/]lnluvpzizdgg[/url], [link=http://muoxryrfmfkj.com/]muoxryrfmfkj[/link], http://vnlrbyqntoqt.com/

#1 By EXrlmBDQuZ (213.5.69.213) on 2010-08-04 02:59