เราเข้าถึงเว็บไซต์ต่างๆ ทุกวัน อย่างไรก็ตาม บางครั้งเราสงสัยว่า การสร้างเว็บไซต์ของคุณเองยากไหม ในบทความนี้ คุณจะได้รับคำแนะนำในการสร้างเว็บเพจ HTML อย่างง่ายด้วย Notepad
ขั้นตอน
วิธีที่ 1 จาก 1: การสร้างหน้าเว็บของคุณเอง
ขั้นตอนที่ 1. เปิดแผ่นจดบันทึก
โปรแกรมแก้ไขข้อความนี้เป็นโปรแกรมในตัวที่มีอยู่ในคอมพิวเตอร์ Windows ทุกเครื่อง และสามารถพบได้ในเมนูเริ่ม หลังจาก Notepad เปิดขึ้น ให้คลิกไฟล์ > บันทึกเป็น จากนั้นเลือกไฟล์ทั้งหมดในคอลัมน์ประเภทไฟล์ บันทึกไฟล์ที่คุณสร้างขึ้นในรูปแบบ HTML โดยทั่วไป หน้าหลักของเว็บไซต์จะมีชื่อไฟล์ว่า "index.html" และมีลิงก์ไปยังหน้าทั้งหมดบนไซต์
ขั้นตอนที่ 2 ทำความเข้าใจ HTML
เครื่องหมาย (แท็ก) ใน HTML (Hypertext Markup Language) อยู่ในรูปแบบ.
เครื่องหมายเหล่านี้ใช้ในการสร้างเว็บไซต์ของคุณ ในการสิ้นสุดโค้ด HTML ให้ใช้แท็กปิดท้าย เช่น เครื่องหมายปิดมีประโยชน์สำหรับการปิดเครื่องหมายต่างๆ เช่น ตัวหนาหรือเครื่องหมายย่อหน้า
ขั้นตอนที่ 3 เริ่มหน้าเว็บของคุณโดยใส่แท็กที่ด้านบนของไฟล์
ขั้นตอนที่ 4. ใช้แท็กเพื่อป้อนข้อมูลต่างๆ
เครื่องหมายมีประโยชน์สำหรับการตั้งชื่อหน้า ในขณะที่แท็ก (ไม่บังคับ) ใช้เพื่อป้อนคำอธิบายของเนื้อหาของหน้าเว็บ จากนั้นเครื่องมือค้นหาเช่น Google จะอ่านเครื่องหมาย
ขั้นตอนที่ 5. หลังจากป้อนแท็กแล้ว ให้ตั้งชื่อหน้าด้วยแท็ก เช่น wikiHow HTML
ขั้นตอนที่ 6 เสร็จสิ้นส่วนหัวของไซต์โดยใช้เครื่องหมาย
ขั้นตอนที่ 7 ใช้แท็กเพื่อเข้าสู่เนื้อหาของหน้า
โปรดทราบว่าเบราว์เซอร์ไม่รองรับสีทั้งหมด ตัวอย่างเช่น ระบบอาจไม่รองรับสีเทาเข้ม
ขั้นตอนที่ 8. เขียนเนื้อหาของหน้าเว็บระหว่างไฟล์
ตัวอย่างเช่น เริ่มต้นด้วยการสร้างส่วนหัวของไซต์ ส่วนหัวของไซต์เป็นส่วนหนึ่งของไซต์ด้วยตัวอักษรขนาดใหญ่และมีเครื่องหมาย
จนกระทั่ง
. เข้าสู่ระบบ
คุณสามารถใช้เพื่อสร้างส่วนหัวของไซต์ที่มีขนาดแบบอักษรที่ใหญ่ที่สุด ลองใช้เครื่องหมายด้านล่างป้าย เช่น
ยินดีต้อนรับสู่เว็บไซต์ของฉัน
. อย่าลืมปิดป้าย
ที่ส่วนท้ายของประโยค
ขั้นตอนที่ 9 สร้างย่อหน้าบนหน้าด้วยเครื่องหมาย
ตัวอย่างเช่น เขียน
บททดสอบ!
หากต้องการขึ้นบรรทัดใหม่ ให้ใช้เครื่องหมาย
หรือแตก.
ขั้นตอนที่ 10 คุณไม่ต้องการให้หน้าเว็บที่คุณสร้างมีเฉพาะข้อความธรรมดาเท่านั้น
ใช้แฟล็กต่อไปนี้เพื่อจัดรูปแบบข้อความบนหน้าเว็บ: ข้อความตัวหนา ตัวเอียง และขีดเส้นใต้ ใช้ป้ายด้านบนแล้วอย่าลืมปิดนะครับ!
ขั้นตอนที่ 11 เพิ่มรูปภาพด้วย sign
เพื่อตกแต่งเว็บไซต์และเพิ่มข้อมูลที่ไม่สามารถอธิบายในรูปแบบข้อความได้
เข้าสู่ระบบ
ต้องการข้อมูลบางอย่างในการทำงาน ไวยากรณ์เต็มรูปแบบของเครื่องหมาย
อาจมีรูปร่างดังนี้:.
พารามิเตอร์ src ในเครื่องหมายทำหน้าที่เขียนชื่อไฟล์รูปภาพ และฟังก์ชัน width และ height เพื่ออธิบายความยาวและความกว้าง
ขั้นตอนที่ 12. สร้างลิงค์ที่นำไปสู่หน้าอื่นด้วย ตัวอย่างเช่น หน้าอื่น
ข้อความที่อยู่ตรงกลางของเครื่องหมายคือข้อความที่จะปรากฏบนหน้า ในขณะที่พารามิเตอร์ href มีหน้าปลายทาง ด้วยลิงก์ ผู้เยี่ยมชมสามารถย้ายไปยังหน้าต่างๆ บนไซต์ของคุณได้อย่างง่ายดาย
ขั้นตอนที่ 13 เมื่อคุณกรอกไซต์เสร็จแล้ว ให้ปิดหน้าโดยปิดไฟล์
สุดท้าย ปิดโค้ด HTML ด้วย
ขั้นตอนที่ 14. บันทึกหน้าเว็บที่คุณสร้างขึ้นด้วยนามสกุล.html และเปิดในเบราว์เซอร์ที่คุณชื่นชอบเพื่อทดสอบ
ขั้นตอนที่ 15 อ่านคำแนะนำต่อไปนี้เพื่ออัปโหลดไซต์ของคุณไปยังอินเทอร์เน็ต
เคล็ดลับ
- บนอินเทอร์เน็ตมีไซต์ต่าง ๆ ที่มีคำแนะนำสำหรับการสร้างเว็บไซต์ W3school เป็นไซต์เดียวที่มีเนื้อหาดี
- ตรวจสอบให้แน่ใจว่าคุณปิดทุกแท็กในไฟล์ HTML
- ใส่เครื่องหมายในบรรทัดแรกของไฟล์ ก่อน. แฟล็กนี้ระบุว่าไฟล์ที่คุณกำลังสร้างเป็นไฟล์ HTML5
- เปลี่ยนแบบอักษรด้วยเครื่องหมายก่อนและหลัง แทนที่ "N" ด้วยแบบอักษรที่คุณต้องการ เช่น "Verdana"
- หากคุณต้องการใช้วงเล็บเหลี่ยม ให้ใช้รหัส ในขณะเดียวกัน ในการใช้เครื่องหมาย & ให้ใช้รหัส &
- ตามบทช่วยสอน HTML คุณควรตั้งชื่อไฟล์เว็บและโฟลเดอร์ด้วยตัวพิมพ์เล็กเสมอ โดยไม่มีช่องว่างและเครื่องหมายวรรคตอน แม้ว่า Windows จะอนุญาตให้คุณใส่ช่องว่างในชื่อไฟล์ แต่ผู้ให้บริการโฮสต์หลายรายไม่อนุญาต นอกจากนี้ ชื่อไฟล์ที่เรียบร้อยยังช่วยให้คุณจัดการไซต์ได้ง่ายขึ้นอีกด้วย
