มาลองทำหน้าเว็บง่ายๆ ฉันหวังว่าคุณจะติดตามเราได้มันจะใช้เวลาเพียงนาทีเดียว ตอนนี้คุณอาจไม่รู้ว่าวงเล็บมุมเหล่านั้น <> และตัวอักษรอยู่ข้างในคืออะไร ไม่ต้องกังวลเราจะแนะนำให้คุณรู้จักในบทช่วยสอนด้านล่าง
ก่อนอื่นโปรดเรียกใช้ Notepad หรือสร้างเอกสารข้อความใหม่ทุกที่และป้อนเนื้อหาต่อไปนี้ใน Notepad:
| ต่อไปนี้เป็นเนื้อหาที่ยกมา: <html> <head> <title> ฉันเป็นชื่อของหน้านี้ </title> </head> <body> <p> นี่คือหน้าแรกของฉัน </p> </body> </html> |
หลังจากป้อนให้บันทึกไฟล์และตั้งชื่อ index.html (คลิกไฟล์ -> บันทึกเป็น. กรอกคอลัมน์ชื่อไฟล์ลงใน index.html เลือกไฟล์ทั้งหมดในคอลัมน์บันทึกประเภทจากนั้นคลิกปุ่มบันทึก)
หลังจากบันทึกดับเบิลคลิกที่ไฟล์และเบราว์เซอร์จะเปิดหน้าเว็บโดยอัตโนมัติ โปรดยืนยันว่าหน้าเว็บของคุณเหมือนกับหน้าหรือไม่ หากเป็นเหมือนกันคุณจะทำหน้าเว็บที่ค่อนข้างง่ายให้เสร็จสมบูรณ์แล้ว
โปรดทราบว่านี่เป็นเพียงหน้าง่ายๆ แม้ว่ามันจะเป็นไปตามมาตรฐาน Syntactically กับมาตรฐาน XHTML แต่ก็ยังขาดเนื้อหาบางอย่างหากเป็นเว็บเพจ XHTML ที่สอดคล้องกับ W3C เนื้อหาที่เกี่ยวข้องจะได้รับการแนะนำในการสอนด้านล่าง หน้าเว็บนี้ใช้เพื่ออธิบายความรู้พื้นฐาน XHTML บางอย่าง
คำอธิบายเกี่ยวกับความรู้พื้นฐานหน้าเว็บที่เราเพิ่งเริ่มต้นด้วย <html> และลงท้ายด้วย </html> ซึ่งแสดงถึงจุดเริ่มต้นและจุดสิ้นสุดของไฟล์หน้าเว็บตามลำดับ
ในภาษาอังกฤษหัวหมายถึงหัวร่างกายหมายถึงร่างกาย สองส่วนของหน้าเว็บแสดงถึงหัวและร่างกายของหน้าเว็บตามลำดับ บางทีคุณอาจสังเกตเห็นว่ามี <title> </title> ในหัวหน้าเว็บของเรา ชื่อคำหมายถึงชื่อเรื่องและชื่อของหน้าเว็บจะแสดงในแถบชื่อเรื่องด้านบนเบราว์เซอร์ เนื้อหาของหน้าเว็บนั่นคือเนื้อหาระหว่างแท็ก <body> และ </body> จะแสดงในเบราว์เซอร์เป็นข้อความ
หน้าเว็บนี้บางมากและไม่มีอะไรในหัวและร่างกาย เราจะค่อยๆเพิ่มเนื้อหาของหน้าเว็บในบทช่วยสอนในอนาคต แต่ตอนนี้โปรดจำแนวคิด: หัวของหน้าเว็บถูกเขียนขึ้นสำหรับเบราว์เซอร์มันจะไม่ปรากฏบนหน้าและร่างกายถูกเขียนขึ้นสำหรับผู้ใช้ของเว็บไซต์และเป็นเนื้อหาที่เบราว์เซอร์จะแสดง
ตัวอย่างข้อผิดพลาดใน Rookie Spoof XHTMLเปิดตัวอย่างข้อผิดพลาดสองตัวอย่างต่อไปนี้ รหัสทั้งสองของพวกเขามีข้อผิดพลาดร้ายแรงมาก แต่เบราว์เซอร์จะแสดงหน้าเว็บทั้งสองนี้ได้อย่างถูกต้อง
| ตัวอย่าง 1- ร่างกายเติบโตในหัว <html> <head> <title> ฉันเป็นชื่อของหน้านี้ </title> <p> นี่คือหน้าแรกของฉัน </p> </head> <body> </body> </html> |