นี่คือชุดของบทช่วยสอนที่คุณมีให้ส่วนใหญ่เพื่ออธิบายการประยุกต์ใช้แบบฟอร์มบนหน้าเว็บกับผู้เริ่มต้นรวมถึงความรู้พื้นฐานที่สุดเคล็ดลับบางอย่างในรูปแบบ ฯลฯ ฉันหวังว่าทุกคนจะสนับสนุนได้
ตารางเป็นวิธีที่ดีที่สุดในการจัดเรียงเนื้อหา ในหน้า HTML หน้าส่วนใหญ่จะถูกเรียงพิมพ์โดยใช้ตาราง อย่างไรก็ตามในเทคโนโลยีปัจจุบันบางคนเสนอให้ใช้ Div CSS เพื่อสร้างหน้าเว็บ วัตถุประสงค์หลักคือการทำให้รหัสหน้าเว็บง่ายขึ้น เว็บไซต์หลายแห่งได้ใช้เค้าโครง Div CSS แต่ก็ยังจำเป็นมากสำหรับเราที่จะเรียนรู้วิธีการสร้างแบบฟอร์มในระหว่างกระบวนการผลิตหน้าเว็บดังนั้นเราจะอธิบายให้คุณฟังโดยเฉพาะ
ในไวยากรณ์ HTML ตารางส่วนใหญ่ประกอบด้วยสามแท็กแท็กตารางแท็กแถวและแท็กเซลล์ ดังแสดงในตารางต่อไปนี้:
การทำเครื่องหมายตาราง
| เครื่องหมาย | อธิบาย |
| <table> … </bable> | การทำเครื่องหมายตาราง |
| <tr> … </tr> | เครื่องหมายแถว |
| <td> … </td> | แท็กเซลล์ |
01 <Table>
02 <tr>
03 <td> … </td>
04 …
05 </tr>
06 <tr>
07 <Td> … </td>
08 …
09 </tr>
10 …
11 </table>
คำอธิบายไวยากรณ์แท็ก <Table> หมายถึงจุดเริ่มต้นของตารางแท็ก <tr> แสดงถึงจุดเริ่มต้นของแถวและเนื้อหาของเซลล์อยู่ระหว่าง <td> และ </td> เครื่องหมายเหล่านี้มีความสัมพันธ์จากชั้นขนาดใหญ่ถึงชั้นเล็กโดยเลเยอร์จากตารางที่ใหญ่ที่สุดไปจนถึงเซลล์ที่เล็กที่สุด ตารางสามารถมีแท็ก <tr> และ <td> หลายรายการที่แสดงถึงหลายแถวและหลายเซลล์ตามลำดับ
ตัวอย่างไฟล์: 10-1.htmสร้างตารางสามแถวและสองคอลัมน์ด้วย <table>, <tr>, <td> แท็ก
01 <!---------------------------->
02 <!-ตัวอย่างไฟล์: 10-1.htm->
03 <!-เอกสารคำอธิบาย: สร้างตาราง->
04 <!---------------------------->
05 <html>
06 <head>
07 <title> สร้างแบบฟอร์ม </title>
08 </head>
09 <body>
10 <H1> ซอฟต์แวร์การออกแบบเว็บหลัก </h1>
11 <Table>
12 <tr>
13 <td> ซอฟต์แวร์เว็บภาพ </td>
14 <td> ดอกไม้ไฟ </td>
15 </tr>
16 <tr>
17 <td> ซอฟต์แวร์การผลิตเว็บเพจ </td>
18 <td> Dreamweaver </td>
19 </tr>
20 <tr>
21 <td> ซอฟต์แวร์แอนิเมชั่นเว็บ </td>
22 <td> แฟลช </td>
23 </tr>
24 </ตาราง> ทั้งหมด 2 หน้าก่อนหน้า 12 หน้าถัดไป