วันอังคารที่ 8 เมษายน พ.ศ. 2557

โค๊ดทำลิงค์ด้วยภาพ



1. ลิงค์ข้อความ คลิกแล้วเปลี่ยนหน้า ไปสู่่เพจที่เราต้องการ



Code<a href="ลิงค์เวปหรือลิงค์ไดอารี่">พิมพ์ข้อความ </a>



2.ดำพระราม2 am i  D2's AL.


Code<a href="ลิงค์เวปหรือลิงค์ไดอารี่" target="_blank"> พิมพ์ข้อความ </a>




3. ลิงค์รูปภาพ เมื่อคลิก จะเปลี่ยนหน้าจากภาพนี้เลย



Code<a href="ลิงค์เวปหรือลิงค์ไดอารี่"><img src="url ภาพ "</a>





4. ลิงค์รูปภาพ เมื่อคลิกแล้วจะขึ้นหน้าใหม่ ให้อีกหน้า



Code<a href="ลิงค์เวปหรือลิงค์ไดอารี่" target="_blank"><img src="url ภาพ"</a>








1. ใส่รูปภาพอย่างเดียว



<img src="XXX" "border=0">







2. ใส่รูปภาพพร้อมคำพูด

เมื่อนำเม้าส์ไปวางบนรูปจะมีข้อความปรากฎขึ้น



<img src="XXX" alt="ข้อความ">







3. ถ้าต้องการจัดตำแหน่งจัดกลางให้กับรูปภาพ

ให้ใส่คำสั่ง <center>.......</center> คร่อมลงไป



<center><img src="XXX" border=0></center>







4. ถ้าต้องการกำหนดความสูง และ กว้างของภาพ

ให้ใส่คำสั่งกำกับเพิ่ม



<img src=XXX border= XX height=XX width= XX>





คำอธิบาย



XXX แทนที่ด้วย url ของภาพ

ข้อความ = ข้อความที่ต้องการทำเป็นตัวเชื่อมโยง

border=XX ขนาดขอบของรูปภาพ แทนที่ด้วยตัวเลข

height=XX ความสูงของภาพ แทนที่ด้วยตัวเลข

width=XX ความกว้างของภาพ แทนที่ด้วยตัวเลข

(ถ้าไม่กำหนดหน่วยจะถือเป็น pixel)



ขนาดพิกเซลของภาพสามารถดูได้จากการคลิ๊กขวาที่ภาพ

แล้วเลือก Properties เหมือนตอนเราดู url ของภาพน่ะค่ะ

จะมี Size บอกขนาด(ความจุ)ของภาพ เป็น kb.



และ Dimensions บอกขนาดของภาพเป็นพิกเซลด้วย เช่น กว้าง X สูง pixels







Link : การใส่การเชื่อมโยงเพื่อลิงค์ไปยังเว็บอื่น ๆ

Code สร้างการเชื่อมโยง หรือ ลิงค์


1. สร้างลิงค์ด้วยข้อความ

<a href="http://XXX...URLของลิงค์ที่ต้องการ">ข้อความ</a>

แทนที่ http://XXX...URLของลิงค์ที่ต้องการ ด้วย URL ของลิงค์ที่ต้องการเชื่อมโยง
ข้อความ = ข้อความที่ต้องการทำเป็นตัวเชื่อมโยง



2. สร้างลิงค์ด้วยรูปภาพ (Banner)
*** โค๊ตนี้ใช้ใส่ภาพแทนลิงค์ไปยัง Pantown ในลายเซ็นต์ของเว็บ MomyPedia ได้ค่ะ ***

<a href="http://XXX...URLของลิงค์ที่ต้องการ" target=_blank><img src=XXX border=0 height=XX width=XX alt="ข้อความ"></a>


คำอธิบาย
<a href=http://XXX... ...URLของลิงค์ที่ต้องการ ใส่ URL ของเว็บที่ต้องการเชื่อมโยง
target=_blank คำสั่งนี้ใส่เพื่อให้เปิดลิงค์ที่หน้าต่างใหม่
<img src=XXX แทนที่ด้วย url ของภาพ
height = XX ความสูงของภาพที่ต้องการ
width = XX ความกว้างขอภาพที่ต้องการ
border = XX ความกว้างของขอบภาพ
alt= ข้อความ เมื่อนำเม้าส์ไปวาง



3. Link สำหรับ ส่ง Email ถึงเจ้าบ้าน
ที่จริงหน้าเว็บก็มีแล้ว แต่ก็เอาไปเผื่อต้องการให้ส่งอีเมลล์ไปยังอีเมลล์อื่น ๆ ที่ไม่ได้ให้ข้อมูลไว้กับ Pantown

ลิงค์ส่งอีเมลล์ด้วยข้อความ
<a href="mailto:...email address...">ข้อความ</a>

หรือใส่รูป
<a href="mailto:...emaik address..."><img src="XXX...URLของภาพ"></a>

คำอธิบาย
email address แทนที่ด้วย Email ของเราค่ะ
<img src=XXX แทนที่ด้วย url ของภาพ
ข้อความ = แทนที่ด้วยข้อความที่ต้องการ
โดย: เจ้าบ้าน [11 มี.ค. 52 2:52] ( IP A:58.9.151.146 X: )


ความคิดเห็นที่ 4
   Code ลิงค์แบนเนอร์ สำเร็จรูป ...

== BBL ธ.กรุงเทพ ==
<a href=https://ibanking.bangkokbank.com/BiB/index.html target=_blank><img src=http://www3.pantown.com/data/32438/board9/41.gif></a>


== K-Bank ธ.กสิกรไทย ==
<a href=https://ebank.kasikornbank.com/kcyber/login_th.html target=_blank><img src=http://www3.pantown.com/data/32438/board9/41-20090912231206.gif></a>


== SCB ธ.ไทยพาณิชย์ ==
<a href=https://www.scbeasy.com/v1.4/site/presignon/index.asp target=_blank><img src=http://www3.pantown.com/data/32438/board9/41-20090912231215.gif></a>


== KTB ธ.กรุงไทย ==
<a href=https://www.ktbonline.ktb.co.th/ibhtdocs/th_firstpageconsumer.html target=_blank><img src=http://www3.pantown.com/data/32438/board9/41-20090912231225.gif></a>


== Bay ธ.กรุงศรีฯ ==
<a href=https://www.krungsrionline.com/cgi-bin/bvisapi.dll/krungsri_ib/login/login.jsp target=_blank><img src=http://www3.pantown.com/data/32438/board9/41-20090912231231.gif></a>


== MomyPedia ห้องเปิดท้ายขายของ ==
<a href=http://community.momypedia.com/webboard_forum.aspx?fid=9 target=_blank><img src=http://www3.pantown.com/data/32438/board9/41-20090912231346.gif alt=MomyPedia_เปิดท้ายขายของ></a>


== Google Thai ==
<a href=http://www.google.co.th target=blank><img src=http://www3.pantown.com/data/32438/board9/41-20090912231319.gif></a>


==Thailand Post ==
<a href=http://track.thailandpost.co.th/trackinternet/Default.aspx target=_blank> <img src=http://www3.pantown.com/data/32438/board9/41-20090912231327.gif border=0></a>

ไม่มีความคิดเห็น:

แสดงความคิดเห็น