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

 

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