วิธีทำลิงค์ในสีต่างๆ

สารบัญ:

วิธีทำลิงค์ในสีต่างๆ
วิธีทำลิงค์ในสีต่างๆ

วีดีโอ: วิธีทำลิงค์ในสีต่างๆ

วีดีโอ: วิธีทำลิงค์ในสีต่างๆ
วีดีโอ: วิธีลิ้งค์ (Link) ในโปรแกรม Dreamweaver (cs6) 2024, อาจ
Anonim

ลิงค์เป็นหนึ่งในคุณสมบัติหลักของเว็บไซต์บนอินเทอร์เน็ต หน้าหายากไม่มีพวกเขา แต่เมื่อสีลิงค์แบบเดียวกันนั้นดูน่าเบื่อ คุณสามารถทำให้แต่ละลิงค์เป็นสีของคุณเองได้ วิธีนี้จะช่วยดึงความสนใจของผู้ใช้มาที่ลิงก์และทำให้เว็บไซต์ของคุณสว่างขึ้น

วิธีทำลิงค์ในสีต่างๆ
วิธีทำลิงค์ในสีต่างๆ

มันจำเป็น

  • - แท็ก html;
  • - ตารางที่มีรหัสสี

คำแนะนำ

ขั้นตอนที่ 1

จำรูปแบบการเชื่อมโยงทั่วไปที่ไซต์ส่วนใหญ่ใช้ "A" () คือจุดยึดของไฮเปอร์ลิงก์ที่คั่นทั้งสองข้าง "Href" เป็นตัวย่อสำหรับการอ้างอิงไฮเปอร์เท็กซ์ นั่นคือที่อยู่อินเทอร์เน็ตที่คุณต้องการนำทาง ลิงก์จะอยู่ในเครื่องหมายคำพูดเสมอ ดังนั้นรูปแบบการเชื่อมโยงทั่วไปจึงมีลักษณะดังนี้: ข้อความ

ขั้นตอนที่ 2

เปลี่ยนสีของลิงก์โดยเพิ่มโค้ดก่อนและหลังข้อความลิงก์เพื่อให้ได้สิ่งนี้: ข้อความ

ขั้นตอนที่ 3

ในบริการบล็อกเช่น Liveinternet ให้ใช้รหัส "Url" เป็นตัวระบุตำแหน่งทรัพยากรแบบเดียวกัน ซึ่งเป็นตัวระบุตำแหน่งทรัพยากร ในกรณีนี้ หากต้องการเปลี่ยนสี ให้เพิ่มแท็กสีก่อนและหลังข้อความ:

ขั้นตอนที่ 4

หากคุณสร้างไซต์ของคุณเองและคุณมีไฟล์ที่มีสไตล์ ให้แก้ไขลิงก์ที่นั่นในสไตล์ชีต CSS แบบเรียงซ้อน ไวยากรณ์ทั่วไปสำหรับการเขียนมีลักษณะดังนี้: a {พารามิเตอร์สไตล์} ด้วยพารามิเตอร์เหล่านี้ คุณสามารถทำให้ลิงก์เป็นตัวหนา ตัวเอียง หรืออะไรก็ได้

ขั้นตอนที่ 5

ในการตั้งค่าสีให้กับลิงก์ คุณต้องใช้รหัสต่อไปนี้: a {color: # 00000;} 00000 เป็นรหัสสีดำเริ่มต้น หากต้องการแทนที่ด้วยแพ็คเกจอื่น ให้ใช้แพ็คเกจกราฟิก (เช่น Adobe Photoshop) โดยคลิกที่กล่องที่มีสีในเครื่องมือ หรือใช้จานสีของเว็บ โดยปกติ ในทั้งสองกรณี รหัสจะอยู่ถัดจาก # คัดลอกโดยคลิกที่มันแล้วกด Ctrl + C แล้วใส่เหล็กดัดหลัง #.

ขั้นตอนที่ 6

ในการทำให้ลิงก์มีสีในโปรแกรมแก้ไขข้อความ เช่น ใน Open Office ให้ไปที่เมนูด้านบน "แทรก" → "ไฮเปอร์ลิงก์" วางลิงก์ ตั้งค่าข้อความ คลิกนำไปใช้ จากนั้นปิด เลือกลิงค์และระบายสีเหมือนข้อความปกติ คุณยังสามารถกำหนดสีของแต่ละตัวอักษรแยกกันได้