เนื้อหา

• ขั้นตอน
• คำแนะนำ

เราใช้หน้าเว็บทุกวัน แต่การสร้างหน้าเว็บนั้นยากหรือไม่? บทความนี้จะสอนวิธีสร้างเว็บไซต์ HTML ง่ายๆโดยใช้ Notepad

ขั้นตอน

วิธีที่ 1 จาก 1: สร้างเว็บไซต์ของคุณเอง

1. 

   เปิด Notepad Notepad มาพร้อมกับคอมพิวเตอร์ Windows ทุกเครื่องและคุณจะพบได้ในเมนู Start หลังจากเปิด Notepad แล้วให้คลิก "ไฟล์" เลือก "บันทึกเป็น" ในเมนูแบบเลื่อนลง จากนั้นเลือก "ไฟล์ทั้งหมด" ในเมนูประเภทไฟล์และบันทึกไฟล์เป็น HTML โดยปกติไฟล์ "index.html" เป็นหน้าหลักซึ่งมีลิงก์ทั้งหมดเพื่อเข้าถึงทุกอย่างบนเว็บไซต์

2. 

   
   
   HTML (HyperText Markup Language) ใช้แท็ก โดยทั่วไปแท็กคือคำที่อยู่ในสำเนียง .
   คุณจะใช้แท็กจำนวนมากเพื่อสร้างหน้าเว็บของคุณ ถัดจากนั้นคือ "แท็กปิด" ซึ่งใช้เพื่อสิ้นสุดบรรทัดของโค้ด เช่น: แท็กเหล่านี้จะลงเอยด้วยตัวอักษรตัวหนาหรือข้อความย่อหน้า

3. 

   
   
   ส่วนหัวของหน้าเว็บมักจะเป็นแท็ก: . คุณสามารถวางไว้ที่ด้านบนของไฟล์ Notepad

4. 

   ถัดไปเป็นการ์ด .
   ต่อไปคือ

5. 

   
   
   ในบรรทัดถัดไปหลังการ์ด ศีรษะลองใส่ชื่อตัวอย่างเช่น:

6. 

   ตอนนี้พิมพ์ เพื่อสิ้นสุดส่วนแรก

7. 

   ถัดไปบนเว็บไซต์คือแท็ก . โปรดทราบว่าเบราว์เซอร์ไม่รองรับทุกสี (เช่นเบราว์เซอร์ส่วนใหญ่ไม่รองรับสีเทาเข้ม)

8. 

   ระหว่างแท็กเนื้อหาสองแท็กคือเนื้อหาของหน้าเว็บที่ผู้ใช้เห็น เริ่มต้นด้วยชื่อเรื่อง นี่คือส่วนใหญ่ของข้อความที่ระบุใน HTML จากแท็ก

   มา

   พร้อมการ์ด

   มีขนาดใหญ่ที่สุด ดังนั้นที่ด้านบนของหน้าเว็บหลังจากแท็กเนื้อหาคุณสามารถเขียนได้

   ยินดีต้อนรับสู่เพจของฉัน!

   คุณควรใส่แท็กปิดไว้เสมอมิฉะนั้นข้อความทั้งหมดบนหน้าเว็บจะคุยโว!

9. 

   แท็กอื่นที่สามารถรวมไว้ในเนื้อหาของหน้าเว็บคือ

   หรือแท็กย่อหน้า หลังชื่อคุณสามารถป้อน

   . ฉันกำลังเรียนรู้วิธีการสร้างเว็บไซต์! กติกาวิกิฮาว! หากคุณต้องการสร้างบรรทัดใหม่บนเพจให้ใช้แท็กการตัด
   .

10. 

    เว็บไซต์ที่มี แต่ข้อความธรรมดานั้นน่าเบื่อ ลองใส่รูปแบบกันบ้าง การ์ด เป็นข้อความตัวหนา เพื่อทำให้ตัวเอียงและ เพื่อขีดเส้นใต้ อย่าลืมแท็กปิด!

11. 

    สิ่งที่ทำให้เว็บไซต์น่าสนใจจริงๆคือรูปภาพ แม้ว่าข้อความจะถูกจัดรูปแบบ แต่ก็ไม่มีใครอยากเห็นหน้าเว็บเป็นข้อความทั้งหมด ใช้การ์ด เพื่อแทรกรูปภาพ แต่เช่นเดียวกับแท็กร่างกายแท็กนี้ต้องการข้อมูลเพิ่มเติม แท็ก img จะมีลักษณะดังนี้: ข้อมูล src (ที่มา: แหล่งที่มา) คือชื่อของรูปภาพ ด้านหลังความกว้างและความสูงคือความกว้างและความสูงเป็นพิกเซลของรูปภาพ

12. 

    เกือบเสร็จแล้ว! หากคุณต้องการให้ผู้เยี่ยมชมของคุณสามารถดูได้หลายหน้าให้ใช้แท็ก: หน้าอื่น ๆ เนื้อหาในแท็กคือสิ่งที่ผู้ใช้จะคลิกเพื่อไปยังหน้าถัดไปและส่วน href คือลิงก์ไปยังหน้านั้น ด้วยแท็กนี้คุณสามารถแสดงผู้ใช้ในเว็บไซต์ของคุณได้อย่างง่ายดาย

13. 

    ในการดำเนินการให้เสร็จสิ้นคุณต้องปิดท้ายแท็กเนื้อหาด้วย และทั้งหน้าเว็บด้วยแท็ก

14. 

    บันทึกไฟล์ที่มีนามสกุล. html ' จากนั้นเปิด file.html ในเบราว์เซอร์ที่คุณชื่นชอบเพื่อดูวิธีการทำงาน ยินดีด้วย! คุณเพิ่งสร้างเว็บไซต์

15. 

    หากคุณต้องการเผยแพร่เว็บไซต์ของคุณทางออนไลน์เรียนรู้วิธีสร้างเว็บไซต์ด้วยชื่อโดเมน โฆษณา

คำแนะนำ

• คุณสามารถค้นหาการ์ดมากมายทางออนไลน์ มีเว็บไซต์ที่มีประโยชน์มากมายที่จะช่วยให้ผู้คนเรียนรู้วิธีสร้างเว็บไซต์ (W3Schools เป็นหนึ่งในนั้น)
• อย่าลืมใช้การปิด
• อย่าลืมสั่งซื้อการ์ดทุกครั้ง ในบรรทัดแรกก่อนแท็ก แจ้งให้เบราว์เซอร์ทราบว่าไซต์ของคุณเป็นมาตรฐาน HTML5
• คุณสามารถเปลี่ยนแบบอักษรด้วยแท็ก ก่อน แล้ว . N ย่อมาจากแบบอักษรเช่น "Verdana"
• หากคุณต้องการใช้อักขระพิเศษบนหน้าเว็บให้พิมพ์ & lt (<), & gt (>), & amp (&) และอื่น ๆ ส่วนท้ายของโค้ดต้องมีเครื่องหมายอัฒภาค ";"
• ในบทแนะนำ HTML ชื่อโฟลเดอร์และไฟล์เว็บจะอยู่ในตัวอักษรพิมพ์เล็กเสมอโดยไม่ต้องเน้นเสียงใด ๆ แม้ว่า Windows จะอนุญาตให้ใช้พื้นที่ได้ แต่ผู้ให้บริการเว็บโฮสติ้งหลายรายไม่อนุญาตดังนั้นคุณจะประหยัดเวลาและยุ่งยากกับชื่อไฟล์และโฟลเดอร์ที่ถูกต้องตั้งแต่แรก