วันศุกร์ที่ 4 พฤศจิกายน พ.ศ. 2559

งาน embeded HTML code

เริ่มต้น ไปที่ youtube
การ search หา video ที่ต้องการ 

เป็นต้นว่า
video เกี่ยวกับ  "ดนตรีบรรเลงสบายๆ" ภาษาอังกฤษตรงกับคำว่า relax music
ก็พิมพ์คำว่า rel ลงไป

youtube จะแสดง ชื่อที่ขึ้นต้นด้วยคำที่เราพิมพ์ลงไป เป็นรายการ (rel) ให้เลือก
สมมุติ click เลือก รายการแรก  
relax music



ก็แสดงผลการค้นหา (search)
click เลือก รายการ 2


video เริ่มแสดง 
ด้านล่างมีปุ่ม  แบ่งปัน (share)
click ปุ่ม แบ่งปัน
จะปรากฎปุ่ม อีก 2 ปุ่มคือ ฝัง (embeded) และ อีเมล์ (e-mail)
click ปุ่ม ฝัง
จะได้ code ภาษา HTML ปรากฎขึ้น ก็ copy code นี้ซะ ด้วย control C

เปิดอีก tab เพื่อเข้าสู่ blog และเขียนบทความ
บทความก็ประกอบด้วยคำบรรยายต่าง ๆ ของบทความตรงตำแหน่งที่จะแทรก video ให้พิมพ์ ดอกจันไว้ 2 บรรทัด
******************************** 
เป็นตัวนำทาง เมื่อเราเข้าไปในmode HTML
แล้วก้ click  2 ไปที่ HTML 
ในหน้า HTML
HTML เป็นภาษาคอมพิวเตอร์ที่ใช้เขียน เนื้อหา (content) ต่าง ๆ ในหน้า web ดูแล้วก็ไม่ค่อยเข้าใจเท่าไหร่
แต่เราจะเห็น เส้นดอกจัน 2 เส้นของเรา (ตัวนำทาง)นำ cursor ไปท้ายเส้นดอกจันแรก  และกดแป้น enter   (2)เพื่อได้บรรทัดเปล่ามา 1 บรรทัดแล้ว control V  วาง code ที่ copy มาจาก youtube  (3)แล้วก็ click กลับไปที่ เขียน (4)
จะพบบทความของเรามี กรอบสีดำ แทรกตัวระหว่างเส้นดอกจัน 2 เส้น นั่นคือ video
ปรับขนาด video ตามต้องการ

หากขนาด video เล็ก หรือ ใหญ่ไป ก็ click ไปที่ HTML

แล้วปรับค่า width  ความกว้าง  (ค่าแนวนอน)
และ ค่า height  ความสูง (ค่าแนวตั้ง)
ได้จนสวยงาม



ไม่มีความคิดเห็น:

แสดงความคิดเห็น