HTML เป็นตัวย่อของภาษามาร์กอัปไฮเปอร์เท็กซ์ มันเป็นภาษาที่อธิบายโครงสร้างของเอกสาร แต่ไม่สามารถอธิบายการแสดงออกที่แท้จริงได้
ภาษา HTML ใช้แท็กเชิงพรรณนา (เรียกว่ารหัสแท็ก) เพื่อระบุเนื้อหาที่แตกต่างกันของเอกสาร รหัสมาร์กอัปกำลังแบ่งอักขระที่แยกแยะองค์ประกอบต่าง ๆ ของข้อความและใช้เพื่อแบ่งเอกสาร HTML เป็นส่วนที่แตกต่างกัน (หรือโครงสร้าง) เช่นย่อหน้าชื่อและตาราง รหัสแท็กอธิบายโครงสร้างของเอกสารซึ่งให้ข้อมูลการจัดรูปแบบเบราว์เซอร์สำหรับเอกสารเพื่อถ่ายทอดลักษณะการปรากฏตัวของเอกสาร
หน้าเว็บที่เขียนใน HTML เป็นเอกสารข้อความธรรมดาโดยไม่มีข้อมูลใด ๆ ที่เกี่ยวข้องกับแพลตฟอร์มและโปรแกรมและสามารถอ่านได้โดยตัวแก้ไขข้อความใด ๆ
มีสองวิธีในการสร้างไฟล์ HTML หนึ่งคือการรวบรวมด้วยมือและอื่น ๆ คือการสร้างโดย Web Editor Dreamweaver 3.0 เป็นเครื่องมือแก้ไขเว็บ ในขณะที่ใช้ Dreamweaver 3.0 เพื่อสร้างหน้าเว็บ Dreamweaver 3.0 สร้างไฟล์ HTML สำหรับหน้าเว็บ ดังนั้นจึงจำเป็นต้องเรียนรู้ที่จะรวบรวมไฟล์ HTML ด้วยมือ ต่อไปนี้เป็นความรู้พื้นฐานเกี่ยวกับวิธีการรวบรวมไฟล์ HTML ด้วยมือ
เอกสาร HTML มีข้อมูลสองประเภท: หนึ่งคือเนื้อหาของหน้าเว็บเองเช่นข้อความกราฟิก ฯลฯ ; อีกอันคือแท็ก HTM L ที่แสดงองค์ประกอบหน้าโครงสร้างรูปแบบและลิงก์ไฮเปอร์เท็กซ์อื่น ๆ
เมื่อเบราว์เซอร์พบแท็ก HTML เมื่ออ่านไฟล์ HTML จะแสดงเนื้อหาของหน้าในรูปแบบที่กำหนดโดยแท็ก รูปแบบพื้นฐานของแท็ก HTML คือ:
<GAT> เนื้อหาหน้า </TAG>
แท็กก่อนหน้านี้ระบุจุดเริ่มต้นของรูปแบบที่กำหนดและแท็กที่ตามมาระบุจุดสิ้นสุดของรูปแบบนี้เช่น <b> HelloWorld! </b> ระบุการแสดงผลของ Hello World ด้วยคำพูดที่เป็นตัวหนา
เบราว์เซอร์ที่ใช้กันทั่วไปสองตัว 360 และ Internet Explorcr ซึ่งตอนนี้มีการตีความแท็ก HTML ที่แตกต่างกันนั่นคือแท็กเดียวกันแสดงผลลัพธ์ที่แตกต่างกันในเบราว์เซอร์ที่แตกต่างกันและไม่ว่าทั้งสองจะอธิบายแท็กที่แตกต่างกัน เบราว์เซอร์รุ่นเดียวกันก็มีปัญหานี้เช่นกัน ดังนั้นคุณต้องให้ความสนใจกับปัญหานี้เมื่อรวบรวมหน้าเว็บ โดยทั่วไปแล้วปรากฏการณ์นี้จะไม่เกิดขึ้นกับฟังก์ชั่นทั่วไปที่ใช้กันทั่วไปและปัญหานี้จะเกิดขึ้นกับฟังก์ชั่นใหม่และขั้นสูง Dreamweaver 3.0 ได้พยายามอย่างเต็มที่ที่จะคำนึงถึงเบราว์เซอร์ทั้งสองและให้วิธีการจัดการกับปัญหาเหล่านี้
ไฟล์ HTML เป็นไฟล์ข้อความธรรมดาที่สามารถป้อนโดยตัวแก้ไขข้อความใด ๆ เช่น Notepad ในไฟล์แนบ Windows เมื่อบันทึกไฟล์ส่วนขยายของไฟล์จะต้องเป็น HTML หรือ HTM
โครงสร้างโดยรวมของไฟล์ HTML มีดังนี้:
<html>
<head>
<title> ... </title>
</head>
<body>
</body>
</html>
ต่อไปนี้อธิบายแท็ก HTML ในโครงสร้างโดยรวมของไฟล์ HTML:
<html>: แท็ก HTML แรกในแต่ละหน้า HTML คือ <HTML> ซึ่งระบุว่าเนื้อหาของไฟล์ถูกเขียนในภาษา HTML แท็กข้อความและ HTML ทั้งหมดในหน้า HTML รวมอยู่ใน
<html> ... </html> ในแท็กเริ่มต้นและสิ้นสุด
<head>: แท็ก <head> ระบุว่าข้อความที่มีอยู่ในแท็กนี้เป็นคำนำไปยังข้อความอื่น ๆ ในข้อความ โดยปกติจะมีเพียงส่วนเล็ก ๆ ที่เขียนไว้ในส่วน <head> ของไฟล์ ไม่ควรเขียนข้อความของเนื้อหาในส่วนหัว!
<title>: ข้อความที่มีอยู่ระหว่างแท็ก <title> เรียกว่าชื่อส่วนหัว เบราว์เซอร์วางชื่อส่วนหัวในแถบชื่อเรื่องของหน้าต่างหน้า
<body>: เนื้อหาของหน้า HTML รวมอยู่ในแท็ก <body>
เพื่อทำความเข้าใจรูปแบบพื้นฐานแนวคิดและแท็กของไฟล์ HTML เขียนเนื้อหาต่อไปนี้ในไฟล์ข้อความที่แก้ไข:
<html>
<head>
<title> สวัสดีโลก! <tltle>
</head>
<body>
<p> Heiio World! </p>
<p> นี่เป็นเว็บแรกของฉัน </p>
</body>
</html>
นี่คือไฟล์ HTML ที่เรียบง่าย มาชื่อกันและบันทึกไฟล์ด้านบน ให้ความสนใจกับชื่อไฟล์:
(1) ในระบบ DOS/Windows ให้ใช้. htm เพื่อขยายและในระบบ Unix ให้ใช้. html เพื่อขยาย (ควรสังเกตว่าในระบบ Unix กรณีกรณีของตัวอักษรในชื่อไฟล์มีความอ่อนไหว)