ไวยากรณ์เต็มรูปแบบของภาษา HTML ไวยากรณ์ PHP พื้นฐาน HTML

HTML ย่อมาจาก HyperText Markup Language:

• ภาษาหมายถึงสามารถอ่านได้ทั้งมนุษย์และคอมพิวเตอร์
• มาร์กอัปหมายความว่าโค้ดที่คุณเขียนถูกทำเครื่องหมายด้วยคำหลัก
• ไฮเปอร์เท็กซ์หมายความว่าใช้ HTTP เป็นส่วนหนึ่งของอินเทอร์เน็ต

เช่นเดียวกับภาษาอื่นๆ HTML มาพร้อมกับชุดกฎเกณฑ์ กฎเหล่านี้ค่อนข้างง่ายและครอบคลุมถึงการกำหนดขอบเขตเพื่อให้รู้ว่าบางสิ่งเริ่มต้นและสิ้นสุดที่ใด

ด้านล่างนี้เป็นตัวอย่างของย่อหน้าใน HTML:

สิ่งที่คุณเห็นในวงเล็บมุม< и >เรียกว่าแท็ก HTML พวกเขากำหนดว่าบางสิ่งเริ่มต้นที่ไหนและสิ้นสุดที่ใด

ฉันสร้างโพสต์ที่มีการอ้างอิง HTML ที่ฉันพบแล้ว รายการทั้งหมดแท็กทั้งหมดและความหมายของพวกเขา เชื่อมโยงไปยังโพสต์นี้ -

แต่ละแท็กมีความหมายเฉพาะ ในกรณีของเรา หมายถึงย่อหน้าของข้อความ

ตามกฎแล้วจะมาเป็นคู่:

• แท็กเปิดกำหนดจุดเริ่มต้นของย่อหน้า
• แท็กปิด
  กำหนดจุดสิ้นสุดของมัน

ข้อแตกต่างระหว่างแท็กเปิดและแท็กปิดคือเครื่องหมายทับ / ที่นำหน้าชื่อแท็ก

เมื่อคุณรวมแท็กเปิด แท็กปิด และทุกอย่างที่อยู่ระหว่างนั้น คุณจะได้รับองค์ประกอบ HTML

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

แท็กทั้งหมดแบ่งออกเป็น 2 ประเภท ได้แก่ แบบอินไลน์และบล็อก

องค์ประกอบบล็อกเช่น:

• ย่อหน้า ;
• รายการ: ไม่เรียงลำดับ (มีสัญลักษณ์แสดงหัวข้อย่อย)
  หรือรายการเรียงลำดับ (พร้อมตัวเลข)
  • หัวข้อ: จากระดับแรกถึงระดับที่หก
  • บทความ;
  • ส่วนต่างๆ ;
  • คำพูดยาว

  องค์ประกอบแบบอินไลน์เช่น:

  • ลิงค์ ;
  • คำที่เน้น;
  • คำสำคัญ
  • คำพูดสั้น ๆ ;
  • คำย่อ

  องค์ประกอบบล็อกได้รับการออกแบบมาเพื่อจัดโครงสร้างส่วนหลักของเพจของคุณโดยการแบ่งเนื้อหาออกเป็นบล็อกที่เชื่อมต่อกันตามตรรกะ

  องค์ประกอบแบบอินไลน์ได้รับการออกแบบมาเพื่อกำหนดขอบเขตส่วนหนึ่งของข้อความและให้ฟังก์ชันหรือความหมายเฉพาะ องค์ประกอบแบบอินไลน์มักประกอบด้วยคำตั้งแต่หนึ่งคำขึ้นไป

  คุณสมบัติ

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

  แอตทริบิวต์จะถูกวางไว้ภายในแท็กเปิดในรูปแบบต่อไปนี้:

  เครื่องหมายคำพูดสามารถเป็นอะไรก็ได้ - เดี่ยวหรือคู่; เป็นที่ยอมรับที่จะไม่ใส่เลยหากค่าแอตทริบิวต์ประกอบด้วยคำเดียว (แต่ไม่แนะนำให้เลือก)

  จะเขียน HTML ได้ที่ไหน

  คุณอาจเคยพบไฟล์ข้อความธรรมดาซึ่งมีนามสกุล .txt ที่จะเป็นแบบนี้ ไฟล์ข้อความกลายเป็นเอกสาร HTML (แทนที่จะเป็นเอกสารข้อความ) คุณต้องใช้นามสกุล .html

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

  เพื่อที่จะได้ร่วมงานด้วย ไฟล์ HTMLสะดวกคุณสามารถใช้โปรแกรมแก้ไขพิเศษที่ออกแบบมาเพื่อทำงานกับไฟล์ประเภทนี้ บรรณาธิการคนหนึ่งคือ ข้อความประเสริฐ 3 ฉันได้เขียนเกี่ยวกับเรื่องนี้แล้วในโพสต์ก่อนหน้าของฉัน นี่คือลิงค์ไปยังการบันทึก -

  สิ่งที่จะเขียนลงในไฟล์

  หากต้องการดูไซต์ของคุณแบบเห็นภาพในเบราว์เซอร์ คุณต้องเขียนโค้ดต่อไปนี้ลงในไฟล์ไซต์

  นี่เป็นเทมเพลตพื้นฐานที่ใช้ในการเขียนเว็บเพจโดยใช้ HTML มาดูรายละเอียดกันดีกว่า

  • - นี่คือโค้ดที่บอกเบราว์เซอร์ว่าเราใช้อะไรอยู่ เวอร์ชันล่าสุด HTML – HTML5
  • – ภายในแท็กนี้จะมีแท็กทั้งหมดที่รับผิดชอบการทำงานของเว็บไซต์ ที่นี่เรารวมไฟล์ของบุคคลที่สาม รวมสคริปต์ ระบุการเข้ารหัส และอื่นๆ อีกมากมาย
  • body – ภายในแท็กนี้มีแท็กที่จะแสดงและเราสามารถตรวจสอบการทำงานของใครได้

  ลองมาดูกันว่าโค้ดทำงานอย่างไรและแสดงข้อความด้วยสายตา:

  เว็บไซต์แรกของฉัน

  นี่เป็นเว็บไซต์แรกของฉัน!

  คุณจะแทนที่แต่ละแท็กเหล่านี้ด้วยแท็กปิดซึ่งเป็นสิ่งที่เราพูดถึงก่อนหน้านี้ได้อย่างไร โครงสร้างทั้งหมดของโค้ด HTML มีลักษณะคล้าย "ตุ๊กตา matryoshka" แท็กหนึ่งซ้อนอยู่ภายในอีกแท็กหนึ่ง

  ระบบนี้มีลำดับชั้นพิเศษ ในระบบนี้ แท็กจะถูกแบ่งออกเป็นแท็กพี่น้อง แท็กพาเรนต์ และแท็กระดับบนสุด ทุกอย่างมีความสัมพันธ์กันที่นี่ แต่ละแท็กจะมีบรรพบุรุษ พ่อแม่ และพี่น้องของตัวเอง

  ระดับบนสุดคือแท็กที่มีแท็กที่เป็นปัญหา

  บรรพบุรุษคือแท็กที่อยู่ภายในแท็กที่เป็นปัญหา

  แท็ก Brother คือแท็กที่อยู่ในระดับเดียวกับแท็กที่ต้องการ

  การเชื่อมต่อนี้ง่ายต่อการเข้าใจโดยใช้ตัวอย่างนี้:

  คำคมฟุตบอลชื่อดัง เซอร์อเล็กซ์ เฟอร์กูสัน เคยกล่าวไว้เกี่ยวกับฟิลิปโป อินซากี: ผู้ชายคนนี้น่าจะเกิดมาล้ำหน้า

  เมื่อจอห์น คาริววิพากษ์วิจารณ์ ซลาตัน อิบราฮิโมวิชตอบว่า "สิ่งที่คาริวทำกับลูกบอล ผมทำได้กับส้ม"

  • George Best กล่าวว่า ฉันใช้เงินไปมากมายกับเหล้า ผู้หญิง และรถเร็ว
  • ฉันแค่ใช้เงินที่เหลือไปอย่างสุรุ่ยสุร่าย” เมื่อถูกถามเกี่ยวกับไลฟ์สไตล์ของเขา
  • ในโครงสร้างนี้:
  • เป็นบรรพบุรุษของธาตุอื่น
  • เป็นผู้ปกครองของ และสาม ;

    และทั้งสามก็เป็นพี่น้องกัน

  แต่ละอันเป็นผู้ปกครองและมีอยู่ในนั้น

  • ทั้งหมด , และ - เหล่านี้ล้วนเป็นผู้สืบทอดการเปรียบเทียบแผนผังลำดับวงศ์ตระกูลยังใช้เมื่อต้องผ่านไฟล์แนบ HTML หลายชั้น:
  • ลูกขององค์ประกอบ X คือองค์ประกอบใดๆ ข้างในเอ็กซ์;
  • เด็กเป็นคนเรียบง่าย
  • โดยตรง ข้างในลูกหลาน;
  บรรพบุรุษขององค์ประกอบ Y คือองค์ประกอบใด ๆ
• ผู้ปกครองเป็นเพียงคนแรกเท่านั้น
• บรรพบุรุษ.
• นี่คือสิ่งที่เราเรียนรู้จากบทเรียนนี้

เราได้เรียนรู้ว่า HTML มีแท็กที่เก็บข้อมูลและแสดงไว้บนหน้าเว็บไซต์ แต่ละแท็กมีความหมายเฉพาะ

ไฟล์ที่มีความละเอียด .html ใช้เพื่อทำงานกับ HTML ในการทำงานกับ HTML คุณต้องสร้างเอกสารใหม่ เขียนโค้ดลงไป และบันทึกในรูปแบบ .html

ความจริงที่ว่า HTML มีลำดับชั้นพิเศษ แท็กจะแบ่งออกเป็นแท็กพี่น้อง แท็กหลัก และแท็กบรรพบุรุษ ทุกอย่างมีความสัมพันธ์กันที่นี่ แต่ละแท็กจะมีบรรพบุรุษ พ่อแม่ และพี่น้องของตัวเอง

• แท็ก HTML เป็นพื้นฐานของภาษา HTML แท็กใช้เพื่อกำหนดจุดเริ่มต้นและจุดสิ้นสุดขององค์ประกอบในมาร์กอัป
  , , , , , , , , , , , , ;
• เอกสาร HTML แต่ละฉบับประกอบด้วยโครงสร้างองค์ประกอบ HTML และข้อความ แต่ละองค์ประกอบ HTML จะถูกระบุโดยแท็กเริ่มต้น (เปิด) และสิ้นสุด (ปิด) แท็กเปิดและปิดประกอบด้วยชื่อของแท็ก
• องค์ประกอบ HTML ทั้งหมดแบ่งออกเป็นห้าประเภท:
• องค์ประกอบว่าง - , ,
• องค์ประกอบที่มีข้อความที่ไม่ได้จัดรูปแบบ - , ;

องค์ประกอบที่แสดงข้อความที่ไม่ได้จัดรูปแบบ - , ;

องค์ประกอบจากเนมสเปซอื่น - MathML และ SVG; ตารางที่ 1. องค์ประกอบ HTML คำอธิบายแท็ก

	ใช้เพื่อเพิ่มความคิดเห็น
	ประกาศประเภทเอกสารและให้ข้อมูลพื้นฐานแก่เบราว์เซอร์ - ภาษาและเวอร์ชัน
	สร้างลิงค์ไฮเปอร์เท็กซ์
	ระบุข้อความเป็นตัวย่อหรือตัวย่อ ข้อความอธิบายถูกระบุโดยใช้แอตทริบิวต์ชื่อ
	ระบุข้อมูลติดต่อของผู้เขียน/เจ้าของเอกสารหรือบทความ แสดงเป็นตัวเอียงในเบราว์เซอร์
	เป็นไฮเปอร์ลิงก์พร้อมข้อความที่สอดคล้องกับพื้นที่เฉพาะบนแผนที่รูปภาพหรือพื้นที่ที่ใช้งานอยู่ภายในแผนที่รูปภาพ ซ้อนอยู่ในแท็กเสมอ
	ส่วนของเนื้อหาที่สร้างส่วนที่เป็นอิสระของเอกสารหรือเว็บไซต์ เช่น บทความในนิตยสาร โพสต์ในบล็อก ความคิดเห็น
	หมายถึงเนื้อหาของหน้าที่เกี่ยวข้องทางอ้อมกับเนื้อหาหลักของหน้า/ไซต์
	โหลดเนื้อหาเสียงลงในหน้าเว็บ
	ตั้งค่าข้อความให้เป็นตัวหนาโดยไม่เพิ่มการเน้นหรือความสำคัญให้กับข้อความที่ไฮไลต์
	ระบุที่อยู่ฐาน (URL) ที่ใช้คำนวณที่อยู่ที่เกี่ยวข้องทั้งหมด ซึ่งจะช่วยหลีกเลี่ยงปัญหาเมื่อย้ายเพจไปยังตำแหน่งอื่น เนื่องจากลิงก์ทั้งหมดจะทำงานได้เหมือนเดิม
	แยกข้อความที่เขียนในภาษาซึ่งมีการอ่านข้อความจากขวาไปซ้ายจากส่วนที่เหลือของข้อความ
	แสดงข้อความในทิศทางที่ระบุโดยแอตทริบิวต์ dir โดยแทนที่ทิศทางของข้อความปัจจุบัน
	ไฮไลต์ข้อความเป็นเครื่องหมายคำพูด ใช้เพื่ออธิบายเครื่องหมายคำพูดขนาดใหญ่
	แสดงถึงเนื้อความของเอกสาร (เนื้อหาที่ไม่ได้เป็นส่วนหนึ่งของข้อมูลเมตาของเอกสาร)
	ตัดข้อความขึ้นบรรทัดใหม่
	สร้างปุ่มโต้ตอบ คุณสามารถวางเนื้อหาภายในแท็ก - ข้อความหรือรูปภาพ
	คอนเทนเนอร์ Canvas สำหรับการแสดงรูปภาพแบบไดนามิก เช่น รูปภาพธรรมดา แผนภูมิ กราฟ ฯลฯ ภาษาสคริปต์ JavaScript ใช้สำหรับการวาดภาพ
	เพิ่มคำอธิบายให้กับตาราง แทรกทันทีหลังแท็ก . ใช้เพื่อระบุแหล่งที่มาของการอ้างอิง แสดงเป็นตัวเอียง แสดงถึงโค้ดโปรแกรมที่แสดงในตระกูลฟอนต์ monospace เลือกคอลัมน์ตารางตั้งแต่หนึ่งคอลัมน์ขึ้นไปสำหรับการจัดรูปแบบที่ไม่มีข้อมูลประเภทเดียวกัน สร้างกลุ่มโครงสร้างของคอลัมน์ที่ระบุเซลล์ที่เป็นเนื้อเดียวกันในเชิงตรรกะจำนวนมาก องค์ประกอบนี้ใช้เพื่อเชื่อมโยงค่าของแอตทริบิวต์ value ซึ่งอยู่ในรูปแบบที่เครื่องอ่านได้และสามารถประมวลผลโดยคอมพิวเตอร์กับเนื้อหาของแท็ก องค์ประกอบคอนเทนเนอร์สำหรับองค์ประกอบรายการแบบหล่นลง ค่าตัวแปรจะถูกวางไว้ในองค์ประกอบ ใช้เพื่ออธิบายคำศัพท์จากแท็ก ทำเครื่องหมายข้อความว่าลบแล้วโดยขีดฆ่าออก สร้างวิดเจ็ตแบบโต้ตอบที่ผู้ใช้สามารถเปิดหรือปิดได้ แสดงถึงคอนเทนเนอร์สำหรับเนื้อหา ชื่อวิดเจ็ตที่มองเห็นได้จะถูกวางไว้ในแท็ก ระบุคำที่เป็นคำศัพท์โดยการใส่ไว้ในตัวเอียง ข้อความต่อไปนี้ควรมีคำจำกัดความของคำนี้ องค์ประกอบแบบโต้ตอบที่ผู้ใช้โต้ตอบเพื่อทำงานให้เสร็จสิ้น เช่น กล่องโต้ตอบ ตัวตรวจสอบ หรือหน้าต่าง หากไม่มีแอตทริบิวต์ open ผู้ใช้จะไม่สามารถมองเห็นได้ แท็กคอนเทนเนอร์สำหรับส่วนของเอกสาร HTML ใช้สำหรับการจัดกลุ่ม องค์ประกอบบล็อกเพื่อวัตถุประสงค์ในการจัดรูปแบบตามสไตล์ คอนเทนเนอร์แท็กที่มีคำศัพท์และคำอธิบาย ใช้เพื่อระบุคำศัพท์ เน้นข้อความที่สำคัญโดยแสดงเป็นตัวเอียง คอนเทนเนอร์แท็กสำหรับฝังเนื้อหาเชิงโต้ตอบภายนอกหรือปลั๊กอิน จัดกลุ่มองค์ประกอบที่เกี่ยวข้องในแบบฟอร์มโดยการวาดกล่องล้อมรอบองค์ประกอบเหล่านั้น ชื่อเรื่อง/คำบรรยายสำหรับองค์ประกอบ คอนเทนเนอร์แท็กในตัวเองสำหรับเนื้อหา เช่น ภาพประกอบ ไดอะแกรม ภาพถ่าย ตัวอย่างโค้ด โดยปกติจะมีคำบรรยาย กำหนดพื้นที่สิ้นสุด (ส่วนท้าย) ของเอกสารหรือส่วน แบบฟอร์มรวบรวมและส่งข้อมูลจากผู้ใช้ไปยังเซิร์ฟเวอร์ ใช้งานไม่ได้หากไม่มีแอตทริบิวต์ action สร้างส่วนหัวหกระดับสำหรับส่วนที่เกี่ยวข้อง องค์ประกอบคอนเทนเนอร์สำหรับข้อมูลเมตาของเอกสาร HTML เช่น , , , , ส่วนสำหรับข้อมูลเบื้องต้นของไซต์หรือกลุ่มลิงก์การนำทาง อาจมีหัวเรื่อง โลโก้ ข้อมูลเกี่ยวกับผู้เขียนอย่างน้อยหนึ่งรายการ เส้นแนวนอนสำหรับการแบ่งหัวข้อของย่อหน้า องค์ประกอบรากของเอกสาร HTML บอกเบราว์เซอร์ว่านี่คือเอกสาร HTML เป็นคอนเทนเนอร์สำหรับองค์ประกอบ html อื่นๆ ทั้งหมด ทำให้ข้อความเป็นตัวเอียงโดยไม่เน้นข้อความเพิ่มเติม สร้างเฟรมแบบอินไลน์โดยการโหลดเอกสารอื่นลงในเอกสาร HTML ปัจจุบัน ฝังรูปภาพในเอกสาร HTML โดยใช้แอตทริบิวต์ src ซึ่งมีค่าเป็น URL ของรูปภาพที่ฝัง สร้างฟิลด์แบบฟอร์มที่หลากหลายซึ่งผู้ใช้สามารถป้อนข้อมูลได้ เน้นข้อความด้วยการขีดเส้นใต้ ใช้เพื่อเน้นการเปลี่ยนแปลงที่ทำกับเอกสาร เลือกข้อความที่ผู้ใช้จะป้อนโดยใช้แป้นพิมพ์ในแบบอักษรโมโนสเปซ ใช้เพื่อจัดเก็บข้อมูลเพิ่มเติมเกี่ยวกับเพจ เบราว์เซอร์ใช้ข้อมูลนี้เพื่อประมวลผลเพจและ เครื่องมือค้นหา- สำหรับการจัดทำดัชนี สามารถมีได้หลายแท็กในบล็อก เนื่องจากขึ้นอยู่กับคุณลักษณะที่ใช้ แท็กเหล่านั้นจึงมีข้อมูลที่แตกต่างกัน ตัวบ่งชี้การวัดในช่วงที่กำหนด ส่วนของเอกสารที่มีลิงก์การนำทางสำหรับไซต์ กำหนดส่วนที่ไม่สนับสนุนการเขียนสคริปต์ คอนเทนเนอร์สำหรับการฝังมัลติมีเดีย (เช่น เสียง, วิดีโอ, แอปเพล็ต Java, ActiveX, PDF และ Flash) คุณยังสามารถแทรกหน้าเว็บอื่นลงในเอกสาร HTML ปัจจุบันได้ แท็กนี้ใช้เพื่อส่งผ่านพารามิเตอร์ของปลั๊กอิน รายการลำดับเลขที่สั่งครับ. การกำหนดหมายเลขอาจเป็นตัวเลขหรือตัวอักษรก็ได้ คอนเทนเนอร์ที่มีชื่อสำหรับกลุ่มขององค์ประกอบ ระบุตัวเลือก/ตัวเลือกเพื่อเลือกจากรายการดรอปดาวน์ หรือ ฟิลด์สำหรับแสดงผลการคำนวณที่คำนวณโดยใช้สคริปต์ ย่อหน้าในข้อความ กำหนดพารามิเตอร์สำหรับปลั๊กอินที่ฝังโดยใช้องค์ประกอบ องค์ประกอบคอนเทนเนอร์ที่มีองค์ประกอบเดียว และองค์ประกอบเป็นศูนย์หรือมากกว่านั้น โดยตัวมันเองมันไม่แสดงอะไรเลย อนุญาตให้เบราว์เซอร์เลือกภาพที่เหมาะสมที่สุด แสดงข้อความโดยไม่มีการจัดรูปแบบ โดยคงช่องว่างและตัวแบ่งข้อความ สามารถใช้แสดงรหัสคอมพิวเตอร์ ข้อความ อีเมลฯลฯ ตัวบ่งชี้ความสำเร็จของงานใดๆ กำหนดใบเสนอราคาแบบสั้น คอนเทนเนอร์สำหรับสัญลักษณ์เอเชียตะวันออกและการถอดรหัส กำหนดข้อความที่ซ้อนกันเป็นองค์ประกอบฐานของคำอธิบายประกอบ เพิ่ม คำอธิบายสั้น ๆด้านบนหรือด้านล่างของอักขระที่มีอยู่ในองค์ประกอบ โดยแสดงเป็นแบบอักษรขนาดเล็ก ทำเครื่องหมายข้อความที่ฝังไว้เป็นคำอธิบายประกอบเพิ่มเติม แสดงข้อความแสดงแทนหากเบราว์เซอร์ไม่รองรับองค์ประกอบ แสดงข้อความที่ไม่เป็นปัจจุบันโดยมีขีดทับ ใช้เพื่อแสดงข้อความที่แสดงถึงผลลัพธ์ของการรันโค้ดโปรแกรมหรือสคริปต์ตลอดจนข้อความระบบ แสดงเป็นแบบอักษร monospace ใช้เพื่อกำหนดสคริปต์ฝั่งไคลเอ็นต์ (โดยปกติคือ JavaScript) ประกอบด้วยข้อความสคริปต์หรือชี้ไปที่ ไฟล์ภายนอกสคริปต์โดยใช้แอตทริบิวต์ src กำหนดพื้นที่โลจิคัล (ส่วน) ของเพจ โดยปกติจะมีส่วนหัว องค์ประกอบควบคุมที่ช่วยให้คุณสามารถเลือกค่าจากชุดที่เสนอ ค่าตัวแปรจะถูกวางไว้ใน แสดงข้อความด้วยขนาดตัวอักษรที่เล็กลง ระบุตำแหน่งและประเภทของรีซอร์สสื่อทางเลือกสำหรับ , , คอนเทนเนอร์สำหรับองค์ประกอบแบบอินไลน์ สามารถใช้จัดรูปแบบข้อความได้ เช่น การเน้นคำแต่ละคำ เน้นข้อความโดยเน้นเป็นตัวหนา รวมสไตล์ชีตแบบฝังได้ ระบุการเขียนตัวห้อยของสัญลักษณ์ เช่น ดัชนีองค์ประกอบในสูตรทางเคมี สร้างชื่อที่มองเห็นได้สำหรับแท็ก เมื่อแสดงเป็นรูปสามเหลี่ยมเต็มแล้ว การคลิกจะทำให้คุณสามารถดูรายละเอียดชื่อเรื่องได้ ระบุการสะกดตัวยกของอักขระ แท็กสำหรับสร้างตาราง กำหนดเนื้อหาของตาราง สร้างเซลล์ตาราง ใช้เพื่อประกาศส่วนของโค้ด HTML ที่สามารถโคลนและแทรกลงในเอกสารโดยใช้สคริปต์ เนื้อหาของแท็กไม่ใช่ลูกของมัน สร้างช่องป้อนข้อความขนาดใหญ่ กำหนดส่วนท้ายของตาราง สร้างชื่อเซลล์ตาราง กำหนดชื่อตาราง กำหนดวันที่/เวลา ชื่อของเอกสาร HTML ที่ปรากฏที่ด้านบนของแถบชื่อเรื่องของเบราว์เซอร์ อาจปรากฏในผลการค้นหาด้วย ดังนั้นควรคำนึงถึงเรื่องนี้เมื่อระบุชื่อ สร้างแถวของตาราง เพิ่มคำบรรยายสำหรับองค์ประกอบและ . เน้นข้อความด้วยการขีดเส้นใต้ โดยไม่ต้องเน้นเพิ่มเติม สร้างรายการสัญลักษณ์แสดงหัวข้อย่อย เน้นตัวแปรจากโปรแกรมโดยแสดงเป็นตัวเอียง เพิ่มไฟล์วิดีโอลงในเพจ รองรับ 3 รูปแบบวิดีโอ: MP4, WebM, Ogg บ่งชี้ถึงเบราว์เซอร์ที่บรรทัดยาวอาจขาด แผ่นโกงพร้อมแท็ก เพื่อความสะดวกในการใช้งาน ฉันจึงจัดกลุ่มแท็กออกเป็นส่วนๆ โดยเพิ่มค่าคุณสมบัติการแสดงผลสำหรับแต่ละแท็ก ไปที่ตารางคลิกที่ภาพ ไวยากรณ์ HTML ข้าว. 1.6. การแสดงหน้า HTML อย่างง่ายในเว็บเบราว์เซอร์ กฎพื้นฐานของภาษา HTML ชื่อแท็ก HTML ไม่คำนึงถึงขนาดตัวพิมพ์ และใน XHTML ตัวอักษรเล็กและตัวพิมพ์ใหญ่ถือว่าแตกต่างกัน และชื่อแท็กจะต้องเขียนด้วยตัวอักษรตัวเล็ก องค์ประกอบสามารถประกอบด้วยข้อความและองค์ประกอบย่อย (เช่น องค์ประกอบ HTMLมีองค์ประกอบย่อยของ head และ body ในตัวอย่างด้านบน) องค์ประกอบจะต้องซ้อนกันอย่างถูกต้อง องค์ประกอบย่อยที่รวมอยู่ในองค์ประกอบจะต้องสิ้นสุดก่อนปิดปากองค์ประกอบ ตัวอย่างเช่น รายการต่อไปนี้ไม่ถูกต้อง: ถูกต้องแล้ว ส่วนนี้ควรมีลักษณะดังนี้: นี่เป็นข้อความตัวหนาและตัวเอียง ใน XHTML หากองค์ประกอบไม่มีข้อความและองค์ประกอบย่อย (องค์ประกอบว่าง) องค์ประกอบนั้นจะต้องยังคงมีแท็กเปิดและปิด ตัวอย่างเช่น องค์ประกอบ br ไม่มีเนื้อหาและทำให้เกิดการขึ้นบรรทัดใหม่ (ข้อความต่อด้วย บรรทัดใหม่- อย่างไรก็ตามตามกฎแล้วควรเขียนดังนี้: หรือเรียกสั้น ๆ - องค์ประกอบ – ​​ผลลัพธ์ของเส้นแนวนอน – ควรเขียนในลักษณะเดียวกันทุกประการ แท็กเปิดองค์ประกอบสามารถมีได้ คุณสมบัติซึ่งชี้แจงพฤติกรรมขององค์ประกอบและตั้งค่าเพิ่มเติม มีแทบทุกแท็กเลย จำนวนมากพารามิเตอร์ทางเลือก ต่อไปจะพิจารณาเฉพาะคุณลักษณะหลักของแท็กเท่านั้น คุณลักษณะหลายอย่างใน HTML นั้นเหมือนกันกับองค์ประกอบทั้งหมด แต่บางส่วนมีความเฉพาะเจาะจงกับองค์ประกอบที่กำหนด ล้วนมีรูปแบบดังนี้ คุณลักษณะ_ชื่อ = "ค่า" ตัวอย่างเช่น: พื้นฐานของภาษามาร์กอัปไฮเปอร์เท็กซ์" ใน ในตัวอย่างนี้องค์ประกอบ div (ส่วนหนึ่งของหน้า HTML ที่อนุญาตให้คุณแยกเอกสารออกเป็นบล็อกแบบลอจิคัล) มีแอตทริบิวต์ id ที่ตั้งค่าเป็น mySection องค์ประกอบ div มีองค์ประกอบ h1 (ส่วนหัวระดับแรกหรือสำคัญที่สุด) ซึ่งจะมีข้อความบางส่วนอยู่ด้วย ค่าแอตทริบิวต์จะต้องอยู่ในเครื่องหมายคำพูดเดี่ยวหรือคู่ ชื่อของแท็กและแอตทริบิวต์และค่าที่เป็นไปได้ถูกกำหนดโดยข้อกำหนดภาษา HTML และคุณไม่สามารถสร้างแท็กหรือแอตทริบิวต์ของคุณเองได้ องค์ประกอบทั้งหมดสามารถมีแอตทริบิวต์ id และคลาสได้ ซึ่งค่าที่ใช้ในการระบุองค์ประกอบเฉพาะ (id) หรือกลุ่มขององค์ประกอบ (คลาส) แอ็ตทริบิวต์เหล่านี้ถูกใช้ในสคริปต์เอกสารและคำอธิบาย สไตล์ CSSเอกสาร. องค์ประกอบใน HTML มีสองประเภทหลัก: ปิดกั้นและ เชือก องค์ประกอบบล็อกมักจะแจ้งเกี่ยวกับโครงสร้างของเอกสาร องค์ประกอบดังกล่าวเริ่มต้นในบรรทัดใหม่ โดยแยกออกจากสิ่งที่อยู่ก่อนหน้า ตัวอย่างขององค์ประกอบบล็อกคือ ย่อหน้า, รายการ ส่วนหัวและตาราง คอนเทนเนอร์ div องค์ประกอบสตริงมีอยู่ภายในองค์ประกอบโครงสร้างระดับบล็อกและครอบคลุมเฉพาะบางส่วนของข้อความเอกสาร ไม่ใช่พื้นที่ทั้งหมด องค์ประกอบแบบอินไลน์ไม่ทำให้บรรทัดใหม่ปรากฏในเอกสารเนื่องจากเป็นองค์ประกอบที่ปรากฏในย่อหน้าของข้อความ ตัวอย่างขององค์ประกอบสตริงคือ ลิงก์ คำหรือวลีที่เน้นสี สแปนคอนเทนเนอร์ ภาษาใดๆ ก็มีไวยากรณ์ เช่น ชุดกฎสำหรับการสร้างวลีที่ช่วยให้สามารถกำหนดประโยคที่มีความหมายในภาษานั้นได้ เราจะเริ่มการศึกษาภาษา HTML โดยศึกษากฎเหล่านี้ ขั้นแรก เรามาเปิด Dremweaver ของเราและสร้างเอกสาร HTML ง่ายๆ ในโหมดภาพปกติของเรา มาดูกันว่าโค้ด HTML ใดที่สอดคล้องกับเอกสารของเรา ดังที่คุณจำได้ การสลับไปใช้โหมดการดูโค้ด HTML ทำได้โดยใช้ปุ่มมุมมองโค้ด Dremweaver มีโหมดอื่น ซึ่งสะดวกมาก โดยเฉพาะอย่างยิ่งเมื่อคุณมีจอภาพขนาดใหญ่ นี่คือโหมด "ระดับกลาง" ที่แสดงทั้งโค้ดและเอกสารที่เกี่ยวข้องพร้อมกัน ซึ่งทำให้ง่ายขึ้นมากในการพิจารณาว่าเรามีอะไร: เราทำเครื่องหมาย แฟรกเมนต์บางส่วนในโหมดภาพและเห็นแฟรกเมนต์นี้ในโหมดโค้ด HTML ทันที ดังนั้น คุณจะสังเกตได้ว่า HTML มีแฟรกเมนต์ของเราอยู่ แหล่งที่มาในรูปแบบที่บริสุทธิ์และนอกจากนี้คำที่เข้าใจยากบางคำยังอยู่ในวงเล็บเหลี่ยมอีกด้วย โครงสร้างที่เข้าใจยากเหล่านี้เป็นองค์ประกอบพื้นฐานของภาษาของเรา พวกเขาเรียกว่าแท็ก แท็กประกอบด้วยชื่อแท็กที่อยู่ในวงเล็บมุม ชื่อแท็กสามารถเขียนได้ทั้งอักษรตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ - ไม่สำคัญ หากมองอย่างใกล้ชิด คุณจะสังเกตเห็นว่าแท็กจำนวนมากมี "อีกครึ่งหนึ่ง" พร้อมด้วยเครื่องหมายทับ และ "คู่" ดังกล่าวล้อมรอบส่วนของข้อความ "ที่มีความหมาย" ของเรา ตัวอย่างเช่น ส่วนหัวล้อมรอบด้วยแท็ก และ ย่อหน้าล้อมรอบด้วยแท็ก การออกแบบนี้เรียกว่าองค์ประกอบ องค์ประกอบคือหน่วยมาร์กอัป องค์ประกอบประกอบด้วยแท็กเปิด ข้อมูล (เช่น ข้อมูลเนื้อหา) และแท็กปิด ดังนั้น วัตถุประสงค์ของแท็กคือการทำเครื่องหมายขอบเขตขององค์ประกอบ ลองเปลี่ยนเค้าโครงข้อความ: ตัวอย่างเช่น แทนที่จะใส่องค์ประกอบ ให้ใส่ชื่อเรื่องในองค์ประกอบแทน เมื่อเราเปลี่ยนแปลงบางอย่างในโค้ด การเปลี่ยนแปลงจะไม่แสดงทันทีในโหมดภาพ แต่มีข้อความปรากฏขึ้นในแผงคุณสมบัติว่าเราได้ทำการเปลี่ยนแปลงโค้ด และเพื่อที่จะดูการเปลี่ยนแปลง คุณต้องกดปุ่ม "รีเฟรช" หรือ ปุ่ม "F5" แทนที่จะเป็นชื่อเรื่อง เราได้รับข้อความย่อหน้าปกติ ยินดีด้วย! คุณได้ดำเนินการขั้นตอนแรกในการแก้ไขโค้ด HTML ด้วยตนเองแล้ว เมื่อมาร์กอัปข้อความลงในองค์ประกอบ จำเป็นอย่างยิ่งที่แท็กเปิดจะต้องตรงกับแท็กปิดเดียวกัน หากเราจะเปลี่ยนแท็กเปิดเป็น แต่พวกเขาทิ้งอันปิดไว้ - นั่นคงเป็นความผิดพลาดร้ายแรง Dreamweaver สามารถ "จับ" ข้อผิดพลาดดังกล่าวและรายงานให้เราทราบได้ มีองค์ประกอบหลายอย่างที่ไม่จำเป็นต้องระบุแท็กปิด ตัวอย่างเช่นองค์ประกอบดังกล่าวคือองค์ประกอบ P จุดสิ้นสุดของย่อหน้าแรกสามารถระบุได้ตั้งแต่ต้นวินาที มีองค์ประกอบที่ไม่สามารถมีแท็กปิดได้เลย ประกอบด้วยเพียงแท็กเปิดเท่านั้น สิ่งนี้เกิดขึ้นเมื่อองค์ประกอบไม่ได้ตั้งใจที่จะมาร์กอัปข้อความ แต่มีการโหลดความหมายที่เป็นอิสระ เช่น รูปภาพ องค์ประกอบ - องค์ประกอบสามารถซ้อนกันภายในกันและกันได้ ตัวอย่างเช่น องค์ประกอบ ซ้อนกันภายในองค์ประกอบ ซึ่งหมายความว่ารูปภาพอยู่ภายในย่อหน้า เราสามารถใส่องค์ประกอบอื่นๆ ลงในย่อหน้านี้ได้ ตัวอย่างเช่น ลองใส่ส่วนของข้อความบางส่วนไว้ในองค์ประกอบ ส่วนนี้เป็นตัวเอียง องค์ประกอบจะต้องไม่ "ตัดกัน": หากองค์ประกอบถูกเปิดภายในองค์ประกอบ จากนั้นควรปิดด้านในด้วย หากเราปิดองค์ประกอบ "ภายนอก" องค์ประกอบหลัก นี่จะเป็นข้อผิดพลาดร้ายแรง ซึ่ง Dreamweaver จะแจ้งให้เราทราบด้วย ที่นี่รายงานว่าเรามีแท็กที่ทับซ้อนกัน แท็กบางแท็ก นอกเหนือจากชื่อแล้ว อาจมีแอตทริบิวต์ที่มีข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบเฉพาะนี้ คุณลักษณะประกอบด้วยชื่อคุณลักษณะและค่าที่คั่นด้วยเครื่องหมายเท่ากับ ตัวอย่างเช่น แท็ก มีแอตทริบิวต์ width ซึ่งรับผิดชอบความกว้างของรูปภาพ เราสามารถเปลี่ยนค่าของแอตทริบิวต์นี้ได้ และความกว้างของรูปภาพก็จะเปลี่ยนไป คุณลักษณะพิเศษคือ id และ class คุณลักษณะเหล่านี้ใช้กับเกือบทุกองค์ประกอบ รหัสช่วยให้คุณสามารถตั้งชื่อที่ไม่ซ้ำให้กับองค์ประกอบและทำให้แยกความแตกต่างจากองค์ประกอบที่คล้ายกันจำนวนหนึ่ง ชื่อนี้สามารถใช้ได้: ประการแรก สำหรับการออกแบบองค์ประกอบเฉพาะที่ไม่ได้มาตรฐาน (เช่น เรามี 2 ย่อหน้า - องค์ประกอบที่เหมือนกัน มีลักษณะเหมือนกันตามลำดับ โดยการกำหนดชื่อให้กับองค์ประกอบเหล่านั้นโดยใช้แอตทริบิวต์ id เราสามารถควบคุมได้ การออกแบบของแต่ละอันแยกกัน) ประการที่สอง id สามารถใช้เป็นเป้าหมายในไฮเปอร์ลิงก์ได้ กล่าวคือ เราไม่สามารถลิงก์ได้ไม่เพียงแต่ไปยังเพจเท่านั้น แต่ยังไปยังตำแหน่งเฉพาะบนนั้นด้วย ประการที่สามสำหรับความต้องการของโปรแกรมเมอร์ (สำหรับการปรับเปลี่ยนบางอย่างด้วยองค์ประกอบเฉพาะ) คลาสซึ่งต่างจาก id คือไม่จำเป็นต้องไม่ซ้ำกัน ระบุว่าองค์ประกอบตั้งแต่หนึ่งรายการขึ้นไปอยู่ในคลาสเฉพาะ คลาสส่วนใหญ่ใช้สำหรับความต้องการด้านการออกแบบ ตัวอย่างเช่น เราสามารถทำเครื่องหมายหลายย่อหน้าว่าเป็นของชั้นเรียนเดียวกันได้ ตอนนี้เรามีย่อหน้านี้และย่อหน้านี้อยู่ในคลาสเดียวกัน และตอนนี้เราสามารถเปลี่ยนการออกแบบได้ในคราวเดียว นอกจากแท็กแล้ว HTML ยังใช้สิ่งที่เรียกว่า "การทดแทน" (เอนทิตี) จำเป็นในสองกรณี: เพื่อแทรกอักขระที่ไม่ได้อยู่บนแป้นพิมพ์ลงในเอกสาร (เช่น เครื่องหมายคำพูด "ถูกต้อง") และการแทรกอักขระที่มีความหมายบริการใน HTML ตัวอย่างเช่น หากเราต้องการวงเล็บมุมและเราเขียนมันลงในโค้ดตามที่เป็นอยู่ เบราว์เซอร์จะรับรู้สิ่งนี้เป็นแท็กโดยธรรมชาติ ในกรณีนี้ แทนที่จะใช้วงเล็บมุม คุณจะต้องระบุการทดแทนพิเศษที่เบราว์เซอร์จะตีความว่าเป็นวงเล็บมุม การเปลี่ยนตัวมีรูปแบบดังต่อไปนี้: &code; รหัสอาจเป็นได้ทั้งช่วยในการจำ คำพิเศษ หรือตัวเลข เมื่อเราเพียงแค่ ระบุหมายเลขสัญลักษณ์ รหัสตัวเลขนำหน้าด้วยแฮช มีรหัสช่วยจำจำนวนมากสำหรับอักขระต่างๆ แต่ด้วยความช่วยเหลือของรหัสตัวเลข เราสามารถระบุอักขระใดๆ ที่มีอยู่ในแบบอักษรที่กำหนดได้อย่างแน่นอน แม้แต่ตัวเดียวที่ไม่มีรหัสช่วยจำก็ตาม ดังนั้น องค์ประกอบ แท็ก คุณลักษณะ และการแทนที่จึงเป็น "แบบเอกสารสำเร็จรูป" หลักที่ใช้สร้างเอกสาร HTML แต่ในการก่อสร้างใดๆ เราต้องปฏิบัติตามกฎพื้นฐานบางประการ: ขั้นแรกให้วางรากฐาน สร้างผนัง คลุมอาคารด้วยหลังคา ฯลฯ การสร้างเอกสาร HTML ยังมีกฎหมายของตัวเองซึ่งสะท้อนให้เห็นในโครงสร้างของเอกสาร เราเข้าใจมาร์กอัปข้อความไม่มากก็น้อย คุณแน่ใจว่าเอกสารนั้นอิงตามข้อความของคุณ โดยแบ่งออกเป็นองค์ประกอบต่างๆ โดยใช้แท็ก อย่างไรก็ตาม คุณจะเห็นองค์ประกอบอื่นๆ จำนวนมากที่ไม่ชัดเจนว่าเกี่ยวข้องกับอะไร ตั้งอยู่ในลักษณะที่กำหนดไว้อย่างเคร่งครัด เอกสารเริ่มต้นด้วยบรรทัดต่อไปนี้: . นี่คือสิ่งที่เรียกว่าการประกาศ เวอร์ชัน HTML- ความจริงก็คืออย่างที่คุณจำได้ในช่วงประวัติศาสตร์สั้น ๆ แต่มีความสำคัญของการพัฒนา HTML ได้รับการเผยแพร่ในหลายเวอร์ชัน เพื่อให้เบราว์เซอร์สามารถแสดงได้อย่างถูกต้อง เอกสารนี้เขาจะต้องรู้ว่ามันเขียนด้วย HTML ใด ในกรณีนี้ บรรทัดนี้ระบุว่าเรากำลังจัดการกับ HTML เวอร์ชัน 4.01 หลังจากการประกาศ เอกสารจะเริ่มต้นขึ้นเอง มันอยู่ในองค์ประกอบ เราเห็นแท็กเปิด และที่ส่วนท้ายของเอกสารจะมีแท็กปิด ภายในองค์ประกอบนั้น องค์ประกอบที่จำเป็นสององค์ประกอบจะอยู่ติดกัน: และหลังจากนั้น . , เช่น. ส่วนหัวประกอบด้วยข้อมูลบริการที่ไม่แสดงในหน้าต่างเบราว์เซอร์ เช่น องค์ประกอบประกอบด้วยชื่อเรื่องของเอกสาร ซึ่งแสดงในชื่อหน้าต่าง - นี่คือเนื้อหาของเอกสาร - รวมถึงเนื้อหาของเอกสารของเรา เช่น สิ่งที่เราเห็นในหน้าต่างเบราว์เซอร์ หากคุณอธิบายทั้งหมดนี้ด้วยภาพกราฟิก คุณจะได้แผนภาพต่อไปนี้ เป็นที่น่าสนใจที่จะทราบว่าจากมุมมองของข้อกำหนด เอกสาร HTML ขั้นต่ำจะต้องมีเพียงสององค์ประกอบ: การประกาศเวอร์ชัน HTML และองค์ประกอบ TITLE - ชื่อของเอกสาร องค์ประกอบอื่นๆ ทั้งหมด หากพูดอย่างเคร่งครัด เป็นทางเลือก จริงอยู่ที่ชัดเจนว่าค่าข้อมูลของเอกสารดังกล่าวจะเป็นที่น่าสงสัยมาก ไวยากรณ์ HTML ในบทความนี้ เราจะดูไวยากรณ์ HTML และวิธีเขียน HTML อย่างถูกต้อง โครงสร้างเอกสาร HTML เมื่อเขียนโค้ด HTML ใน Notepad ขอแนะนำให้ยึดสไตล์เดียว เค้าโครงของเอกสาร HTML มาตรฐานมีลักษณะดังนี้: ชื่อหน้า ชื่อบทความ ย่อหน้าของบทความ เอกสาร HTML ทุกฉบับต้องขึ้นต้นด้วยบรรทัด ซึ่งหมายความว่าโค้ดในเอกสารจะเขียนด้วย HTML จากนั้นโค้ด HTML ก็มาเอง ระหว่างแท็กจะมีสองบล็อกหลัก บล็อกแรกคือส่วนหัวของเอกสาร HTML ซึ่งเริ่มต้นและสิ้นสุดด้วยแท็ก บล็อกที่สองคือเนื้อหาของเอกสาร HTML ซึ่งเริ่มต้นและสิ้นสุดด้วยแท็ก ส่วนหัวของเอกสาร HTML ประกอบด้วยข้อมูลต่างๆข้อมูลที่เป็นกรรมสิทธิ์ ซึ่งผู้ใช้จะไม่เห็น (ยกเว้นแท็ก title) มีแท็กต่อไปนี้: — ชื่อของหน้า HTML — เมตาแท็ก พวกเขามีข้อมูลบริการเกี่ยวกับหน้า — แท็กที่อ้างอิงถึงไฟล์ภายนอก เช่น .css, .ico เป็นต้น - แท็กสามารถมีโค้ด JavaScript หรือลิงก์ไปยังไฟล์ .js ภายนอก เนื้อหาของเอกสาร HTML มักจะมีข้อมูลหลักที่เราเห็นบนหน้าเว็บ โดยอาจมีแท็กต่อไปนี้: - ชื่อบทความระดับที่ 1 - ภาพ, - ย่อหน้า - ลิงค์ - โต๊ะ, - รูปร่าง, การป้อนข้อมูล ฯลฯ กฎการเขียนโค้ด HTML แท็กบล็อกที่อยู่ภายในแท็กอื่นๆ ควรวางไว้หนึ่งบรรทัดด้านล่างและเว้นวรรค (แท็บตามที่คุณต้องการ) ทางด้านขวาของแท็กที่วางไว้ ตัวอย่างเช่น นี่คือวิธีที่ส่วนหัว h1 และย่อหน้า p สัมพันธ์กับแท็กเนื้อหาในไดอะแกรมเอกสาร HTML ที่อยู่ตอนต้นของบทความนี้ แท็กปิดและแท็กเปิดขององค์ประกอบเดียวกันสามารถอยู่ในระดับเดียวกันได้ เช่น แท็ก หรือแท็กปิดอาจอยู่ที่ส่วนท้ายของข้อความ เช่น แท็กปิดของชื่อ องค์ประกอบ h1 และ p องค์ประกอบที่เทียบเท่ากันสามารถวางในระดับเดียวกันได้ ในสคีมาเอกสาร HTML ที่อยู่ด้านบน องค์ประกอบที่เทียบเท่ากันคือ head และ body , h1 และ p ในความเป็นจริง โค้ด HTML ทั้งหมดสามารถเขียนได้ในบรรทัดเดียว และเบราว์เซอร์จะยังคงแสดงหน้า HTML ได้อย่างถูกต้อง กฎของไวยากรณ์ของภาษา HTML ซึ่งแท็กจะต้องเขียนไว้ข้างใต้และทางด้านซ้ายจะมีอยู่เพียงเพื่อให้เว็บมาสเตอร์สะดวกยิ่งขึ้นในการสร้างและเปลี่ยนแปลงโค้ดของหน้า HTML ในอนาคต ต่อไปนี้คือประเด็นอื่นๆ ที่ควรพิจารณาเมื่อสร้างโค้ดของคุณ: ไม่ว่าจะใส่ไปกี่ช่องก็ตาม โปรแกรมแก้ไขข้อความเบราว์เซอร์จะแสดงเป็นช่องว่างเดียว เบราว์เซอร์ไม่รู้จักตัวแบ่งบรรทัดและแท็บในโปรแกรมแก้ไขข้อความ หากคุณต้องการตัดบรรทัดที่ต้องมองเห็นได้บนหน้า HTML ให้ใช้แท็ก . หากคุณต้องการแท็บ (เช่น เพื่อสร้างเส้น "สีแดง") ที่ควรมองเห็นได้บนหน้า HTML ให้ใช้อักขระพิเศษที่ไม่แยกช่องว่างหลายตัวหรือคุณสมบัติ CSS เยื้องข้อความ