webeditor : การแทรกเส้นคั่นบรรทัด หรือ แท๊ก hr



การแทรกเส้นคั่นบรรทัด หรือ tag hr

คุณสามารถ "แทรกเส้นคั่นบรรทัด" ได้โดยมีขั้นตอน ดังนี้ 
 

1. Login เข้าใช้งาน Webeditor

2. คลิ๊กไอคอน แก้ไขเว็บเพจ  ที่ต้องการแก้ไข

การใช้งานเว็บไซต์สำเร็จรูป webeditor : การแทรกเส้นคั่นบรรทัด <hr>

3. คลิกเลือก เว็บเพจที่ต้องการ

 

การใช้งานเว็บไซต์สำเร็จรูป webeditor : การแทรกเส้นคั่นบรรทัด <hr>

 

4. ระบบจะแสดงเว็บเพจ 

5. คลิก ตำแหน่งที่ต้องการแทรกเส้นคั่นบรรทัด จะมี เครื่องมือ Webeditor แสดงขึ้น

6. กด Enter เพื่อขึ้นบรรทัดใหม่

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor : แทรกเส้นคั่นบรรทัด หรือ <hr>

7. คลิกที่ แทรกเส้นคั่นบรรทัด

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor : แทรกเส้นคั่นบรรทัด หรือ <hr>

8. จากนั้นคลิก Save Change

9. คลิกที่ "View this page" จะแสดงเว็บเพจที่มีเส้นคั่นบรรทัดดังภาพ

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor : แทรกเส้นคั่นบรรทัด หรือ <hr>



การลบเส้นคั่นบรรทัด

คลิกเมาส์ตำแหน่งที่เส้นคั่นบรรทัดอยู่ และคลิ๊ก "delete" ที่แป้นพิมพ์  หรือคลิกบริเวณบรรทัดถัดจาก เส้นคั่นบรรทัด แล้วคลิก "Backspace" ที่แป้นพิมพ์ ดังภาพ 

คู่มือเว็บไซต์สำเร็จรูป ninenic - การใส่เส้นคั่นบบรทัด



การแทรกโค๊ด hr แบบต่างๆ อย่างง่ายใน Html Code

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

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor การใส่เส้นคั่นบบรทัด โดยใช้ hrml code

 

2. คลิกที่ ดูรหัส Html

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor การใส่เส้นคั่นบบรทัด โดยใช้ hrml code

 

ซึ่งจะมี popup windows แสดง html code ดังภาพ 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor การใส่เส้นคั่นบบรทัด โดยใช้ hrml code

 


3. คลิกที่ตำแหน่งที่ต้องการแทรกเส้นคั่นบรรทัด

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor การใส่เส้นคั่นบบรทัด โดยใช้ hrml code

4. พิมพ์โค้ดสำหรับแทรกเส้นคั่นบรรทัดแบบเส้นทึบ หรือ solid

 

 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor การใส่เส้นคั่นบบรทัด โดยใช้ hrml code

4. คลิก "Save"

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor การใส่เส้นคั่นบบรทัด โดยใช้ hrml code



ตัวอย่าง class เส้นคั่นบรรทัดแบบต่างๆ



 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor การใส่เส้นคั่นบบรทัด โดยใช้ hrml code

 



เพจที่เกี่ยวข้อง