วิธีคัดลอกและวางโค้ด HTML บนเว็บไซต์ของคุณ

ผู้เขียน: Vivian Patrick
วันที่สร้าง: 9 มิถุนายน 2021
วันที่อัปเดต: 17 พฤศจิกายน 2024
Anonim
How to copy text,content,code from a website to a clipboard  - Clipboard js
วิดีโอ: How to copy text,content,code from a website to a clipboard - Clipboard js

เนื้อหา

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

ขั้นตอนที่ 1

เข้าสู่ไซต์ด้วยรหัสที่คุณต้องการคัดลอก

ขั้นตอนที่ 2

เปิดซอร์สโค้ดซึ่งเป็น HTML แท้ของหน้า ในเบราว์เซอร์ส่วนใหญ่สามารถทำได้โดยเข้าไปที่เมนู "Tools" และมองหาตัวเลือก "Source code" หรือ "View source code"

ขั้นตอนที่ 3

ค้นหาบรรทัดของโค้ด HTML ที่คุณต้องการคัดลอก เลือกข้อความและคัดลอกโดยกดปุ่ม "Ctrl" และ "C" หากใช้พีซีหรือ "Command" และ "C" หากคุณเป็นผู้ใช้ Mac

ขั้นตอนที่ 4

เปิดไฟล์ที่จะวางโค้ด HTML ต้องเปิดในโปรแกรมแก้ไขข้อความธรรมดาไม่ใช่เบราว์เซอร์ มิฉะนั้นไฟล์จะแสดงเป็นหน้าอินเทอร์เน็ต สิ่งที่คุณต้องการคือโค้ด HTML คลิกขวาที่ไฟล์ (บน Mac ให้กด "Option" ค้างไว้แล้วคลิก) แล้วเลือกตัวเลือก "Open With" เลือกโปรแกรมแก้ไขข้อความง่ายๆเช่น Notepad บน Windows หรือ Text Editor บนเครื่อง Mac


ขั้นตอนที่ 5

ค้นหาตำแหน่งที่คุณต้องการวางโค้ด HTML ที่คัดลอกไว้ก่อนหน้านี้ กดแป้น "Ctrl" และ "V" พร้อมกันเพื่อวางข้อความ (บน Mac "Command" และ "V")

ขั้นตอนที่ 6

บันทึกไฟล์ HTML หากคุณยังจะแก้ไขให้เปิดไว้ในโปรแกรมแก้ไขข้อความ

ขั้นตอนที่ 7

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

ขั้นตอนที่ 8

อัปโหลดหน้าเสร็จไปยังเว็บไซต์ของคุณ