Link การเชือมโยง

        การเชื่อมโยงด้วย ลิงค์(Link)


  <a href="url">เขียนข้อความที่จะไป และตัวปิดคือ</a>
                          - url คือ ที่อยู่ของเอกสารภายในเว็บที่จะไป
                          - ลิงค์ภายในจะไม่มี http://www.ก็ได้ เช่น
                <html>
                     <body>
                          <a href="index.html">ไปยังหน้าแรก</a>
                          <a href="index.html2">ไปหน้า2"></a>
                    </body>
                </html>
   ผลการแสดง
  ไปยังหน้าแรก ไปหน้า 2
การเชื่อมโยงภายในหน้าเดียว
  การเชื่อมโยงแบบนี้จะเร็วมาก โดยกดปุ๊บไปปั๊บ url บนtitleจะไม่ลิงค์ให้เสียเวลา
     <a href="#ใส่จุดที่จะไป">เขียนข้อความที่จะไป และตัวปิดคือ</a> เช่น <a href="#ข้อที่1">ไปหัวข้อที่1</a>
     ลิงค์จุดที่เมื่อคลิกแล้วจะมาถึง คือ 
     <a name="จุดที่ตั้งที่จะมาถึง">เขียนข้อความที่จะมาถึง และตัวปิดคือ</a> เช่น
     <a name="ข้อที่1">นี่คือข้อที่ 1</a>จุดลิงค์ที่บ่งบอกที่ตั้ง ที่ไป จะต้องเหมือนกัน จะใช้ภาษาไทยก็ได้ เข้าใจยากดูภาพก็แล้วกันครับ
   
  ตัวอย่าง
   <html>
      <body>
           <a href="#ข้อที่1">ไปยังการเชื่อมโยงภายในเว็บ</a>    
           <a href="#ข้อที่2"> ไปยังการเชื่อมโยงภายในหน้าเดียว </a><br>
           <a href="#ข้อที่3">ไปยัง Link การเชื่อมโยงไปเว็บอื่น </a>
           <a name="ข้อที่1"> การ>เชื่อมโยงภายในเว็บ </a>                                                
           <a name="ข้อที่2"> การเชื่อมโยงภายในหน้าเดียว </a>
           <a name="ข้อที่3">  Link การเชื่อมโยงไปเว็บอื่น  </a>
      </body>
   </html>
  ไปยังการเชื่อมโยงภายในเว็บ ไปยังการเชื่อมโยงภายในหน้าไปยัง Link การเชื่อมโยงไปเว็บอื่น 

  ลิงค์ไปนอกเว็บจะต้องขึ้นต้นด้วย <a href="และปิดท้ายด้วย </a> เช่น<a href="http://www.urlชื่อเว็บที่จะไป">เขียนกำกับที่นี่เว็บที่จะไป และตัวปิดคือ</a> เช่น
      <a href="http://www.google.com">ไปที่google<="" span="">
      <a href="http://www.facebook.com">ไปที่facebook</a>
 
 ตัวอย่าง

  <html>
      <body>
           <a href="http://www.google.com">ไปที่google</a>      
           <a href="http://www.facebook.com">ไปที่facebook</a>
      </body>
  </html>ไปที่facebook</a><br>
    ผลที่ออกมา
   ไปที่google ไปที่facebook


ลิงค้เปิดหน้าใหม่
  ลิงค์เปิดหน้าใหม่คือ เมือคลิกแล้ว หน้าที่เราอ่านอยู่จะไม่เปลี่ยนแปลง แต่จะมีเพิ่มหน้าใหม่ขึ้นอีกหนึ่งหน้า คือหน้าที่เราได้คลิกไป target="_blank"> เช่น
    <a href="http://www.google.com" target="blank">ไปกูเก้น</a>เมื่อคลิกแล้วจะเปิดหน้าใหม่ โดยที่หน้าเก่าไม่เปลี่ยนแปลง ไม่ต้องเสียเวลาในหน้าเดียวที่ต้องย้อนไป ย้อนมา
<html>
      <body>
           <a href="http://www.google.com" target="blank">ไปที่google</a>      
           <a href="http://www.facebook.com" target="blank">ไปที่facebook</a>
      </body>
  </html>ไปที่facebook</a><br>
    ผลที่ออกมา
   ไปที่google ไปที่facebook

                                                                                                                                    ลิงค์รูปภาพ                                            
 การทำไม่ยาก เพียงแต่เราเปลี่ยน url ข้อความมาเบ็น url ของรูปภาพเท่านั้น เช่น
       ลิงค์ข้อความ <a href="http://www.google.com">ไปกูเก้ล</a>
       ลิงค์รูปภาพ <a href="http://www.google.com"><img src="ชื่อ.สกุล"></a>

  ตัวอย่าง
  <html>
     <body>
        <a href="http://www.google.com">ไปยังgoogle</a><br>
        <a href="http://www.google.com"><img src="google.jpg"></a>
     </body>
  </html>
  
  

                                                                                                                           ลิงค์เปลี่ยนสีมี 3 อย่างคือ
         <body link="ชื่อสี">ชื่อสีคือ รหัสสีหรือภาษาก็ได้(อังกฤษเท่านั้น)แท็กนี้เป็นคำสั่งเมื่อยังไม่ได้คลิกจะเป็นสีตามที่กำหนดไว้
         <body vlink="ชื่อสี">ชื่อสีคือรหัสสีหรือภาษาก็ได้(อังกฤษเท่านั้น)แท็กนี้เป็นแท็กคำสั่ง เมื่อคลิกแล้วจะเป็นสีตามกำหนดไว้
         <body alink="ชื่อสี">ชื่อสีคือรหัสสีหรือภาษาก็ได้(อังกฤษเท่านั้น)แท็กนี้จะเป็นแท็กคำสั่ง เมื่อกำลังคลิกจะเป็นสีตามที่กำหนดไว้

                   <html>
                  <body link="red" link="black" alink="yellow">
                  <a href="http://www.google.com">ไปยังgoogle</a>
                  <a href="http://www.facebook.com">ไปที่facebook</a>
                  </body>
               </html>
                                                                                                             
สมัครสมาชิก: บทความ (Atom)