หากคุณไม่รู้อะไรเกี่ยวกับ HTML และยังคงกังวลเกี่ยวกับวิธีเริ่มต้นกับ HTML ผู้เขียนแนะนำให้คุณเรียนรู้บทความนี้ซึ่งสามารถควบคุม HTML ได้อย่างรวดเร็ว หากคุณเป็นผู้เชี่ยวชาญใน HTML อยู่แล้วฉันหวังว่าคุณจะให้คำแนะนำที่ดีกว่านี้
สรุปHTML เป็นที่รู้จักกันทั่วไปว่าเป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ มันเป็นตัวย่อของภาษาข้อความไฮเปอร์ เป็นภาษามาร์กอัปที่ใช้อธิบายเอกสารเว็บ ไฟล์หน้าเว็บเองเป็นเพียงไฟล์ข้อความ โดยการเพิ่มเครื่องหมายลงในไฟล์ข้อความเราสามารถบอกเบราว์เซอร์ว่าจะแสดงเนื้อหาได้อย่างไร (เช่น: วิธีประมวลผลข้อความวิธีการจัดเรียงรูปภาพวิธีการแสดงภาพ ฯลฯ ) เครื่องหมายเหล่านี้เป็น HTML ของเรา เมื่อเราเรียนรู้ HTML เราจะเรียนรู้เครื่องหมายเหล่านี้ วันนี้เราเรียนรู้เครื่องหมาย HTML ทั่วไปบางส่วนหรือที่รู้จักกันในชื่อองค์ประกอบ HTML
องค์ประกอบแท็กแท็กบทนำ
องค์ประกอบ HTML รวมถึงช่วงของการรวมที่กำหนดโดยหนึ่งหรือคู่ของแท็ก แท็กประกอบด้วยสองสาย <และ> สัญญาณและแท็กรวมถึงแท็กเริ่มต้น <> และแท็กปลาย </>
องค์ประกอบแท็ก HTML มีสี่รูปแบบ:
องค์ประกอบที่ว่างเปล่า: <br>
องค์ประกอบที่ว่างเปล่าพร้อมแอตทริบิวต์: <hrfont = สีแดง>
องค์ประกอบที่มีเนื้อหา: <Titile> นี่คือเนื้อหา </titile>
องค์ประกอบที่มีเนื้อหาและแอตทริบิวต์: <fontColor = สีแดง> นี่คือเนื้อหา </font>
สิ่งหนึ่งที่จะพูดที่นี่คือในเอกสาร HTML ชื่อของแท็กและแอตทริบิวต์ไม่เกี่ยวข้องกับขนาด
องค์ประกอบสำคัญของกรอบ HTML<html> </html> หมายถึงจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร
<head> </head> หมายถึงจุดเริ่มต้นและจุดสิ้นสุดของส่วนหัวเอกสาร
<title> </title> หมายถึงจุดเริ่มต้นและจุดสิ้นสุดของชื่อเอกสาร
<body> </body> หมายถึงจุดเริ่มต้นและจุดสิ้นสุดของข้อความร่างกายของเอกสาร
ความคิดเห็น html
รูปแบบน้อยกว่าเครื่องหมาย (<) เครื่องหมายอัศเจรีย์ (!) น้อยกว่าเครื่องหมายและเครื่องหมายอัศเจรีย์ไม่มีช่องว่าง ถัดไปคือสองบรรทัดสั้น ๆ (-) จากนั้นเนื้อหาความคิดเห็นและในที่สุดสองบรรทัดสั้น ๆ (-) และมากกว่าเครื่องหมาย (>)
ตัวอย่างเช่น: <!-นี่คือเนื้อหาความคิดเห็น->
แท็กที่เกี่ยวข้องกับการควบคุมย่อหน้า<palign =#>
สร้างย่อหน้าการจัดแนวแอตทริบิวต์หมายถึงการจัดตำแหน่งของย่อหน้า # สามารถเหลืออยู่ตรงกลางขวาเหมาะสม
<br>
ฟังก์ชั่นคือการเปลี่ยนบรรทัด
<hrColor =#>
ฟังก์ชั่นคือการแทรกเส้นแนวนอนและสีคุณสมบัติใช้เพื่อแสดงสี
แท็กที่เกี่ยวข้องกับการแสดงข้อความ<enter> … </enter>
ตรงกลางข้อความ
<hnalign =#> </hn>
ฟังก์ชั่นคือการแสดงชื่อของเอกสาร N คือจำนวนเต็มตั้งแต่ 1 ถึง 6 ชื่อที่ใหญ่ที่สุดในคราวเดียว 6 เป็นชื่อที่เล็กที่สุดและจัดตำแหน่งคือการตั้งค่าการจัดตำแหน่งชื่อรวมถึงซ้าย, ศูนย์และขวาและขวา
<fontsize = n color =#> ... </font>
ตั้งค่าตัวอักษรขนาดคือขนาดตัวอักษรจำนวนเต็มจาก 1 ถึง 7 ยิ่งมีจำนวนมากเท่าไหร่ตัวอักษรก็ยิ่งใหญ่ขึ้นเท่านั้น
<b> ... </b>
ทำให้ข้อความเป็นตัวหนา
<i> … </i>
สร้างข้อความตัวเอียง
แท็กที่สร้างโดยองค์ประกอบรายการ. สร้างรายการด้วยตัวเลขตัวเลข:
<ol> ... </ol> ใช้แอตทริบิวต์เริ่มต้นเพื่อตั้งค่าหมายเลขลำดับเริ่มต้น
<li> ... </li> ใช้แอตทริบิวต์ค่าเพื่อเปลี่ยนลำดับหมายเลขลำดับในรายการ
ข. สร้างรายการด้วยโครงการที่สอดคล้องกัน:
<ul> และ <li> แอตทริบิวต์ประเภทของแท็กของพวกเขาระบุรูปแบบของสัญลักษณ์:
ดิสก์แสดงเป็นวงกลมแข็ง
สแควร์แสดงสี่เหลี่ยมที่ไม่ละลาย
วงกลมแสดงวงกลมที่ไม่ได้เปิด
ข. สร้างรายการที่ไม่ได้ลงนาม
<dl> และ <dt> แท็กสร้างรายการที่ไม่ได้ลงนาม
<dd> และ <dt> สร้างรายการเยื้อง
แท็กสำหรับองค์ประกอบตารางบทบาทของตารางในเค้าโครงหน้าเว็บเป็นสิ่งสำคัญและตารางถูกกำหนดโดย <bable>
คำจำกัดความเฉพาะคือ: <tableBorder = n aligh =# bgColor = rgb>
เส้นขอบแอตทริบิวต์ใช้เพื่อกำหนดความกว้างของเส้นขอบตารางและการจัดตำแหน่งแอตทริบิวต์ใช้ในการตั้งค่าการจัดตำแหน่งของตารางซึ่งสามารถทิ้งไว้ทางซ้ายขวาและตรงกลาง bgcolor เป็นสี
<Caption> … </section> ใช้เพื่อกำหนดชื่อของตาราง
<tr> ... </tr> เพิ่มแถวใหม่ลงในตาราง
<th> … </th> ใช้เพื่อกำหนดส่วนหัวของตาราง
<td> … </td> ใช้เพื่อกำหนดเซลล์
รูปแบบการโต้ตอบ HTMLแบบฟอร์มส่วนใหญ่รับผิดชอบฟังก์ชั่นการรวบรวมข้อมูลในหน้าเว็บ ตัวอย่างเช่นแบบฟอร์มเป็นแบบที่เรามักจะลงทะเบียนข้อมูลและข้อมูลอินพุตที่สามารถโต้ตอบกับหน้าเว็บ
แบบฟอร์มถูกสร้างขึ้นโดยใช้องค์ประกอบ <form> ... </form> การฝังองค์ประกอบหรือการควบคุมอื่น ๆ ที่เกี่ยวข้องระหว่างทั้งสองคุณสามารถสร้างแบบฟอร์มที่เป็นส่วนหนึ่งของเอกสาร HTML
ไวยากรณ์พื้นฐานสำหรับการสร้างแบบฟอร์มมีดังนี้:
<formMethod = รับหรือโพสต์แอ็คชั่น = url> …. </form>
วิธีการใช้แอตทริบิวต์ใช้เพื่อระบุวิธี HTTP ที่ใช้ในการส่งข้อมูลฟอร์มไปยังเซิร์ฟเวอร์ สามารถทำได้ด้วย Get หรือ Post ข้อมูลที่ส่งถูกแนบไปที่ส่วนท้ายของ URL และส่งไปยังเซิร์ฟเวอร์เป็นส่วนหนึ่งของ URL
นี่คือองค์ประกอบทั่วไปเกี่ยวกับรูปแบบ:
องค์ประกอบ <put> ใช้เพื่อรับข้อมูลอินพุตผู้ใช้ มันเป็นองค์ประกอบที่ว่างเปล่าที่มีคุณลักษณะ ไวยากรณ์ใช้เพื่อสร้างตัวควบคุมในรูปแบบ
<inputType = type name = name size = sizeValue = value '>
ประเภทแอตทริบิวต์ใช้เพื่อระบุประเภทของการควบคุมที่จะสร้างแอตทริบิวต์จะใช้เพื่อระบุชื่อของการควบคุมขนาดจะใช้เพื่อระบุความกว้างเริ่มต้นของการควบคุมในรูปแบบและค่าแอตทริบิวต์ระบุค่าเริ่มต้นของการควบคุม
สำหรับประเภทประเภทโปรดดูภาพต่อไปนี้:
รายการรายการกล่องรายการอนุญาตให้ผู้ใช้เลือกหนึ่งรายการขึ้นไปจากเมนูแบบเลื่อนลง กล่องรายการถูกสร้างขึ้นโดยองค์ประกอบ <elect> และตัวเลือกในกล่องรายการมีให้พร้อมกับองค์ประกอบ <potion>
การควบคุมอินพุตข้อความหลายบรรทัด
<textareaname = ชื่อ rows = จำนวนแถว cols = จำนวนคอลัมน์> … </textarea>
แถวแอตทริบิวต์ใช้เพื่อระบุจำนวนบรรทัดข้อความที่แสดงในพื้นที่ภาพของการควบคุมอินพุตกล่องข้อความและ COLS ระบุความกว้างของพื้นที่ภาพที่แสดงในการควบคุมอินพุตข้อความ
แท็กไฮเปอร์ลิงก์<ahref = url> … </a>
แอตทริบิวต์ HREF ใช้เพื่อระบุเป้าหมายของลิงก์ ที่อยู่ปลายทางมีตำแหน่ง URL ข้อความระหว่างแท็กเริ่มต้น <a> </a> จะถูกใช้เป็นข้อความลิงก์ที่แสดงในเบราว์เซอร์
ฝังแท็กรูปภาพ <IMG SRC = ความกว้าง URL = N ความสูง = M> แอตทริบิวต์ SRC ระบุตำแหน่งของทรัพยากรรูปภาพ ความกว้างและความสูงของคุณสมบัติใช้เพื่อระบุขนาดของภาพ ควรสังเกตที่นี่ว่า SRC ควรพยายามใช้เส้นทางสัมพัทธ์แทนเส้นทางสัมบูรณ์องค์ประกอบตัวละครพิเศษ
อักขระพิเศษรวมถึงการอ้างอิงอักขระและการอ้างอิงเอนทิตี ด้านล่างเราจะสรุปสิ่งที่ใช้กันทั่วไป
สรุปเราได้สรุปองค์ประกอบแท็กพื้นฐานที่ใช้มากที่สุดและพื้นฐานที่สุด เมื่อคุณเชี่ยวชาญพื้นฐานพื้นฐานที่สุดเหล่านี้คุณสามารถกลายเป็น HTML จูเนียร์ได้อย่างรวดเร็ว ไม่มีปัญหาในการเขียนหน้าเว็บ HTML อย่างง่ายซึ่งวางรากฐานสำหรับการเรียนรู้เพิ่มเติมในอนาคต