คำอธิบายพื้นฐานและไวยากรณ์ในรูปแบบ HTML โครงสร้างเอกสาร HTML

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

HTML

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

ตามกฎแล้ว ข้อมูลเฉพาะของภาษาจะกำหนดว่ามีตัวอธิบายการเปิดและปิดอยู่หรือไม่ ทุกสิ่งในระหว่างนั้นอาจมีการเปลี่ยนแปลง

descriptor สามารถมีแอ็ตทริบิวต์ นั่นคือ คุณสมบัติบางอย่าง ไวยากรณ์มีลักษณะดังนี้: ชื่อแอตทริบิวต์ = ค่าของมัน

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

สถาปัตยกรรม x86

ในโปรเซสเซอร์ ตัวอธิบายเป็นโครงสร้างพิเศษซึ่งช่วยในการเปลี่ยนผ่านต่างๆ โครงสร้างของมันมีลักษณะดังนี้:

  • อคติ. สามารถเลื่อนขั้นตอนโค้ดได้
  • ตัวเลือก สะท้อนถึงประเภทของฉลากที่ควรดำเนินการตามขั้นตอน
  • จำนวนพารามิเตอร์
  • สิทธิ์การเข้าถึง

ชวา

Java EE มีแนวคิดเกี่ยวกับตัวอธิบายการปรับใช้ กำหนดวิธีการปรับใช้เซิร์ฟเล็ต โดยพื้นฐานแล้ว นี่คือไฟล์การกำหนดค่าที่มีการตั้งค่า คุณสมบัติ และข้อกำหนดด้านฮาร์ดแวร์

ในเว็บแอปพลิเคชันตามกฎแล้วไฟล์ดังกล่าวควรเรียกว่า web.xml และอยู่ในโฟลเดอร์เฉพาะ

ตัวอธิบายไฟล์

ในระบบปฏิบัติการ คุณต้องเข้าถึงไฟล์ก่อนจึงจะทำงานกับไฟล์ได้ ซึ่งสามารถทำได้ผ่าน file descriptor ในตัวอย่างนี้ ทำหน้าที่เป็นป้ายกำกับชนิดหนึ่งที่ระบุกระบวนการที่สร้างสตรีม I/O

ระบบปฏิบัติการ Windows ช่วยให้คุณเข้าถึงหมายเลขอ้างอิงโดยใช้ฟังก์ชัน CreateFile สามารถใช้ในภายหลังเมื่อทำงานกับไฟล์ที่ต้องการ

บนระบบ Unix ตัวเลขถูกใช้สำหรับตัวอธิบายไฟล์ 0 คืออินพุตมาตรฐานของกระบวนการเทอร์มินัล 1 คือเอาต์พุต 2 คือสตรีมการวินิจฉัย นอกเหนือจากการแสดงตัวเลขแล้ว คุณยังสามารถใช้ค่าคงที่เชิงสัญลักษณ์ที่กำหนดโดยข้อกำหนดเฉพาะได้

ที่จับหน้าต่าง

หลังจากที่หน้าต่างใดๆ ถูกสร้างขึ้นในระบบ หน้าต่างนั้นจะถูกกำหนดหมายเลขอ้างอิงเฉพาะ ประเภทข้อมูลที่ใช้ในนั้นเป็น HWND โปรแกรมเมอร์เมื่อสร้างแอปพลิเคชันจำเป็นต้องใช้แอปพลิเคชันอย่างถูกต้องเพื่อเข้าถึง

โปรแกรมสามารถรับหมายเลขอ้างอิงได้โดยการเรียกฟังก์ชันFindWindow จะสามารถค้นหาได้จากชื่อของคลาสหรือวัตถุหน้าต่างและส่งคืนค่าของ descriptor

หากต้องการตรวจสอบว่าการระบุตัวตนเสร็จสมบูรณ์อย่างถูกต้องหรือไม่ คุณควรใช้ฟังก์ชัน IsWindow

ข้อผิดพลาดหมายเลข 1400

ปัญหานี้เป็นเรื่องปกติในระบบปฏิบัติการตระกูล Windows เมื่อปรากฏขึ้น อาจมีคำอธิบายสั้นๆ ด้วย - ตัวจัดการหน้าต่างที่ไม่ถูกต้อง หรืออาจมีถ้อยคำดังกล่าว - "Error_invalid_window_handle" หรือ 0x578

วิธีการต่อสู้และคำอธิบายที่ไม่ถูกต้องหมายถึงอะไร? จำเป็นต้องมีมาตรการที่แตกต่างกันขึ้นอยู่กับบริบทของวัตถุ

ไม่ว่าในกรณีใด คุณควรดำเนินการตามมาตรการมาตรฐานสำหรับปัญหาทั้งหมดของระบบทันที:

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

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

    เมื่อเกิดข้อผิดพลาดขึ้นได้

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

    บทสรุป

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

    เห็นได้ชัดว่านี่เป็นคำอธิบายที่ผิด ปรากฎว่านี่เป็นปัญหาทั่วไปในสภาพแวดล้อมของ Windows ในกรณีส่วนใหญ่สามารถแก้ไขได้ด้วยการปรับแต่งง่ายๆ

  • ครั้งที่สอง หลักการพื้นฐานและกฎเกณฑ์การปฏิบัติอย่างเป็นทางการของข้าราชการของรัฐของ Federal Tax Service
  • ครั้งที่สอง เป้าหมายหลักและวัตถุประสงค์ของโครงการ ระยะเวลาและขั้นตอนของการดำเนินการ ตัวบ่งชี้เป้าหมายและตัวชี้วัด
  • ครั้งที่สอง ขั้นตอนหลักในการพัฒนาฟิสิกส์ การก่อตัวของฟิสิกส์ (จนถึงศตวรรษที่ 17)
  • III.2.1) แนวคิดเรื่องอาชญากรรม ลักษณะสำคัญของอาชญากรรม
  • HTML- ภาษามาร์กอัปไฮเปอร์เท็กซ์เอกสาร ด้วยแอปนี้ คุณสามารถเขียนข้อความพร้อมลิงก์ไปยังหน้าอื่น สร้างตาราง รายการ รวมรูปภาพ และอื่นๆ อีกมากมาย ภาษานี้ใช้สำหรับเขียนเว็บไซต์

    » html สำหรับผู้เริ่มต้น

    » หน้าแรก

    » html สำหรับผู้เริ่มต้น

    แท็กพื้นฐาน (ตัวอธิบาย) ของภาษา html

    ตามแบบฉบับของบทช่วยสอน HTML แบบคลาสสิกทั้งหมด เรานำเสนอเอกสารไฮเปอร์เท็กซ์ที่ง่ายที่สุด

    ตัวอย่างเอกสาร HTML อย่างง่าย

    ส่วนหัวระดับแรกอยู่ที่นี่

    ยินดีต้อนรับสู่อินเทอร์เน็ต!

    ย่อหน้าแรกและย่อหน้าสุดท้าย

    ในตัวอย่างนี้ เราใช้คำไฮเปอร์เท็กซ์ต่อไปนี้ (เรียกว่าแท็ก):

    - แท็กที่ใช้กำหนดชื่อเรื่อง</p> <p><H1>- แท็กชื่อ</p> <p><P>แท็กเครื่องหมายย่อหน้า</p> <p>ในภาษาคำอธิบายเอกสารไฮเปอร์เท็กซ์ แท็กทั้งหมดจะถูกจับคู่ แท็กปิดท้ายมีเครื่องหมายทับ ซึ่งส่งสัญญาณถึงความสมบูรณ์ของเบราว์เซอร์ แต่! มีข้อยกเว้นประการหนึ่งสำหรับกฎการจับคู่นี้:</p> <p>ไม่มีแท็กในธรรมชาติ</P>.</p> <p>แท็กบางอันไม่สามารถใช้งานร่วมกับเบราว์เซอร์ได้ หากเบราว์เซอร์ไม่เข้าใจแท็ก ก็ข้ามไปได้เลย</p> <p>ดังนั้นเอกสาร HTML จึงเป็นส่วนหัว:</p> <p><head>หัวเรื่อง</head></p> <p>มีชื่อเรื่อง:</p> <p><title>ชื่อ

    ชื่อเอกสาร

    นี่ไม่ใช่กฎเกณฑ์หรือแม้แต่กฎหมาย แต่เป็นข้อเท็จจริง:

    เอกสาร HTML ทุกฉบับมีชื่อ

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

    การจัดรูปแบบ

    การจัดรูปแบบอาจเป็นโดยตรงหรือเป็นกรรมสิทธิ์ก็ได้ หากคุณใช้แท็ก

    แท็กต่อไปนี้มีอยู่ในการจัดรูปแบบโดยตรง:



    ย่อหน้า


    - เส้นแนวนอน.

    ตัวแบ่งบรรทัด

    หัวเรื่องและหัวเรื่องย่อย

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

    ใน HTML ส่วนหัวแรกถูกกำหนดเป็น

    :

    ข้อความ

    โดย n เราหมายถึงระดับส่วนหัว นั่นคือตัวเลข 1, 2, 3, 4, 5 หรือ 6

    ใน HTML ส่วนหัวแรกสามารถเป็นชื่อของเอกสารได้

    รายการแบ่งออกเป็นไม่มีหมายเลข:

  • รายการ

    หมายเลข:

  • รายการ

    พร้อมคำอธิบาย:

    สุนัข (ธาตุ)

    เพื่อนของมนุษย์ (คำอธิบายรายการ)

    และซ้อนกัน:

  • พรีมัส

  • พรีมัสอีกอัน

    การเลือกข้อความ

    ข้อความในเอกสาร HTML สามารถเน้นได้ด้วยวิธีใดวิธีหนึ่งต่อไปนี้:

    - อ้าง

    - รหัสโปรแกรม



    - คำนิยาม

    - การเน้นเชิงตรรกะ

    - อินพุตคีย์บอร์ด

    - ข้อความคอมพิวเตอร์

    - สำเนียงที่แข็งแกร่ง

    - ตัวแปร

    หนึ่งย่อหน้าใหญ่

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

    จากนั้นก็นำมาพิจารณา หากมีแท็กใดๆ ถูกละเลย จากนั้นจังหวะจะถูกนำมาพิจารณาด้วย ในกรณีอื่นๆ เบราว์เซอร์จะข้ามจังหวะ

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

    แท็กนี้ใช้สำหรับสิ่งนี้ - โปรดจำไว้ว่าจะต้องมีช่องว่างหลังตัวอักษร A

    ¦ โทร

    ¦ ป้อน HREF=”ชื่อไฟล์”>

    ¦ พิมพ์แท็ก

    บ๊อบ

    ที่นี่คำว่า Bob ลิงก์ไปยังเอกสาร BobAnapa.html ซึ่งสร้างลิงก์ไฮเปอร์เท็กซ์

    บ๊อบ

    หากคุณต้องการระบุชื่อไฟล์แบบเต็ม คุณจะต้องใช้ไวยากรณ์ UNIX

    โปรโตคอล: //hostport/path

    การจัดรูปแบบข้อความล่วงหน้า

    แท็ก

    ช่วยให้คุณสร้างข้อความในแบบอักษร monospace

    ใช้แท็กนี้เพื่อออกแบบรายการโปรแกรม

    คำคมเพิ่มเติม

    แท็ก

    ช่วยให้คุณสามารถรวมคำพูดในวัตถุที่เงียบสงบ

    แท็ก

    ช่วยให้คุณสร้างข้อมูลเกี่ยวกับผู้เขียนเอกสาร HTML

    ป้อนเส้นบังคับ

    แท็ก
    แปลเพียงบรรทัดเดียวนั่นคือไม่มีช่องว่างเพิ่มเติม

    ตัวแบ่งแนวนอน

    แท็ก


    สร้างเส้นแนวนอนพาดผ่านความกว้างทั้งหมดของหน้าต่าง

    รูปภาพที่ฝัง

    คุณสามารถฝังรูปภาพลงในเอกสารของคุณได้ ไวยากรณ์ของภาพที่ฝังไว้มีดังนี้:

    ในที่นี้ image_URL เป็นตัวชี้ไปยังไฟล์รูปภาพ ซึ่งมีไวยากรณ์เหมือนกับไวยากรณ์ของลิงก์ HTML

    ในโครงการประกาศนียบัตร ภาษามาร์กอัปไฮเปอร์เท็กซ์ HTML ถูกใช้เป็นเครื่องมือซอฟต์แวร์สำหรับการกรอกเนื้อหาคงที่

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

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

    World Wide Web Consortium (W3C) มีส่วนร่วมในการกำหนดมาตรฐานภาษา HTML แม้ว่าจะต้องตรวจสอบให้แน่ใจว่าเว็บเพจมีความเป็นอิสระจากซอฟต์แวร์และฮาร์ดแวร์อย่างสมบูรณ์ แต่ก็ค่อนข้างยากที่จะนำหลักการเหล่านี้ไปปฏิบัติอย่างเต็มที่ ปัญหาประการหนึ่งคือการทำงานด้านภาษายังคงดำเนินต่อไป HTML เวอร์ชันใหม่กำลังเกิดขึ้นซึ่งให้ความสามารถเพิ่มเติมสำหรับนักพัฒนาเว็บเพจ

    มีโปรแกรมแก้ไข HTML เฉพาะทางมากมาย ซึ่งสามารถแบ่งได้เป็น 2 ประเภท:

      โปรแกรมแก้ไข HTML แบบวิชวล นั่นคือโปรแกรมแก้ไขประเภท WYSIWIG (เช่น Microsoft FrontPage, Macromedia Dreamveawer, Netscape Navigator Gold เป็นต้น) เมื่อทำงานในโปรแกรมเหล่านี้ ผู้ใช้จะเกี่ยวข้องกับรูปภาพกราฟิกขององค์ประกอบ HTML ไม่ใช่กับโค้ดเอกสาร อย่างไรก็ตามมีตัวแปลงเอกสารข้อความที่จัดทำใน Word และ Word Perfect เป็นรูปแบบไฟล์ HTML

      โปรแกรมแก้ไขข้อความ HTML ช่วยให้คุณสามารถพิมพ์และแก้ไขโค้ดได้โดยอัตโนมัติ (เช่น HomeSite, HotDog, Ken Nesbitt Web Editor และอื่น ๆ อีกมากมาย) โปรแกรมเหล่านี้ช่วยให้ผู้ใช้แทรกองค์ประกอบ HTML ลงในเอกสารได้อย่างรวดเร็วและง่ายดาย ตรวจสอบไวยากรณ์คำสั่ง และเรียกใช้และดีบักเพจโดยไม่ต้องออกจากหน้าต่างตัวแก้ไข โดยทั่วไปแล้ว การทำงานกับบรรณาธิการดังกล่าวจะคล้ายกับการทำงานในสภาพแวดล้อมการเขียนโปรแกรมเชิงโต้ตอบ เช่น Delphi หรือ Visual Basic

    นอกเหนือจากสองหมวดหมู่ที่ระบุไว้แล้ว ยังมีโปรแกรมที่รวมคุณสมบัติของโปรแกรมแก้ไขข้อความและภาพ HTML เช่น HotMetal ที่พัฒนาโดย SoftQuad Sofware

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

    เมื่อใช้แต่ละองค์ประกอบ สิ่งสำคัญคือต้องทราบว่าองค์ประกอบใดที่สามารถอยู่ภายในได้ และองค์ประกอบใดที่สามารถอยู่ภายในได้ ดังนั้น ตำแหน่งสัมพัทธ์ขององค์ประกอบ HTML, HEAD, TITLE และ BODY ควรเป็นตำแหน่งมาตรฐานบนหน้าใดๆ อย่างไรก็ตาม ในกรณีที่ไม่ได้ใช้เฟรม หากเพจเป็นเอกสารโครงร่างเฟรม (เพิ่มเติมในส่วนเฟรมของบทที่ 3) ดังนั้นองค์ประกอบ FRAMESET จะถูกใช้แทนองค์ประกอบ BODY

    มีกลุ่มองค์ประกอบที่ใช้ร่วมกัน ซึ่งรวมถึงองค์ประกอบสำหรับการสร้างตาราง รายการ และเฟรม ในกรณีนี้ลำดับขององค์ประกอบการซ้อนจะถูกกำหนดโดยตรรกะของการสร้างวัตถุเฉพาะบนหน้า: ที่นี่คุณต้องจำกฎการออกแบบที่เรียบง่ายที่นี่ ตารางและเฟรมมักใช้เพื่อวางรายละเอียดของหน้า (รูปภาพ ข้อความ ฯลฯ) ตามลำดับเฉพาะ ตัวอย่างเช่น การวางรูปภาพภายในเซลล์ตาราง จะทำให้คุณได้ตำแหน่งที่ต้องการ ในกรณีเช่นนี้ การซ้อนองค์ประกอบจะถูกกำหนดโดยนักพัฒนาเว็บเพจ และส่วนใหญ่ขึ้นอยู่กับจินตนาการและทักษะของเขา

    องค์ประกอบจำนวนมากที่ใช้ในการจัดรูปแบบข้อความทำให้มีตัวเลือกการซ้อนที่หลากหลาย และพวกมันเองก็ต้องอยู่ในองค์ประกอบบางอย่างด้วย ที่นี่เราจะต้องได้รับคำแนะนำจากสามัญสำนึก: แต่ละองค์ประกอบทำหน้าที่ที่กำหนดและมีขอบเขตเฉพาะ

    ตัวอย่างด้านล่างมีสองย่อหน้า (ย่อหน้าแรกในกล่องสีเขียว) และตาราง:

    <Р style="border: Зрх solid дгееп">ข้อความย่อหน้าที่ 1

    . . .

    <Р>ข้อความของย่อหน้าที่ 2

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

    คุณสามารถใช้รหัสอื่น:

    <Р style="border: Зрх solid дгееп">ข้อความย่อหน้าที่ 1

    . . .

    <Р>ข้อความของย่อหน้าที่ 2

    แท็กปิดท้ายย่อหน้าแรกหายไป ตอนนี้ตารางเป็นส่วนหนึ่งของย่อหน้าแรกแล้ว และเส้นขอบสีเขียวจะล้อมรอบตารางและข้อความ

    ในทางกลับกัน องค์ประกอบ P อาจอยู่ภายในตาราง ตัวอย่างเช่น องค์ประกอบ TD เซลล์หนึ่งอาจมีย่อหน้า P หลายย่อหน้า

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

    <Н1>หัวเรื่อง 1<Н2>หัวเรื่อง 2

  • หัวเรื่อง 3

    หากสามารถแสดงเพจได้ ก็จะแสดงโดยไม่มีข้อความเตือนใดๆ โปรแกรมตีความแท็กที่วางไว้อย่างไม่ถูกต้องด้วยวิธีใดวิธีหนึ่งและสร้างรูปภาพตามตรรกะที่นักพัฒนาสร้างขึ้น ในขณะเดียวกันลักษณะที่ปรากฏของหน้าอาจไม่ตรงกับเจตนาของผู้เขียน และเฉพาะในกรณีที่มีข้อผิดพลาดร้ายแรงหรือข้อขัดแย้งที่ชัดเจน เบราว์เซอร์จะแสดงข้อความระบุว่าไม่สามารถแสดงเพจได้ สัญญาณทางอ้อมของข้อผิดพลาดของมาร์กอัปอาจเป็นลักษณะของส่วนย่อยของโค้ด HTML บนเพจ ผู้ใช้ที่ทำงานกับอินเทอร์เน็ตเป็นจำนวนมากต้องเผชิญกับสถานการณ์เช่นนี้ กฎไวยากรณ์ยังใช้กับการใช้แท็กเริ่มต้นและแท็กสิ้นสุด คุณลักษณะ และเนื้อหาองค์ประกอบ อย่าสับสนแนวคิดของ "องค์ประกอบ" และ "แท็ก" องค์ประกอบคือคอนเทนเนอร์ที่มีแอตทริบิวต์ภายในแท็กเริ่มต้นและข้อมูลที่เป็นประโยชน์ระหว่างแท็กเริ่มต้นและแท็กสิ้นสุด แท็กคือโครงสร้างที่อยู่ในวงเล็บมุมและใช้เพื่อระบุขอบเขตขององค์ประกอบ

    องค์ประกอบบางอย่างไม่มีแท็กปิดท้าย แน่นอนว่าองค์ประกอบ BR ที่แสดงถึงจุดสิ้นสุดของบรรทัดไม่จำเป็นต้องมีแท็กปิดท้าย องค์ประกอบบางอย่างสามารถใช้ได้โดยมีหรือไม่มีแท็กปิดท้ายก็ได้ ตัวอย่างที่โดดเด่นที่สุดคือองค์ประกอบย่อหน้า P ซึ่งสามารถมีแท็กปิดท้ายได้ แต่ถ้าไม่ได้ระบุแท็กนี้ แท็กปิดท้ายขององค์ประกอบจะเป็นองค์ประกอบต่อไปนี้ ซึ่งสามารถระบุจุดสิ้นสุดของย่อหน้าปัจจุบันได้ในเชิงตรรกะ: องค์ประกอบ P อื่น องค์ประกอบการวาด IMG, องค์ประกอบรายการ UL, องค์ประกอบตาราง TABLE ฯลฯ ดังนั้น เพย์โหลดขององค์ประกอบหนึ่งจะต้องอยู่ระหว่างแท็กเริ่มต้นและแท็กสิ้นสุดขององค์ประกอบนั้น หรือระหว่างแท็กเริ่มต้นขององค์ประกอบนี้และแท็กเริ่มต้นของ องค์ประกอบถัดไป ข้อความใดๆ ที่ป้อนลงในเพจจะถูกตีความโดยเบราว์เซอร์ว่าจะแสดงบนหน้าจอ และด้วยเหตุนี้จึงมีการจัดรูปแบบตามองค์ประกอบที่อยู่รอบๆ ข้อความนั้น สิ่งนี้ไม่ได้คำนึงถึงการแบ่งข้อความเป็นบรรทัดที่ได้รับในโปรแกรมแก้ไขข้อความ ตามทฤษฎีแล้ว เว็บเพจทั้งหมดสามารถอยู่ในบรรทัดยาวบรรทัดเดียวได้ อักขระท้ายบรรทัดที่ป้อน เช่น ใน Notepad สามารถช่วยอ่านโค้ด HTML ได้ แต่เบราว์เซอร์จะไม่แสดง หลังเมื่อแสดงหน้าบนหน้าจอสามารถแบ่งบรรทัดตามการจัดเรียงองค์ประกอบ Hn, P หรือ BR และในกรณีอื่น ๆ จะจัดรูปแบบย่อหน้าโดยพลการขึ้นอยู่กับจำนวนข้อความขนาดตัวอักษรและปัจจุบัน ขนาดหน้าต่าง ดังนั้น หน้าเว็บจะต้องจัดเรียงในลักษณะที่ไม่เปลี่ยนแปลงอย่างมากสำหรับโหมดความละเอียดของจอภาพ ขนาดหน้าจอ ขนาดหน้าต่างเบราว์เซอร์ และสำหรับโหมดเต็มหน้าจอหรือโหมดหน้าต่างที่แตกต่างกันด้วย กฎที่สำคัญมากซึ่งไม่มีข้อยกเว้นคือการวางแอตทริบิวต์ขององค์ประกอบไว้ในแท็กเริ่มต้น

    อักขระที่อยู่ในวงเล็บมุมคือคำสั่ง HTML ที่ "เบราว์เซอร์" รู้จักวิธีการแปลงส่วนของข้อความที่อยู่ระหว่างคำสั่งเหล่านี้

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

    เอกสารประกอบด้วย 2 ส่วน:

      ส่วนหัว (หัว)

      เอกสาร (เนื้อหา)

    เมื่อเขียนคำสั่ง HTML ไม่สำคัญว่าคุณจะเขียนคำสั่งเป็นตัวพิมพ์เล็กหรือตัวพิมพ์ใหญ่

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

    แต่ละแท็กประกอบด้วยชื่อ ซึ่งอาจตามด้วยรายการแอตทริบิวต์เพิ่มเติม ซึ่งทั้งหมดอยู่ในวงเล็บมุม< >.

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

    รูปที่ 1.1. เค้าโครงทั่วไปของเอกสารในรูปแบบ HTML

    แท็กมีแท็กเริ่มต้น (เปิดหรือเริ่มต้น) และแท็กสิ้นสุด (ปิด) ข้อความระหว่างแท็กจะทำตามคำแนะนำที่มีอยู่ในนั้น ตัวอย่างเช่น:

    ของฉัน อันดับแรกหน้าเว็บ

    ผลลัพธ์: ของฉัน อันดับแรกหน้าเว็บ.

    แท็กปิดท้ายมีชื่อเดียวกับแท็กเริ่มต้น แต่นำหน้าด้วยเครื่องหมายทับ (/) ถือได้ว่าเป็น "สวิตช์" สำหรับแท็ก แท็กปิดท้ายไม่เคยมีแอตทริบิวต์

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

    ลองเขียนตัวอย่างเอกสารง่ายๆ:

    <ТIТLЕ>ตัวอย่างหน้า HTML

    <ВОDY>นี่คือหน้าง่ายๆ ที่แสดงโครงสร้างของคำอธิบายในรูปแบบ HTML

    แท็ก ซึ่งอยู่ในชื่อหน้า ระบุชื่อของหน้า ซึ่งเบราว์เซอร์ส่วนใหญ่แสดงในชื่อหน้าต่าง ด้วยการกำหนดชื่อเรื่องของหน้า คุณจะทำให้การทำงานกับไซต์ง่ายขึ้น (ผู้ใช้จะเข้าใจว่าเขาอยู่ที่ไหนก่อนที่เอกสารจะโหลดเสร็จ) รูปที่ 1.2 แสดงหน้าที่อธิบายไว้ข้างต้นที่เปิดในเบราว์เซอร์ Internet Explorer</p><p><img src='https://i1.wp.com/studfiles.net/html/2706/1150/html_9phP5XeW90.EBoA/img-j7Tmqy.png' height="122" width="321" loading=lazy loading=lazy></p><p>รูปที่ 1.2. ตัวอย่างหน้า HTML</p><p>องค์ประกอบ BODY ต้องปรากฏไม่เกิน 1 ครั้งในเอกสาร</p><p>คุณลักษณะ:</p><ul><p>MARGINHEIGHT – กำหนดความกว้าง (เป็นพิกเซล) ของระยะขอบด้านบนและด้านล่างของเอกสาร ใช้งานได้เฉพาะในเบราว์เซอร์ Netscape เท่านั้น</p><p>TOPMARGIN – กำหนดความกว้าง (เป็นพิกเซล) ของระยะขอบด้านบนและด้านล่างของเอกสาร ใช้งานได้เฉพาะในเบราว์เซอร์ Internet Explorer เท่านั้น</p><p>MARGINWIDTH – กำหนดความกว้าง (เป็นพิกเซล) ของระยะขอบซ้ายและขวาของเอกสาร ใช้งานได้เฉพาะในเบราว์เซอร์ Netscape เท่านั้น</p><p>LEFTMARGIN – กำหนดความกว้าง (เป็นพิกเซล) ของระยะขอบซ้ายและขวาของเอกสาร ใช้งานได้เฉพาะในเบราว์เซอร์ Internet Explorer เท่านั้น</p><p>พื้นหลัง – กำหนดรูปภาพเพื่อ “เติม” พื้นหลัง ค่านี้ระบุเป็น URL แบบเต็มหรือชื่อไฟล์พร้อมรูปภาพในรูปแบบ GIF หรือ JPG</p><p>BGCOLOR – กำหนดสีพื้นหลังของเอกสาร</p><p>TEXT – กำหนดสีของข้อความในเอกสาร</p><p>LINK – กำหนดสีของไฮเปอร์ลิงก์ในเอกสาร</p><p>ALINK – กำหนดสีไฮไลต์ของไฮเปอร์ลิงก์ในขณะที่คลิก</p><p>VLINK – กำหนดสีของไฮเปอร์ลิงก์ไปยังเอกสารที่คุณได้ดูไปแล้ว</p> </ul><p><BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40"></p><p>ข้อความเอกสาร</p><p>ผลลัพธ์ของตัวอย่างแสดงในรูปที่ 1.3</p><p><img src='https://i1.wp.com/studfiles.net/html/2706/1150/html_9phP5XeW90.EBoA/img-Y77Rh5.png' height="118" width="270" loading=lazy loading=lazy></p><p>รูปที่ 1.3. ตัวอย่างการเปลี่ยนสีพื้นหลังและสีข้อความ</p><p>ค่าของแอตทริบิวต์ BGCOLOR, TEXT, LINK, ALINK และ VLINK จะถูกระบุด้วยค่าฐานสิบหก RGB หรือสีพื้นฐานหนึ่งใน 16 สี</p><p>พื้นที่หลักของเว็บเพจมักจะถูกครอบครองโดยข้อความ บล็อกข้อความประกอบด้วยแต่ละบรรทัดรวมกันเป็นย่อหน้า ย่อหน้าจะเริ่มต้นบนบรรทัดใหม่และกลุ่มของย่อหน้าจะถูกแยกออกจากกันตามส่วนหัว</p><p>เมื่อเตรียมเอกสารข้อความปกติ แนวคิดที่สมบูรณ์จะถูกนำเสนอในรูปแบบของย่อหน้า กฎนี้ยังปฏิบัติตามในกระบวนการสร้างเอกสารสำหรับเว็บด้วย นอกจากนี้ ในกรณีของหน้าเว็บ จำเป็นต้องแบ่งข้อความออกเป็นย่อหน้าอย่างชัดเจน เนื่องจากข้อความจะต้องกระชับและอ่านได้คล่อง</p><p>มีหลายตัวเลือกสำหรับการสร้างย่อหน้าใน HTML สิ่งที่ง่ายที่สุดคือการใช้แท็ก <p>และ <p>ระหว่างที่ข้อความของย่อหน้าถูกวางไว้</p><p>รหัสสำหรับหน้าเว็บที่มีย่อหน้าอาจมีลักษณะดังนี้:</p><p><TITLE>การแบ่งย่อหน้า

    ริชาร์ด บาค

    เพียงผู้เดียว, เพียงคนเดียว

    เรามาไกลแล้วใช่ไหม?

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

    หน้าต่างเบราว์เซอร์จะแสดงดังแสดงในรูปที่ 1.4

    รูปที่ 1.4. แบ่งออกเป็นย่อหน้า

    และลิ้น HTMLคำจำกัดความที่สำคัญที่สุดคือ “ แท็ก"(จากภาษาอังกฤษ "tag" บางครั้งเขียนว่า "tag") แท็กเป็นการแสดงออกทางสัญลักษณ์หรือข้อความ (เพื่อความชัดเจน ให้เรายอมให้การเปรียบเทียบที่ไม่ถูกต้องทั้งหมดกับคำว่า “คำสั่ง” หรือ “ตัวดำเนินการ” จากภาษาการเขียนโปรแกรม) กำหนดให้ดำเนินการบางอย่างโดยตรง การทำเครื่องหมายและ การจัดรูปแบบการนำเสนอบนหน้าจอ หน้าเว็บ.

    นั่นคือ นี่ไม่ใช่ตัวดำเนินการหรือคำสั่งแต่อย่างใด แต่เป็นเพียงคำสั่ง (เช่น เยื้องทางด้านซ้าย วางภาพประกอบขนาดเฉพาะทางด้านขวา และข้างใต้ - ไฮเปอร์ลิงก์).

    นอกจากแท็กแล้ว ในภาษาด้วย ไฮเปอร์เท็กซ์ เครื่องหมายคุณลักษณะของพวกเขาถูกใช้

    ตกแต่ง แท็กในอาร์เรย์เอกสารจะดำเนินการโดยใช้วงเล็บมุมซึ่งช่วยให้ล่ามสามารถแยกความแตกต่างระหว่างข้อความ (เนื้อหาเฉพาะเรื่อง) และโดยตรง HTML-code แสดงข้อมูลบนหน้าเว็บได้อย่างถูกต้อง

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

    ส่วนเอกสาร...,

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

    องค์ประกอบของภาษา HTML

    โดยไม่มีข้อยกเว้น องค์ประกอบทั้งหมดของภาษา HTML อาจเป็นแท็กหรือแอตทริบิวต์ ไม่มีคำสั่ง ไม่มีเงื่อนไขใดๆ ภาษาไม่มีมาร์กอัปไฮเปอร์เท็กซ์ (ดูแท็ก META ด้านล่าง) องค์ประกอบที่ใช้งานอยู่และเอฟเฟกต์ไดนามิกเปิดอยู่ หน้าเว็บดำเนินการโดยการรวมโมดูลอิสระและสมบูรณ์เข้ากับโค้ดไฮเปอร์เท็กซ์ซึ่งนำไปใช้ในภาษาการเขียนโปรแกรมคลาสสิกภาษาใดภาษาหนึ่ง (เช่น JavaScrypt เป็นที่นิยมอย่างมากบนเว็บไซต์) หรือโดยวิธีการเขียนโปรแกรมเซิร์ฟเวอร์

    สัญลักษณ์เมตา

    HTML. แท็ก

    หัวข้อสำคัญ:

    การออกแบบเว็บ. HTML. แท็ก

    เรียงความ

    1. ประวัติโดยย่อของ WWW

    2. ภาษา HTML - การสร้างเอกสารเว็บ:

    ก) เทมเพลตเอกสารเว็บ

    b) การจัดรูปแบบข้อความ

    c) การจัดรูปแบบย่อหน้า

    d) การทำงานกับรูปภาพ:

    I. ภาพพื้นหลัง

    ครั้งที่สอง ภาพคงที่และไดนามิก

    ฉ) เฟรม:

    I. เฟรมแนวตั้ง

    ครั้งที่สอง กรอบแนวนอน

    สาม. เฟรมที่ซ้อนกัน

    ทางเลือกอื่นในการเตรียมเอกสาร

    1. ประวัติโดยย่อของเวิลด์ไวด์เว็บ

    เป็นที่ทราบกันดีว่าอินเทอร์เน็ตเป็นแหล่งเก็บข้อมูลขนาดใหญ่ทุกประเภท ก่อนการถือกำเนิดของเวิลด์ไวด์เว็บ (WWW) การนำทางอินเทอร์เน็ตเพื่อค้นหาข้อมูลที่จำเป็นไม่สามารถเรียกได้ว่าสะดวก หากต้องการรับไฟล์จากเซิร์ฟเวอร์ FTP คุณต้องดาวน์โหลดแอปพลิเคชันไคลเอ็นต์แยกต่างหาก ในเวลาเดียวกันคุณต้องจำรหัสผ่านคุณต้องนำทางผ่านไดเร็กทอรีจำนวนมากเพื่อค้นหาไฟล์ที่ต้องการโดยไม่ลืมตั้งค่าโหมดการถ่ายโอนที่ถูกต้องก่อนที่จะรับมัน รู้คำสั่งมากมายสำหรับการทำงานกับเซิร์ฟเวอร์ FTP เป็นต้น หากคุณต้องการดูการประชุม คุณต้องเปิดแอปพลิเคชันอื่นซึ่งมีชุดคำสั่งของตัวเองสำหรับการอ่าน ส่งต่อ และบันทึกข้อความจากการประชุม ทั้งหมดนี้ไม่สะดวก

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

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

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

    ในการสร้างเอกสารเว็บบน WWW จะใช้ภาษาพิเศษที่เรียกว่า HTML ซึ่งย่อมาจาก HyperText Markup Language ซึ่งเป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ ซึ่งเป็นภาษาสำหรับการจัดรูปแบบข้อมูล อิงจาก Standard Generalized Markup Language (SGML) HTML กำหนดการจัดรูปแบบและการจัดระเบียบข้อมูลในเอกสารเว็บ ไม่ได้กำหนดว่าข้อความจะถูกวางบนหน้าจออย่างไร แต่กำหนดโครงสร้างของข้อมูล เอกสารบนเว็บสามารถมีได้มากกว่าข้อมูลที่เป็นข้อความ ดังนั้นภาษา HTML จึงถูกเรียกว่า HyperMedia Markup Language อย่างถูกต้องมากกว่า แต่ในวรรณกรรมจะใช้ตัวย่อ HTML เกือบตลอดเวลา เอกสารที่สร้างด้วย HTML เป็นไฟล์ปกติในรูปแบบ ASCII ขึ้นอยู่กับคำอธิบายพิเศษ (แท็ก) ซึ่งกำหนดการจัดรูปแบบของข้อมูลในเอกสารเว็บใด ๆ โดยปกติแล้ว จำเป็นต้องใช้ซอฟต์แวร์พิเศษเพื่อดูเอกสาร HTML บนเวิลด์ไวด์เว็บ โปรแกรมดังกล่าวเรียกว่าเบราว์เซอร์ (จากภาษาอังกฤษ. เรียกดู– เลื่อนผ่าน, เรียกดู) ด้วยความช่วยเหลือของพวกเขา คุณสามารถดาวน์โหลดและดูเว็บเพจ นำทาง WWW ฯลฯ ปัจจุบันมีเบราว์เซอร์จำนวนมาก โดยเบราว์เซอร์ยอดนิยม ได้แก่ Microsoft Internet Explorer, Netscape Navigator และ NCSA Mosaic เมื่ออ่านไฟล์ HTML แล้ว เบราว์เซอร์จะใช้ตัวอธิบายเพื่อตีความข้อมูลที่มีอยู่ในเอกสารและแสดงบนหน้าจอคอมพิวเตอร์ตามลำดับ รูปที่ 1 แสดงตัวอย่างเอกสารเว็บ:

    รูปที่ 1 ตัวอย่างเอกสารเว็บ

    ภาษา HTML มีการพัฒนาอย่างรวดเร็ว ในกระบวนการพัฒนา ได้รับความสามารถใหม่ๆ และสูญเสียความสามารถที่ใช้น้อยและล้าสมัยไป ในขณะนี้ เวอร์ชันอย่างเป็นทางการของภาษา HTML ในปัจจุบันคือเวอร์ชัน 3.2 ซึ่งได้พัฒนาเครื่องมือสำหรับการสร้างเอกสารเว็บ เมื่อเปรียบเทียบกับ HTML 2.0 เวอร์ชันใหม่นำเสนอคุณลักษณะใหม่ๆ เช่น ตาราง การตัดข้อความรอบๆ รูปภาพ การฝังแอปเพล็ต Java และคุณลักษณะอื่นๆ

    ปัจจุบัน นอกเหนือจากเวอร์ชันอย่างเป็นทางการของภาษาแล้ว ยังมีเวอร์ชัน HTML จาก Microsoft และ Netscape ซึ่งรองรับคุณสมบัติเพิ่มเติมที่ไม่ได้อธิบายไว้ในข้อกำหนดสำหรับ HTML เวอร์ชันอย่างเป็นทางการด้วย เพื่อแก้ปัญหาความเข้ากันได้ของเบราว์เซอร์เมื่อแสดงเอกสารที่ประกอบด้วยองค์ประกอบของภาษา HTML เวอร์ชันไม่เป็นทางการ บริษัทที่กล่าวมาข้างต้นได้รวมการสนับสนุนเวอร์ชันอื่นของภาษาในผลิตภัณฑ์ของตน ภาษาเวอร์ชัน 4.0 ที่เรียกว่า Dynamic HTML กำลังอยู่ในระหว่างดำเนินการ โดยมีแนวโน้มว่าจะปรับปรุงฟีเจอร์เก่าและน่าตื่นเต้นใหม่สำหรับการออกแบบเอกสารเว็บ W3C (World Wide Web Consortium - องค์กรมาตรฐานเวิลด์ไวด์เว็บ) กำลังเสนอภาษาเวอร์ชันนี้เป็นมาตรฐานอยู่แล้ว มีเวอร์ชันของภาษาเวอร์ชันใหม่จาก Microsoft และ Netscape ซึ่งยังไม่สามารถใช้งานร่วมกันได้ เอกสารนี้เปิดเผยเครื่องมือหลักสำหรับการสร้างเอกสารจาก HTML เวอร์ชัน 3.2 จาก Netscape Communications

    2. ภาษา HTML การสร้างเอกสารเว็บ

    ตามที่กล่าวไว้ข้างต้น การจัดรูปแบบของเอกสารในรูปแบบ HTML ถูกกำหนดโดยคำอธิบายพิเศษ descriptor คือคำสั่งการจัดรูปแบบข้อมูลและอยู่ในวงเล็บมุม "<» и «>- มีจุดจับเปิดและปิดระหว่างที่วางข้อความที่จะจัดรูปแบบ ตัวอธิบายการเปิดจะระบุวิธีการจัดรูปแบบ ในขณะที่ตัวอธิบายตัวที่สองจะแทนที่ ความแตกต่างระหว่างคำอธิบายเหล่านี้คือในตัวอธิบายปิดชื่อจะนำหน้าด้วยเครื่องหมายทับ ตัวอย่างเช่น คำอธิบาย นอกจากนี้ยังมีจุดจับที่ไม่ต้องใช้ตัวเลือกการปิดอีกด้วย

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

    หากคุณดูที่ข้อความต้นฉบับของเว็บเพจทั่วไป คุณจะเห็นสิ่งที่มีลักษณะดังนี้:

    ชื่อเอกสาร

    ข้อความ

    ข้อความ

    ข้อความ

    ข้อความ

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

    และ
    มีข้อมูลเกี่ยวกับผู้เขียนที่จะแสดงผลบนหน้าจอ เช่น ชื่อและนามสกุลของผู้เขียน, อีเมล, วันที่สร้างและแก้ไขเอกสาร เป็นต้น

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

    การจัดรูปแบบข้อความ

    การจัดรูปแบบข้อความเกี่ยวข้องกับการแสดงข้อความในแบบอักษรเฉพาะหรือคุณลักษณะเฉพาะ

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

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

    ข้อความนี้เขียนเป็นตัวเอียง

    ด้วยเหตุนี้เบราว์เซอร์จะแสดง:

    ข้อความนี้เขียนเป็นตัวเอียง

    คำอธิบายสามารถนำมารวมกันในลำดับใดก็ได้ เช่น การรวมกัน

    ข้อความนี้พิมพ์เป็นตัวหนาตัวเอียง

    จะให้ผลลัพธ์ดังต่อไปนี้:

    ข้อความนี้พิมพ์เป็นตัวหนาตัวเอียง

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

    นี่คือข้อความที่กะพริบ

    อย่างไรก็ตาม ส่วนขยายภาษาของ Netscape นี้ไม่ค่อยได้ใช้และอาจล้าสมัยในไม่ช้า

    การออกแบบเว็บเพจมักใช้แบบอักษรขนาดต่างๆ คุณสามารถส่งออกบรรทัดที่มีขนาดตัวอักษรแตกต่างจากปกติได้โดยใช้คำอธิบาย ข้อความ โดยที่ n คือตัวเลขตั้งแต่ 1 ถึง 7 ที่กำหนดขนาดตัวอักษรที่สัมพันธ์กับขนาดปกติ ข้อความต่อไปนี้จึงอยู่ในเนื้อหาของเอกสาร

    นี้ ข้อความสี่ขนาดที่ใหญ่กว่าปกติ