ภาษามาร์กอัปได้แก่ ภาษามาร์กอัปเอกสาร HTML โครงสร้างแท็กของภาษามาร์กอัป

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

พื้นฐานของเครื่องมือภาษา HTML คือแท็ก - คำสั่ง HTML มีประมาณร้อยรายการในภาษา สิ่งเหล่านี้จะแสดงอยู่ภายในเอกสารไฮเปอร์เท็กซ์ และช่วยให้คุณสามารถกำหนดโครงสร้างและสไตล์ทั้งหมดของการออกแบบได้จนถึงรายละเอียดปลีกย่อย เมื่อดูเอกสารดังกล่าวโดยใช้เบราว์เซอร์ แท็กเหล่านี้จะมองไม่เห็น และเมื่อสร้างหน้าเว็บโดยใช้เครื่องมือซอฟต์แวร์พิเศษและมีเครื่องมือดังกล่าวอยู่ในแอปพลิเคชันสำนักงานเกือบทั้งหมด (Word, Excel, Access, Power Point, Outlook ฯลฯ ) ผู้ใช้จะไม่สามารถมองเห็นแท็กได้ - แท็กจะถูกป้อนโดยอัตโนมัติ .

แท็กต่างๆ จะเขียนอยู่ในวงเล็บมุม เป็นต้น

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

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

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

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

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

ฉันขอเตือนคุณว่าไฮเปอร์เท็กซ์คือข้อความที่มีลิงก์ไปยังหน้าและเอกสารอื่นๆ ภาษามาร์กอัปแสดงตำแหน่งและวิธีที่องค์ประกอบข้อความควรวาง เช่น ย่อหน้า ส่วนหัว รายการ ฯลฯ ภาษา CSS ที่เกี่ยวข้องอย่างใกล้ชิดกับ HTML มีหน้าที่รับผิดชอบในการออกแบบองค์ประกอบเหล่านี้ ซึ่งทำให้การออกแบบเว็บไซต์ หน้าที่สวยงาม อ่านง่าย และมีน้ำหนักเบาสำหรับการยกเลิกการโหลดโค้ดหน้า

ยกเว้น CSS.htmlสามารถขยายได้ด้วยฟังก์ชันภาษา การเขียนโปรแกรม PHPและ JavaScript ซึ่งให้การโต้ตอบกับหน้าต่างๆ เช่น ความสามารถในการตอบสนองต่อการกระทำของผู้ใช้
ด้วยความช่วยเหลือของเครื่องมือเหล่านี้ คุณสามารถสร้างความซับซ้อนและฟังก์ชันการทำงานใดๆ ได้ ภาษา HTML มีหน้าที่รับผิดชอบเฉพาะมาร์กอัปเท่านั้น

หน้าเว็บจากภายใน

นี่คือข้อความของฉัน

ในรหัสที่กำหนดนี้คุณจะเห็นคำสั่ง - แท็กซึ่งบางครั้งเรียกว่า คำอธิบาย- พวกมันถูกล้อมรอบด้วยวงเล็บมุม แท็กส่วนใหญ่จะจับคู่กัน กำลังเปิด<>และปิดด้วยเครื่องหมายทับ- รหัสภาษามาร์กอัป HTML ทั้งหมดซ้อนกันและมีลักษณะคล้ายกับ "ตุ๊กตา matryoshka" โดยที่คอนเทนเนอร์หนึ่งซ้อนอยู่ในอีกคอนเทนเนอร์หนึ่ง

รูปด้านล่างแสดงการถอดรหัสรหัสนี้:

และนี่คือลักษณะของหน้าเดียวกันในเบราว์เซอร์ มอซซิลา ไฟร์ฟอกซ์- ฉันแสดงตำแหน่งที่ข้อความปรากฏ ส่วนหัว ชื่อและข้อความ แท็ก ร่างกาย

วิธีสร้างหน้า html

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

หากส่วนขยายไม่แสดง คุณต้องดำเนินการดังต่อไปนี้

ค้นหาบนคอมพิวเตอร์ของคุณ: ลักษณะที่ปรากฏและการตั้งค่าส่วนบุคคล - ตัวเลือกโฟลเดอร์ - ดู

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

ดูวิดีโอเกี่ยวกับการสร้างหน้า HTML

โปรแกรมสำหรับสร้างหน้า HTML

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

สำหรับการควบคุมการเขียนอย่างชาญฉลาด รหัสเอชทีเอ็มมีหลายโปรแกรมที่มีการเน้นโค้ดด้วยตนเอง Notepad++ ได้รับความนิยมมากที่สุดในหมู่นักพัฒนามือสมัครเล่น PHPดีไซเนอร์ ดรีมวีฟเวอร์

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

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

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

เบราว์เซอร์คืออะไรจริงๆ?

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

ความสามารถของเบราว์เซอร์สมัยใหม่นั้นยอดเยี่ยมมาก ท้ายที่สุดแล้ว หน้าเว็บประกอบด้วยกราฟิก วิดีโอ และข้อความในรูปแบบที่แตกต่างกัน เบราว์เซอร์อ่านโค้ด html ดูเนื้อหาวิดีโอที่ฝังอยู่ที่นั่น กราฟิก และ รหัสข้อความและแสดงทั้งหมดนี้อย่างถูกต้องบนหน้าจออุปกรณ์ แท็กช่วยเขาในเรื่องนี้ คำภาษาอังกฤษธรรมดาเหล่านี้ในวงเล็บมุม<>.

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

ภาษามาร์กอัป HTML และแท็กพื้นฐาน

ตารางนี้จัดทำขึ้นเพื่อแสดงเฉพาะคำอธิบายหลักเท่านั้น

ใน HTML5 เวอร์ชันทันสมัย ​​พร้อมด้วยแท็กใหม่ มีฟีเจอร์ใหม่มากมายที่นักพัฒนาเว็บไซต์ไม่เคยฝันถึงเมื่อ 10 ปีที่แล้ว

สไตล์ในเอกสาร html

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

CSS เป็นส่วนเสริมสไตล์ของภาษา HTML และจะไม่มีอยู่จริงหากไม่มี

สไตล์ใน Html มีการใช้งานดังนี้:

หัวหน้า>

ถ้ามันใช้ ไฟล์ภายนอกสไตล์ สไตล์.css,จากนั้นมันจะเชื่อมต่อกับเอกสาร html ดังนี้:

ตัวอย่างการเขียนกฎ CSS:

p(สี: ดำ; ตัวอักษร: x-small)

บอกเบราว์เซอร์ว่าสีของย่อหน้าคืออะไร

สีดำ- สีดำและขนาดตัวอักษรคือ x-เล็ก(เล็ก)

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

ประกาศ
(เส้นขอบ: 2px เริ่มเป็นสีเขียว;
รัศมีเส้นขอบ: 10px;
ความกว้าง: 360;
ตระกูลฟอนต์: "Yeseva+One";
ขนาดตัวอักษร: 16px;
ความสูงของบรรทัด: 1.2em; การขยาย: 10px 10px 10px 20px;
ระยะขอบ:10px อัตโนมัติ 20px;
การจัดแนวข้อความ: ซ้าย;
สีพื้นหลัง: #a7cece;
}

มีส่วนที่น่าสนใจในบรรทัดสุดท้าย: background-color: #a7cece;

#a7cece –นี่คือสี html การใช้ชุดอักขระ HEX - ระบบเลขฐานสิบหก: ตัวเลขตั้งแต่ 0 ถึง 9 และตัวอักษรตั้งแต่ A ถึง F คุณสามารถตั้งค่าสีใดก็ได้ มีพลอยสีฟ้าที่สวยงามตั้งอยู่ที่นี่

ฉันจะกลับไปที่หัวข้อ CSS ในสิ่งพิมพ์แยกต่างหาก

วิธีการเรียนรู้ภาษามาร์กอัป HTML

• อินเทอร์เน็ตเต็มไปด้วยหนังสืออ้างอิงเกี่ยวกับ HTML (html) ฉันชอบเว็บไซต์ http://htmlbook.ru ฉันมาที่นี่บ่อยครั้งเพื่อหาเอกสารอ้างอิง ฉันแนะนำให้ประหยัดเวลา
• อันเดรย์ เบอร์นัตสกี้. อย่าลืมลองดู!
• ฉันชอบหนังสือจากนักเขียนชาวอเมริกัน นี่เป็นสิ่งที่น่าสนใจที่สุด บทช่วยสอนภาษา HTML/CSSด้วยการนำเสนอเนื้อหาเจ๋งๆ ที่คุณจะอ่านจนหยุดไม่อยู่ ทุกอย่างได้รับการบอกเล่าอย่างเรียบง่ายและชัดเจน สามารถดาวน์โหลดได้ฟรีบนอินเทอร์เน็ต แต่ควรซื้อและใช้งานเหมือนหนังสือจะดีกว่า

ที่สุด วิธีที่ดีที่สุดเชี่ยวชาญภาษา มาร์กอัป HTML(html) คือการดาวน์โหลดหลักสูตรการฝึกอบรมที่มีชื่อเสียงที่สุดบน RuNet และบางหลักสูตรก็ฟรี ไปที่เว็บไซต์ของ Evgeniy Popov และดาวน์โหลดข้อมูลที่เป็นประโยชน์มากมาย ข้อมูลการศึกษา- สำหรับการฝึกอบรมวิชาชีพโปรดอ่านข้อมูล

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

• การจัดสรร องค์ประกอบตรรกะเอกสารนี้
• ฟังก์ชั่นการตั้งค่าสำหรับการประมวลผลองค์ประกอบที่เลือก

โปรแกรมประมวลผลคำทั่วไปมีคำสั่งในตัวสำหรับเปิด/ปิดแบบอักษรและอื่นๆ คล้ายกับคำสั่งสำหรับควบคุมการวางข้อมูลบนหน้าจอหรือเมื่อพิมพ์ (ที่เรียกว่าลำดับ Escare) วิธีนี้เรียกว่า ทีมหรือ มาร์กอัปขั้นตอน.

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

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

ข้อดี

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

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

ในทางปฏิบัติ องค์ประกอบของคลาสมาร์กอัปที่แตกต่างกันมักจะอยู่ร่วมกันในระบบใดก็ตาม ตัวอย่างเช่น HTML มีทั้งองค์ประกอบมาร์กอัปที่เป็นขั้นตอน (b สำหรับตัวหนา) และองค์ประกอบอื่นๆ ที่เป็นคำอธิบาย (แอตทริบิวต์ "blockquote" หรือ "href") HTML ยังมีองค์ประกอบ PRE ซึ่งจำกัดพื้นที่ของข้อความที่จะอยู่ในตำแหน่งที่พิมพ์ทุกประการ

ระบบมาร์กอัปเชิงพรรณนา

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

เมื่อถึงสหัสวรรษที่ 3 ความสนใจก็เกิดขึ้นในเอกสารที่มีโครงสร้างที่ไม่ใช่ลำดับชั้น ตัวอย่างเช่น วรรณกรรมโบราณและวรรณกรรมทางศาสนามักจะมีโครงสร้างวาทศิลป์หรือร้อยแก้ว (เรื่องราว บท ย่อหน้า ฯลฯ) และยังรวมถึง ข้อมูลความเป็นมา(หนังสือ บท บท บรรทัด) เนื่องจากขอบเขตของโมดูลเหล่านี้มักจะทับซ้อนกัน จึงไม่สามารถเข้ารหัสได้อย่างสมบูรณ์โดยใช้เพียงระบบมาร์กอัปที่มีโครงสร้างแบบต้นไม้เท่านั้น ระบบการสร้างแบบจำลองเอกสารที่รองรับโครงสร้างดังกล่าว ได้แก่ MECS, TEI Guidelines, LMNL และ CLIX

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

ปัจจุบันมีภาษามาร์กอัปมากมาย ภาษาที่รู้จักกันอย่างแพร่หลาย ได้แก่ DocBook, MathML, SVG, Open eBook, XBRL และอื่นๆ โดยหลักๆ แล้วออกแบบมาเพื่อนำเสนอภาษาต่างๆ เอกสารข้อความแต่ภาษาพิเศษสามารถนำไปใช้ในด้านอื่นๆ ได้อีกมากมาย แน่นอนว่าภาษามาร์กอัปที่รู้จักกันดีที่สุดคือ HTML (HyperText Markup Language) ซึ่งเป็นหนึ่งในรากฐานของ WWW (เวิลด์ไวด์เว็บ)

การส่งผลงานที่ดีของคุณไปยังฐานความรู้เป็นเรื่องง่าย ใช้แบบฟอร์มด้านล่าง

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

เอกสารที่คล้ายกัน

คำจำกัดความของแนวคิดของไฮเปอร์เท็กซ์ ส่วนหลักของเอกสาร SGML ประวัติความเป็นมาของการสร้างภาษามาร์กอัปมาตรฐาน เอกสาร HTML- ความแตกต่างระหว่างไวยากรณ์ XHTML และ HTML RSS คือกลุ่มรูปแบบ XML สำหรับอธิบายฟีดข่าว การใช้ภาษามาร์กอัป KML

การนำเสนอเพิ่มเมื่อ 15/02/2014


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

บทคัดย่อเพิ่มเมื่อ 19/01/2554


ลักษณะทั่วไปภาษามาร์กอัปไฮเปอร์เท็กซ์ โครงสร้างเอกสาร HTML ภาพรวมคุณสมบัติหลักของ HTML องค์ประกอบของการออกแบบหน้าเว็บสมัยใหม่ การวิเคราะห์ การประยุกต์ใช้จริง HTML (ใช้ตัวอย่างโปรแกรมการฝึกอบรม)

งานหลักสูตร เพิ่มเมื่อ 24/11/2555


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

งานห้องปฏิบัติการ เพิ่มเมื่อ 16/04/2014


มาร์กอัปคืออะไร ภาษามาร์กอัปคือชุดของแบบแผนการจัดรูปแบบที่ใช้ในการเข้ารหัสกลุ่มข้อความ ความเป็นไปได้ของรูปแบบ SGML, HTML, XML, ประวัติการสร้าง, ข้อมูลเฉพาะของแอปพลิเคชัน, การควบคุมการจัดวางข้อมูล

บทคัดย่อ เพิ่มเมื่อ 22/03/2010


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

งานหลักสูตรเพิ่มเมื่อ 14/07/2552


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

ทดสอบเพิ่มเมื่อ 25/12/2555

เอกสารใด ๆ มีองค์ประกอบสามประการ:

· โครงสร้าง;

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

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

ภาษามาร์กอัปเอกสารคือ ภาษาประดิษฐ์มีวัตถุประสงค์เพื่ออธิบายโครงสร้างของเอกสารและความสัมพันธ์ระหว่างวัตถุต่างๆ ของโครงสร้าง ข้อมูลมาร์กอัปเรียกอีกอย่างว่าข้อมูลเมตา

ภาษามาร์กอัปแรกคือ GML (ภาษามาร์กอัปทั่วไป) ซึ่งพัฒนาโดยพนักงาน IBM ย้อนกลับไปในยุค 60 ของศตวรรษที่ผ่านมา ผู้สืบทอดทันทีคือภาษา SGML (ภาษามาร์กอัปมาตรฐานทั่วไป) ซึ่งกำหนดกฎสำหรับการบันทึกองค์ประกอบมาร์กอัปเอกสาร เอกสารที่เป็นไปตามกฎของภาษาเรียกว่าเอกสาร SGML

ภาษา SGML ถูกกำหนดไว้ในมาตรฐาน ISO 8879 ซึ่งระบุข้อกำหนดพื้นฐานต่อไปนี้สำหรับภาษามาร์กอัปเอกสาร:

· ภาษาจะต้องเป็นภาษาที่มนุษย์สามารถอ่านได้

· ไฟล์เอกสารที่มาร์กอัปจะต้องเป็นข้อความและเข้ารหัสโดยใช้อักขระรหัส ASCII (รหัส American Standard สำหรับการแลกเปลี่ยนข้อมูล) อย่างไรก็ตาม เนื้อหาของเอกสารไม่จำเป็นต้องเข้ารหัส ASCII หรือข้อความ

SGML และภาษาที่คล้ายกันใช้เครื่องมือมาร์กอัปเอกสารพิเศษ:

· องค์ประกอบและคุณลักษณะที่มาพร้อมกัน

· หน่วยงาน;

·ความคิดเห็น

หน่วยโครงสร้างของเอกสาร SGML คือองค์ประกอบ ในข้อความที่มาร์กอัป แต่ละองค์ประกอบจะต้องถูกเน้นในลักษณะใดลักษณะหนึ่ง การเลือกทำได้โดยการแทรกแท็กเริ่มต้น (จากแท็กคำภาษาอังกฤษ - ป้ายกำกับ) ที่จุดเริ่มต้นขององค์ประกอบ (แท็กเริ่มต้น) และแท็กปิด (แท็กปิด) ที่ส่วนท้ายขององค์ประกอบ แท็กเริ่มต้นและแท็กสิ้นสุดมีชื่อเดียวกัน หากต้องการแยกแท็กออกจากข้อความธรรมดา แท็กจะต้องขึ้นต้นด้วยอักขระเพื่อระบุจุดเริ่มต้นของแท็ก และลงท้ายด้วยอักขระเพื่อระบุจุดสิ้นสุดของแท็ก นอกจากนี้ยังมีการระบุสัญลักษณ์ไว้ในแท็กปิดท้าย - สัญลักษณ์ของแท็กปิดท้าย ใน SGML สามารถระบุสัญลักษณ์ใดๆ ให้เป็นคุณลักษณะดังกล่าวได้ แต่สัญลักษณ์ที่ใช้บ่อยที่สุดเป็นจุดเริ่มต้นของแท็กคือ "<" (левая угловая скобка), в качестве признака окончания тега используется символ ">" (วงเล็บมุมซ้าย) และอักขระแท็กปิดท้ายคือ "/" (สแลช) องค์ประกอบในเอกสาร SGML สามารถล้อมรอบองค์ประกอบอื่นๆ ได้ ซึ่งส่งผลให้ การแสดงกราฟิกเอกสาร SGML เป็นโครงสร้างแบบลำดับชั้น (แบบต้นไม้)

ตัวอย่างที่ 4.3.1 เอกสาร SGML ระบุรายชื่อนักเรียนพร้อมผลการสอบสามารถระบุได้ดังนี้

อีวานอฟ อีวาน อิวาโนวิช

มส-61

ก

บี

บี

บี

เปตรอฟ เปตรอฟ เปโตรวิช

มส-62

ค

ค

ดี

ค

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

การแสดงกราฟิกของรายการนี้ในรูป 4.3.1 มีโครงสร้างแบบต้นไม้:

ข้าว. 4.3.1. โครงสร้างเอกสาร SGML ในการนำเสนอแบบกราฟิก

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

คุณลักษณะชื่อ = "แอตทริบิวต์ค่า"

องค์ประกอบสามารถระบุแอตทริบิวต์ได้หลายรายการ แอตทริบิวต์จะถูกแยกออกจากกันและชื่อองค์ประกอบด้วยการเว้นวรรคอย่างน้อยหนึ่งช่อง

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

ก

บี

บี

บี

ภาษาเช่น SGML ใช้เอนทิตีเพื่อทำงานกับกลุ่มข้อมูล เอนทิตีคือข้อมูลที่มีชื่อใดๆ ทั้งข้อความและไม่ใช่ข้อความ เมื่อดูเอกสาร ชื่อเอนทิตีจะถูกแทนที่ด้วยค่าของมัน ตัวอย่างเช่น ชื่อของเอนทิตีข้อความ kpi จะถูกแทนที่ด้วยค่าของมัน: Kyiv Polytechnic Institute และเอนทิตีที่ไม่ใช่ข้อความ image1 จะถูกแทนที่ด้วยรูปภาพชื่อ image1