ภาษามาร์กอัปข้อความ htyper เช่นภาษามาร์กอัปไฮเปอร์เท็กซ์
ไฮเปอร์เท็กซ์: หมายความว่าหน้าสามารถมีองค์ประกอบที่ไม่ใช่ข้อความเช่นรูปภาพลิงก์และแม้แต่เพลงโปรแกรม
ภาษามาร์กอัป: ภาษาที่ประกอบด้วยเครื่องหมาย (ฉลาก)
เว็บเพจ == เอกสาร HTML ที่แยกวิเคราะห์โดยเบราว์เซอร์ใช้ในการแสดง
หน้าเว็บคงที่: ทรัพยากรคงที่เช่น xxx.html
หน้าเว็บแบบไดนามิก: รหัส HTML ถูกสร้างขึ้นแบบไดนามิกโดยภาษาการพัฒนาตามคำขอของผู้ใช้
ต่อไปนี้เป็นแผนภาพโครงสร้างต้นไม้ของไฟล์ HTML
แนวคิดแท็ก:•มันประกอบด้วยคำที่ห่อด้วยคู่ของวงเล็บมุม ตัวอย่างเช่น: <html> *คำในแท็กทั้งหมดไม่สามารถเริ่มต้นได้ด้วยตัวเลข
•แท็กเป็นตัวพิมพ์ใหญ่ <html> และ <html> แนะนำตัวพิมพ์เล็ก
•แท็กแบ่งออกเป็นสองส่วน: แท็กเริ่มต้น <a> และแท็กปลาย </a> ชิ้นส่วนระหว่างแท็กทั้งสองเรียกว่าแท็กตัว
•ฟังก์ชั่นแท็กบางอย่างค่อนข้างง่าย เพียงแค่ใช้แท็กหนึ่งแท็ก แท็กนี้เรียกว่าออทิสติกและแท็ก ตัวอย่างเช่น: <br/> <hr /> <อินพุต /> <img />
•แท็กสามารถซ้อนกันได้ แต่พวกเขาไม่สามารถข้ามไปได้ <a> <b> </a> </b>
คุณสมบัติของแท็ก:•โดยปกติจะปรากฏในรูปแบบของคู่คีย์-ค่า ตัวอย่างเช่นชื่อ = Alex
•คุณสมบัติสามารถปรากฏในแท็กเริ่มต้นหรือออทิสติกและแท็กเท่านั้น
•ชื่อแอตทริบิวต์เป็นตัวพิมพ์เล็กทั้งหมด *ค่าแอตทริบิวต์จะต้องถูกห่อด้วยคำพูดสองครั้งหรือคำพูดเดียวตัวอย่างเช่นชื่อ = Alex
•หากชื่อแอตทริบิวต์และชื่อแอตทริบิวต์เหมือนกันเพียงแค่เขียนชื่อแอตทริบิวต์โดยตรง ตัวอย่างเช่นอ่านอย่างเดียว
2. บทนำสู่แท็กหลักของหัว• <meta> องค์ประกอบของเมตาแท็ก: มีสองแอตทริบิวต์ในแท็กเมตา, แอตทริบิวต์ชื่อตามลำดับแอตทริบิวต์ HTTP-Equiv และแอตทริบิวต์ชื่อ แอตทริบิวต์ที่แตกต่างกันมีค่าพารามิเตอร์ที่แตกต่างกันและค่าพารามิเตอร์ที่แตกต่างกันเหล่านี้จะรับรู้ฟังก์ชั่นหน้าเว็บที่แตกต่างกัน
1 แอตทริบิวต์ชื่อส่วนใหญ่จะใช้เพื่ออธิบายหน้าเว็บและค่าแอตทริบิวต์ที่สอดคล้องกันคือเนื้อหา เนื้อหาในเนื้อหาส่วนใหญ่จะใช้โดยหุ่นยนต์เครื่องมือค้นหาเพื่อค้นหาข้อมูลและจำแนกข้อมูล
<meta name = keywordScontent = Meta Summary, HTML Meta, Meta Attribute, Meta Jump>
<meta name = descriptioncontent = สถาบันฝึกอบรมเด็กเก่าถูกสร้างขึ้นโดยเด็กชายเก่า>
2 http-equiv ตามชื่อแนะนำเทียบเท่ากับส่วนหัวไฟล์ของ http มันสามารถส่งข้อมูลที่เป็นประโยชน์บางอย่างไปยังเบราว์เซอร์เพื่อช่วยแสดงเนื้อหาหน้าเว็บอย่างถูกต้องและถูกต้อง ค่าแอตทริบิวต์ที่สอดคล้องกันคือเนื้อหา เนื้อหาในเนื้อหาเป็นค่าตัวแปรของแต่ละพารามิเตอร์
<meta http-equiv = refreshcontent = 2; url = https: //www.vevb.com> // (หมายเหตุคำพูดหลังจากนั้นซึ่งอยู่ก่อนวินาทีและหลัง URL ตามลำดับ)
<meta http-equiv = content-typecontent = text/html; charset = utf8>
<meta http-equiv = เนื้อหาที่เข้ากันได้กับ x-ua = ie = edge, chrome = 1>
• <title> เด็กเก่า </title>
• <link rel = icon href = http: //www.jd.com/favicon.ico>
3. แท็กร่างกาย แท็กพื้นฐาน:<Hn>: ช่วงค่าของ n คือ 1 ~ 6; จากขนาดใหญ่ถึงเล็ก ใช้เพื่อแสดงชื่อ
<p>: แท็กย่อหน้า เนื้อหาของแพ็คเกจถูกห่อหุ้มด้วย นอกจากนี้ยังมีเส้นที่ว่างเปล่าระหว่างเนื้อหาบนและล่าง
<b> <strong>: แท็กตัวหนา
<strike>: เพิ่มกึ่งกลางลงในข้อความ
<em>: ข้อความกลายเป็นตัวเอียง
<sup> และ <ub>: เครื่องหมายมุมบนและตารางมุมล่าง
<br>: สายแบรนด์
<Hr>: เส้นแนวนอน
<p> <pan>
แท็กระดับบล็อกและอินไลน์
แท็กระดับบล็อก: <p> <h1> <table> <ol> <ul> <ul> <ul> <form> <p>
แท็กอินไลน์: <a> <put> <img> <ub> <sup> <sup> <textarea> <pan>
ลักษณะขององค์ประกอบบล็อก①เริ่มต้นในบรรทัดใหม่เสมอ
②ความสูงความสูงของเส้นขอบด้านนอกและระยะขอบด้านในสามารถควบคุมได้
③ความกว้างเริ่มต้นคือ 100% ของคอนเทนเนอร์เว้นแต่จะมีการตั้งค่าความกว้าง
④สามารถรองรับองค์ประกอบแบบอินไลน์และองค์ประกอบบล็อกอื่น ๆ ได้
ลักษณะขององค์ประกอบอินไลน์①และองค์ประกอบอื่น ๆ อยู่ในบรรทัดเดียวกัน
②ความสูงความสูงของเส้นขอบด้านนอกและระยะขอบด้านในไม่สามารถเปลี่ยนแปลงได้
③ความกว้างคือความกว้างของข้อความหรือรูปภาพและไม่สามารถเปลี่ยนแปลงได้
④องค์ประกอบแบบอินไลน์สามารถรองรับข้อความหรือองค์ประกอบอินไลน์อื่น ๆ ได้เท่านั้น
สำหรับองค์ประกอบภายในบรรทัดโปรดให้ความสนใจกับสิ่งต่อไปนี้
การตั้งค่าความกว้างความกว้างไม่ถูกต้อง
การตั้งค่าความสูงไม่ถูกต้องคุณสามารถตั้งค่าผ่านความสูงของบรรทัด
อัตรากำไรขั้นต้นมีเพียงระยะขอบเท่านั้นที่ถูกต้อง แต่ส่วนบนและส่วนล่างนั้นไม่ถูกต้อง
การตั้งค่าช่องว่างภายในและด้านขวาจะถูกต้อง แต่ขึ้นและลงนั้นไม่ถูกต้อง โปรดทราบว่าช่วงขององค์ประกอบเพิ่มขึ้น แต่ไม่มีผลต่อเนื้อหารอบ ๆ องค์ประกอบ
อักขระพิเศษ:& lt; & gt; & quot; & copy; & reg;
แท็กกราฟิก <Img>:
SRC: เส้นทางที่จะแสดงภาพ
Alt: พรอมต์เมื่อภาพไม่ได้โหลดสำเร็จ
ชื่อเรื่อง: ข้อความแจ้งเมื่อมีการระงับเมาส์
ความกว้าง: ความกว้างของภาพ
ความสูง: ความสูงของภาพ (เพียงหนึ่งในสองคุณสมบัติของความกว้างและความสูงจะปรับขนาดอย่างเท่าเทียมกันโดยอัตโนมัติ)
แท็กไฮเปอร์ลิงก์ <a>:
HREF: เส้นทางทรัพยากรที่จะเชื่อมต่อมีดังนี้: href = https: //www.vevb.com
เป้าหมาย: _blank: เปิดไฮเปอร์ลิงก์ในหน้าต่างใหม่ ชื่อเฟรม: เปิดเนื้อหาการเชื่อมต่อในเฟรมที่ระบุ
ชื่อ: กำหนดบุ๊กมาร์กของหน้า
ใช้เพื่อกระโดด href: #bookmark ชื่อ
รายการแท็ก:<ul>: รายการที่ไม่ได้เรียงลำดับ
<ol>: รายการที่สั่งซื้อ
<li>: แต่ละรายการในรายการ
รายการคำจำกัดความ <dl>
<dt> ชื่อรายการ
รายการ <dd> รายการ
แท็กตาราง <Table>:
ชายแดน: ชายแดน
CellPadding: ระยะขอบด้านใน
Cellpacing: มาร์จิ้น
ความกว้าง: เปอร์เซ็นต์พิกเซล (เป็นการดีที่สุดที่จะตั้งค่าความยาวและความกว้างผ่าน CSS)
<tr>: แถวตาราง
<th>: เซลล์หัวโต๊ะ
<td>: Table Data Cell
Rowspan: เซลล์มีกี่แถวครอบคลุมในแนวตั้ง
Colspan: มีกี่คอลัมน์เซลล์ (เช่นผสานเซลล์) กี่คอลัมน์กี่คอลัมน์)
<th>: ส่วนหัวของตาราง <tbody> (ไม่ได้ใช้กันทั่วไป): พาร์ติชันตาราง
แท็กฟอร์ม <form>
แบบฟอร์มใช้ในการถ่ายโอนข้อมูลไปยังเซิร์ฟเวอร์
แบบฟอร์มสามารถมีองค์ประกอบอินพุตเช่นฟิลด์ข้อความกล่องกาเครื่องหมายกล่องวิทยุปุ่มส่ง ฯลฯ
แบบฟอร์มยังสามารถมี textarea, select, fieldset และองค์ประกอบฉลาก
1. คุณสมบัติของแบบฟอร์มแบบฟอร์ม HTML ใช้เพื่อรับอินพุตผู้ใช้ประเภทต่างๆ เมื่อผู้ใช้ส่งแบบฟอร์มข้อมูลจะถูกส่งไปยังเซิร์ฟเวอร์ดังนั้นจึงตระหนักถึงการโต้ตอบระหว่างผู้ใช้และเว็บเซิร์ฟเวอร์ แท็กฟอร์มทุกอย่างที่จะส่งควรอยู่ในแท็กนั้น
การดำเนินการ: จะส่งแบบฟอร์มได้ที่ไหน โดยทั่วไปจะชี้ไปที่โปรแกรมบนเซิร์ฟเวอร์ โปรแกรมได้รับข้อมูลที่ส่งโดยแบบฟอร์ม (เช่นค่าองค์ประกอบแบบฟอร์ม) สำหรับการประมวลผลที่สอดคล้องกันเช่น https://www.sogou.com/web
วิธีการ: แบบฟอร์มถูกส่งโดยโพสต์/รับ ค่าเริ่มต้นคือรับ (ซองจดหมาย)
รับ: 1. คู่ที่ส่งมาคู่ วางหลัง URL ในแถบที่อยู่ 2. ความปลอดภัยค่อนข้างแย่ 3. มีข้อ จำกัด เกี่ยวกับความยาวของเนื้อหาที่ส่ง
โพสต์: 1. คู่คีย์-ค่าที่ส่งไม่ได้อยู่ในแถบที่อยู่ 2. ความปลอดภัยค่อนข้างสูง 3. ไม่มีขีด จำกัด ทางทฤษฎีเกี่ยวกับความยาวของเนื้อหาที่ส่ง
รับ/โพสต์เป็นวิธีการร้องขอทั่วไปสองวิธี
2. รูปแบบองค์ประกอบ<put>
พิมพ์:
กล่องป้อนข้อความข้อความ
กล่องป้อนรหัสผ่านรหัสผ่าน
กล่องวิทยุเลือกกล่อง
ช่องทำเครื่องหมายหลายกล่องการเลือก
ปุ่มส่ง
ปุ่มปุ่ม (ต้องใช้กับ JS.) ปุ่มและส่งความแตกต่างคืออะไร?
ไฟล์ส่งไฟล์: ฟอร์มฟอร์มจำเป็นต้องเพิ่มแอตทริบิวต์ enctype = multipart/form-data
XML/HTML รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด