![...](/f/711ebcbe8e6f6bd7e95f9d329daf25f1.jpg)
สร้างกล่องที่มีกลุ่มข้อความโดยใช้ HTML
HyperText Markup Language (HTML) เป็นภาษาที่ใช้บ่อยที่สุดในการสร้างโครงสร้างและเนื้อหาของหน้าเว็บ HTML มีองค์ประกอบมากมายที่อนุญาตให้ผู้ใช้สร้างลิงก์ รูปภาพ ย่อหน้า หัวเรื่อง และอื่นๆ อีกมากมาย องค์ประกอบเหล่านี้ถูกเพิ่มลงในหน้าโดยใช้ชุดอักขระเฉพาะที่เรียกว่าแท็ก เมื่อคุณเข้าใจการผสมผสานขององค์ประกอบและแท็กที่จำเป็นแล้ว การสร้างบล็อกข้อความที่ล้อมรอบด้วยกล่องใน HTML นั้นเป็นงานที่รวดเร็ว
ขั้นตอนที่ 1
เปิดหน้าเว็บที่คุณต้องการแก้ไขและดูโค้ด HTML หากคุณใช้เท็กซ์เอดิเตอร์ ให้เปิดเพจของคุณในโปรแกรมแล้วเลื่อนลงมาจนเจอส่วนของหน้าที่กล่องและข้อความจะปรากฏขึ้น หากคุณใช้โปรแกรมภาพเว็บไซต์ เช่น Microsoft Expression Web หรือ Adobe Dreamweaver ให้เปิดเพจของคุณแล้วคลิกบนพื้นที่ที่คุณต้องการเพิ่มกล่องและข้อความ หลังจากทำเช่นนั้น ให้เปลี่ยนโหมดการดูของคุณเป็น "Code View" เพื่อดู HTML ที่ควบคุมการทำงานของเพจ
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
กดปุ่ม "Enter" เพื่อสร้างบรรทัดว่างในโค้ด HTML ของคุณ
ขั้นตอนที่ 3
คัดลอกและวางโค้ดสามบรรทัดต่อไปนี้ลงในบรรทัดว่างที่สร้างในขั้นตอนก่อนหน้า:
บล็อกของข้อความย่อหน้าอยู่ที่นี่
ขั้นตอนที่ 4
ปรับพารามิเตอร์ของโค้ดที่คุณเพิ่มในขั้นตอนก่อนหน้า ตามความจำเป็น เปลี่ยนความกว้าง ขนาดเส้นขอบ ลักษณะเส้นขอบ และสีของเส้นขอบโดยแก้ไขค่า "500px," "2px" "ทึบ" และ "ดำ" ในบรรทัดแรกของโค้ด เปลี่ยนจำนวนช่องว่างรอบๆ ข้อความโดยแก้ไขค่า "10px" ในบรรทัดที่สองของโค้ด แก้ไขข้อความที่อยู่ระหว่างช่องเปิด "
"และปิด"
แท็ก " เพื่อให้เหมาะกับความต้องการของเพจของคุณขั้นตอนที่ 5
บันทึกหน้าแล้วเปิดในเว็บเบราว์เซอร์ โค้ดที่คุณแทรกและแก้ไขในสองขั้นตอนก่อนหน้านี้จะเพิ่มช่องกว้าง 500 พิกเซลที่มีเส้นขอบสีดำล้อมรอบกลุ่มข้อความในย่อหน้า