เคล็ดลับ 1: วิธีเขียนลิงก์ในเว็บไซต์
เคล็ดลับ 1: วิธีเขียนลิงก์ในเว็บไซต์
สร้างการนำทางที่สะดวกและใช้งานง่ายบนไซต์โดยใช้ลิงก์ วิธีนี้ช่วยให้คุณสามารถทำให้ผู้ใช้อยู่ในหน้าทรัพยากรได้สบายที่สุด
การเรียนการสอน
1
ลิงก์ใด ๆ ถูกสร้างขึ้นโดยใช้แท็ก <a>,ซึ่งจะต้องปิดด้วย </a> ที่อยู่หน้าเว็บถูกระบุในเครื่องหมายคำพูดหลังจากแอตทริบิวต์ href ผลที่ตามมาควรมีลักษณะบางอย่างเช่นนี้ <html> <head> <title> เว็บไซต์ </ title> </ head> <body> <a href= "foto.html"> ไปที่แกลเลอรี่ภาพ </a> </ body> < / html> เพื่อให้การเปลี่ยนไปใช้เพจที่มีอยู่ในพื้นที่ทางอินเทอร์เน็ตให้ระบุที่อยู่ตัวอย่างเช่น KakProsto.ru เมื่อต้องการเชื่อมต่อกับไฟล์ html ในคอมพิวเตอร์ของคุณให้เขียนเส้นทางไปที่ไฟล์ ขอแนะนำให้เปลี่ยนเป็นภาษาอังกฤษเพื่อลบเร็กคอร์ดที่เกิดขึ้นเมื่อคัดลอกข้อความภาษารัสเซียและแปลเป็นรูปแบบที่ต้องการ ยกตัวอย่างเช่น file: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA % D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80% D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% ปีก่อนคริสตกาล % 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html "
2
ลิงก์สามารถระบุเป็นภาพได้ การทำเช่นนี้ใส่แท็กรูปภาพระหว่าง <a> และ </a>: <a href= "foto.html"> <img src = "kartinka.png"> </a> จะเลื่อนบนไอคอนขนาดเล็กที่นำไปสู่การเป็นภาพที่สมบูรณ์ของขนาดที่ใหญ่กว่าคุณจะต้องใช้พวง <a href="kartinka_big.png"> <img src = "/ images / kartinka_small.png"> </a> ภาพสลับการกีฬาองค์กรเปลี่ยนไปในแต่ละ ซึ่งมันจะถูกนำเสนอในรูปแบบของการเชื่อมโยงและนำไปสู่หน้าเว็บที่แตกต่างกันใช้รหัส: <html> <head> <title> เว็บไซต์ </ title> <ชนิด style = "text / css ที่"> div # Rotator {ตำแหน่ง: ญาติ; ความสูง: 150px; margin-left: 15px;} div # rotator ul li {float: left; ตำแหน่ง: สัมบูรณ์ รูปแบบรายการ: none;} div # โรซาลียู li.show {ดัชนี z: 500;} </ style> <ชนิดสคริปต์ = "text / javascript ของ" src = "http://code.jquery.com/jquery- latest.min.js "> </ script> <ชนิดสคริปต์ =" text / javascript ของ "> ฟังก์ชั่น theRotator () {$ (" div # โรซาลียู li ") CSS ({ทึบ: 0.0}) ;. $ ("div # rotator ul li: first"). css ({opacity: 1.0}); setInterval ("rotate ()", 5000); } ฟังก์ชั่นหมุน () {var ปัจจุบัน = ($ ( "div # โรซาลียู li.show") $ ( "div # โรซาลียู li.show"): $ ( "div # โรซาลียู li แรก"?)); var ต่อไป = ((current.next () ความยาว) ((current.next () hasClass ( "แสดง")) $ ( "div # โรซาลียู li แรก"):.?.? current.next ()): $ ("div # rotator ul li: first")); // var sibs = current.siblings (); / / var rndNum = Math.floor (Math.random () * sibs.length); // var next = $ (sibs [rndNum]); next.css ({ทึบ: 0.0}) .addClass ( "แสดง") .animate ({ทึบ: 1.0}, 1000) current.animate ({opacity: 0.0}, 1000) .removeClass ("แสดง"); }; $ (document) .ready (function () {theRotator ();}); </ script> </ head> <body> <div id = "หมุน"> <ul> <li class = "แสดง"> <a href="adres_stranitsy_1"> <img src = "/ images / ภาพ / 1 GIF "width =" 500 "height =" 313 "alt =" pic1 "/> </a> </ li> <li> <a href=" adres_stranitsy_2"> <img src =" / images / images / 2 GIF "width =" 500 "height =" 313 "alt =" pic2 "/> </a> </ li> <li> <a href=" adres_stranitsy_3"> <img src =" / images / images / 3 GIF "width =" 500 "height =" 313 "alt =" pic3 "/> </a> </ li> </ ul> </ div> </ body> </ html>
3
หากต้องการเปิดหน้าเว็บที่ลิงก์นำไปสู่ในหน้าต่างอื่นคุณต้องเพิ่มแอตทริบิวต์ target = "_ blank": <a href="address_page" target="_blank"> ไป </a>
4
หากเอกสาร HTML ยาวเกินไปคุณสามารถทำได้ใส่ลิงก์ภายใน ยกตัวอย่างเช่นในการเริ่มต้นที่คุณสามารถสร้างตารางของเนื้อหาและเมื่อคุณคลิกที่ใช้พาดหัวที่เฉพาะเจาะจงจะย้ายในส่วนด้านขวาของหน้า การทำเช่นนี้คุณจะต้องลงทะเบียนการเชื่อมโยงที่มีเครื่องหมาย #: <a href="#put เพื่อ zakladke"> </a> ไปที่ส่วนและการเชื่อมโยงในการสร้างบุ๊ก: <a name="put เพื่อ zakladke"> มาตรา </a> .Vyglyadet มันจะเป็นดังนั้น: <html> <head> <title> เว็บไซต์ </ title> </ head> <body> <a href="#put ที่จะเชื่อมโยงไปยัง zakladke"> </a> <ชื่อ = "เส้นทางไปยัง แท็บ "> ส่วน </ body> </ html>
เคล็ดลับ 2: วิธีเขียนลิงก์
สำหรับเว็บไซต์ใด ๆ การออกแบบและเนื้อหาเป็นสิ่งสำคัญ ในการเชื่อมโยงส่วนประกอบทั้งสองนี้ผู้สร้างไซต์จะใช้ลิงก์ ผู้ใช้โดยเฉลี่ยคลิกลิงก์ "ข่าวสาร" และได้รับสิทธิ์เข้าถึงไซต์ด้วยข่าว การเชื่อมโยงยังเป็นเรื่องของธุรกิจบนอินเทอร์เน็ต แต่เราจะทราบวิธีสร้างลิงก์ในเอกสาร HTML
การเรียนการสอน
1
ในการสร้างองค์ประกอบในภาษา html ให้ใช้แท็ก เมื่อสร้างลิงก์เราจะใช้พวกเขา สำหรับการสร้างลิงก์ในไซต์แท็กคำตอบ "a" แท็กนี้ถูกปิดดังนั้นอย่าลืมปิดทันที ระหว่างแท็กคุณสามารถเขียนชื่อของลิงก์ได้ทันที
2
แอตทริบิวต์ที่ต้องการของแท็ก "a" คือ "href" ต้องระบุไว้เสมอ เป็นผู้รับผิดชอบสำหรับที่อยู่ของเอกสารที่ลิงก์จะชี้ ในการทำเช่นนี้เราจะกำหนดค่าของที่อยู่ (href = "address-link") ให้กับแอ็ตทริบิวต์
3
ตอนนี้คุณจำเป็นต้องตั้งค่าที่อยู่ให้สอดคล้องกับหนึ่งที่เขาชี้ หากที่อยู่ชี้ไปยังไซต์อื่นคุณต้องระบุพา ธ เต็มไปยังรีซอร์สหรือเอกสารที่มีอยู่ แต่ถ้าหน้าหรือเอกสารอยู่ในเว็บไซต์ของคุณเองจะมีเพียงชื่อของเพจเท่านั้น หากจำเป็นคุณสามารถระบุตัวระบุของแท็กที่ลิงก์จะอ้างอิง ตัวอย่างเช่นคุณสามารถสร้างลิงก์ที่เมื่อคลิกจะส่งผู้ใช้จากตอนท้ายของเอกสารไปยังจุดเริ่มต้น โดยปกติจะเรียกว่า "ขึ้น" ด้วยเหตุนี้เราจึงกำหนดแท็ก "body" พร้อมด้วยตัวระบุ "top" (id = "top") หลังจากนั้นเราจะกำหนดค่า "href" เป็นค่า "#top" ตอนนี้เมื่อคลิกลิงก์นี้ผู้ใช้จะไปที่ด้านบนสุดของหน้า
4
โดยค่าเริ่มต้นเมื่อคุณคลิกที่ลิงค์ในหน้าต่างเดียวกัน หากต้องการเปิดลิงก์ในหน้าต่างใหม่คุณต้องระบุแอตทริบิวต์ "target" ให้เขามีค่าของ "_blank" ขณะนี้ลิงก์จะเปิดขึ้นในหน้าต่างใหม่ แอตทริบิวต์ "_self" จะคืนค่าการเปิดต้นฉบับของลิงก์ในหน้าต่างเดียวกัน
