บทช่วยสอนHTML

HTML หน้าแรก บทนำ HTML โปรแกรมแก้ไข HTML HTML พื้นฐาน องค์ประกอบ HTML แอตทริบิวต์ HTML ส่วนหัว HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML ความคิดเห็น HTML HTML สี HTML CSS ลิงค์ HTML รูปภาพ HTML HTML Favicon ตาราง HTML รายการ HTML บล็อก HTML & อินไลน์ คลาส HTML รหัส HTML HTML Iframes HTML JavaScript เส้นทางไฟล์ HTML หัวหน้า HTML เค้าโครง HTML HTML Responsive HTML รหัสคอมพิวเตอร์ HTML Semantics คู่มือสไตล์ HTML เอนทิตี HTML สัญลักษณ์ HTML HTML Emojis ชุดอักขระ HTML การเข้ารหัส URL HTML HTML กับ XHTML

แบบฟอร์มHTML

แบบฟอร์ม HTML คุณสมบัติแบบฟอร์ม HTML องค์ประกอบแบบฟอร์ม HTML ประเภทอินพุต HTML แอตทริบิวต์การป้อนข้อมูล HTML แอตทริบิวต์แบบฟอร์มการป้อนข้อมูล HTML

กราฟิกHTML

HTML Canvas HTML SVG

สื่อHTML

สื่อ HTML วิดีโอ HTML HTML Audio ปลั๊กอิน HTML HTML YouTube

HTML APIs

HTML Geolocation HTML ลาก/วาง HTML Web Storage HTML Web Workers HTML SSE

ตัวอย่างHTML

ตัวอย่าง HTML แบบทดสอบ HTML แบบฝึกหัด HTML ใบรับรอง HTML สรุป HTML การเข้าถึง HTML

ข้อมูลอ้างอิงHTML

รายการแท็ก HTML แอตทริบิวต์ HTML HTML Global Attributes รองรับ HTML Browser เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ HTML Doctypes ชุดอักขระ HTML การเข้ารหัส URL HTML HTML Lang Codes ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด

เอนทิตี HTML


อักขระที่สงวนไว้ใน HTML จะต้องถูกแทนที่ด้วยเอนทิตีของอักขระ


เอนทิตี HTML

อักขระบางตัวสงวนไว้ในรูปแบบ HTML

หากคุณใช้เครื่องหมายน้อยกว่า (<) หรือมากกว่า (>) ในข้อความของคุณ เบราว์เซอร์อาจผสมสิ่งเหล่านี้เข้ากับแท็ก

เอนทิตีอักขระใช้เพื่อแสดงอักขระสงวนใน HTML

เอนทิตีอักขระมีลักษณะดังนี้:

&entity_name;

OR

&#entity_number;

หากต้องการแสดงเครื่องหมายน้อยกว่า (<) เราต้องเขียนว่า: < หรือ<

ข้อดีของการใช้ชื่อเอนทิตี: ชื่อเอนทิตีจำง่าย
ข้อเสียของการใช้ชื่อเอนทิตี:เบราว์เซอร์อาจไม่รองรับชื่อเอนทิตีทั้งหมด แต่การรองรับหมายเลขเอนทิตีนั้นดี


พื้นที่ไม่แตก

เอนทิตีที่ใช้กันทั่วไปใน HTML คือช่องว่างที่ไม่แตก:  

พื้นที่ที่ไม่แตกเป็นช่องว่างที่จะไม่แตกเป็นบรรทัดใหม่

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

ตัวอย่าง:

  • § 10
  • 10 กม./ชม
  • 22.00 น.

การใช้งานทั่วไปอีกประการหนึ่งของพื้นที่ที่ไม่แตกหักคือการป้องกันไม่ให้เบราว์เซอร์ตัดช่องว่างในหน้า HTML

หากคุณเขียนช่องว่าง 10 ช่องในข้อความ เบราว์เซอร์จะลบ 9 ช่องออกจากข้อความ ในการเพิ่มช่องว่างจริงให้กับข้อความของคุณ คุณสามารถใช้ปุ่ม  เอนทิตีของตัวละคร

เคล็ดลับ:ยัติภังค์ไม่แยก ( ) ใช้เพื่อกำหนดอักขระยัติภังค์ (-) ที่ไม่แยกเป็นบรรทัดใหม่



เอนทิตีอักขระ HTML ที่มีประโยชน์บางส่วน

Result Description Entity Name Entity Number Try it
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

หมายเหตุ:ชื่อเอนทิตีต้องคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่


การรวมเครื่องหมายกำกับเสียง

เครื่องหมายกำกับเสียงคือ "ร่ายมนตร์" ที่เพิ่มลงในจดหมาย

เครื่องหมายกำกับเสียงบางอย่าง เช่น หลุมฝังศพ ( ̀) และเฉียบพลัน ( ́) เรียกว่าการเน้นเสียง

เครื่องหมายกำกับเสียงสามารถปรากฏได้ทั้งด้านบนและด้านล่างตัวอักษร ภายในตัวอักษร และระหว่างตัวอักษรสองตัว

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

นี่คือตัวอย่างบางส่วน:

Mark Character Construct Result Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

คุณจะเห็นสัญลักษณ์ HTML เพิ่มเติมในบทถัดไปของบทช่วยสอนนี้