HTML - การอ้างอิงแบบอักษร
แบบอักษรเฉพาะสำหรับแพลตฟอร์ม คุณจะมีรูปลักษณ์ที่แตกต่างกันของหน้าเว็บบนเครื่องต่างๆที่ใช้ระบบปฏิบัติการต่างๆเช่น Windows, Linux หรือ Mac iOS ที่นี่เราจะให้รายการแบบอักษรที่มีอยู่ในระบบปฏิบัติการต่างๆ
แท็ก HTML <font> เลิกใช้แล้วในเวอร์ชัน 4.0 เป็นต้นไปและตอนนี้ฟอนต์ทั้งหมดถูกตั้งค่าโดยใช้ CSS นี่คือไวยากรณ์ง่ายๆของการตั้งค่าแบบอักษรของเนื้อหาของหน้าเว็บ
body {
font-family: "new century schoolbook";
}
or
<body style = "font-family:new century schoolbook;">ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<title>Font Setting Using CSS</title>
</head>
<body>
<p>Change any of the style and try it.</p>
<div style = "font-family:verdana;">This is demo for font family</div>
<br />
<div style = "font-size:120%;">This is demo for font size</div>
<br />
<div style = "font-size:14pt;">This is demo for font size</div>
</body>
</html>สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -
แบบอักษรสำหรับระบบ Microsoft
| แบบอักษร | แบบอักษร | แบบอักษร |
|---|---|---|
| อันเดลโมโน | Arial | Arial Bold |
| Arial ตัวเอียง | Arial ตัวเอียงตัวหนา | Arial สีดำ |
| Comic Sans MS | Comic Sans MS ตัวหนา | Courier ใหม่ |
| Courier New Bold | Courier ตัวเอียงใหม่ | Courier New Bold Italic |
| จอร์เจีย | จอร์เจียตัวหนา | จอร์เจียตัวเอียง |
| จอร์เจียตัวหนาตัวเอียง | ผลกระทบ | คอนโซล Lucida |
| Lucida Sans Unicode | Marlett | เว็บมินเนี่ยน |
| สัญลักษณ์ | Times New Roman | Times New Roman Bold |
| Times New Roman Italic | Times New Roman Bold Italic | ทาโฮมา |
| Trebuchet MS | Trebuchet MS Bold | Trebuchet MS ตัวเอียง |
| Trebuchet MS ตัวเอียงตัวหนา | เวอร์ดานา | Verdana Bold |
| Verdana Italic | Verdana Bold Italic | Webdings |
คุณสามารถตรวจสอบแบบอักษรตัวอย่างได้ที่นี่ - ตัวอย่างแบบอักษรของ Microsoft
แบบอักษรสำหรับระบบ Macintosh
ต่อไปนี้เป็นรายการแบบอักษรที่รองรับโดย Macintosh System 7 และเวอร์ชันที่สูงกว่า
| แบบอักษร | แบบอักษร | แบบอักษร |
|---|---|---|
| เครื่องพิมพ์ดีดอเมริกัน | อันเดลโมโน | Apple Chancery |
| Arial | Arial สีดำ | แปรงสคริปต์ |
| บาสเกอร์วิลล์ | Caslon ใหญ่ | Comic Sans MS |
| แผ่นทองแดง | Courier ใหม่ | Gill Sans |
| Futura | เฮอร์คิวลานุม | ผลกระทบ |
| Lucida Grande | สักหลาด | Optima |
| Trebuchet MS | เวอร์ดานา | Webdings |
| ปาลาติโน | สัญลักษณ์ | ครั้ง |
| โอซาก้า | ต้นกก | Times New Roman |
| สิ่งทอ | Zapf Dingbats | Zapfino |
| เทคโน | ข้อความ Hoefler | Skia |
| เครื่องประดับข้อความ Hoefler | เมืองหลวง | ถ่าน |
| Gadget | ทราย |
คุณสามารถตรวจสอบแบบอักษรตัวอย่างได้ที่นี่ - ตัวอย่างแบบอักษรของ Mac
แบบอักษรสำหรับระบบ Unix
ต่อไปนี้เป็นรายการแบบอักษรที่รองรับโดย Unix System ส่วนใหญ่
| แบบอักษร | แบบอักษร | แบบอักษร |
|---|---|---|
| กฎบัตร | ทำความสะอาด | ผู้จัดส่ง |
| แก้ไขแล้ว | Helvetica | ลูซิดา |
| Lucida สดใส | เครื่องพิมพ์ดีด Lucida | หนังสือเรียนศตวรรษใหม่ |
| สัญลักษณ์ | เทอร์มินอล | ครั้ง |
| ยูโทเปีย |
คุณสามารถตรวจสอบแบบอักษรตัวอย่างได้ที่นี่ - ตัวอย่างแบบอักษร Unix
รหัส HTML ASCII
มีอักขระที่พิมพ์ได้ 2 7 = 128 อักขระซึ่งสามารถแสดงด้วยรหัส 7-BIT ASCII ที่แตกต่างกัน อักขระอีกชุดไม่ได้มีไว้สำหรับการแสดง HTML แต่ถูกออกแบบมาเพื่อควบคุมฮาร์ดแวร์
ตารางต่อไปนี้แสดงรายการรหัส 7-BIT ASCII ทั้งหมดและรหัสเอนทิตี HTML ที่เทียบเท่า
หากคุณต้องการดู HEX, OCT และชุดรหัส ASCII ที่เทียบเท่าให้ตรวจสอบบทถัดไป
อักขระ ASCII ที่พิมพ์ได้ 7 บิต
| อักขระ ASCII | คำอธิบาย | รหัสเอนทิตี HTML |
|---|---|---|
| พื้นที่ | & # 32; | |
| ! | เครื่องหมายตกใจ | & # 33; |
| " | เครื่องหมายคำพูด | & # 34; |
| # | เครื่องหมายตัวเลข | & # 35; |
| $ | เครื่องหมายดอลลาร์ | & # 36; |
| % | เครื่องหมายเปอร์เซ็นต์ | & # 37; |
| & | เครื่องหมายและ | & # 38; |
| ' | เครื่องหมายวรรคตอน | & # 39; |
| ( | วงเล็บซ้าย | & # 40; |
| ) | วงเล็บขวา | & # 41; |
| * | ดอกจัน | & # 42; |
| + | เครื่องหมายบวก | & # 43; |
| , | ลูกน้ำ | & # 44; |
| - | ยัติภังค์ | & # 45; |
| . | งวด | & # 46; |
| / | เฉือน | & # 47; |
| 0 | หลัก 0 | & # 48; |
| 1 | หลัก 1 | & # 49; |
| 2 | หลัก 2 | & # 50; |
| 3 | หลัก 3 | & # 51; |
| 4 | หลัก 4 | & # 52; |
| 5 | หลัก 5 | & # 53; |
| 6 | หลัก 6 | & # 54; |
| 7 | หลัก 7 | & # 55; |
| 8 | หลัก 8 | & # 56; |
| 9 | หลัก 9 | & # 57; |
| : | ลำไส้ใหญ่ | & # 58; |
| ; | อัฒภาค | & # 59; |
| < | น้อยกว่า | & # 60; |
| = | เท่ากับ | & # 61; |
| > | มากกว่า | & # 62; |
| เหรอ? | เครื่องหมายคำถาม | & # 63; |
| @ | ที่ลงชื่อ | & # 64; |
| ก | ตัวพิมพ์ใหญ่ก | & # 65; |
| ข | ตัวพิมพ์ใหญ่ B | & # 66; |
| ค | ตัวพิมพ์ใหญ่ C | & # 67; |
| ง | ตัวพิมพ์ใหญ่ง | & # 68; |
| จ | ตัวพิมพ์ใหญ่ E | & # 69; |
| ฉ | ตัวพิมพ์ใหญ่ F | & # 70; |
| ช | ตัวพิมพ์ใหญ่ G | & # 71; |
| ซ | ตัวพิมพ์ใหญ่ H | & # 72; |
| ผม | ตัวพิมพ์ใหญ่ I | & # 73; |
| เจ | พิมพ์ใหญ่ J | & # 74; |
| เค | พิมพ์ใหญ่ K | & # 75; |
| ล | ตัวพิมพ์ใหญ่ L | & # 76; |
| ม | ตัวพิมพ์ใหญ่ M | & # 77; |
| น | ตัวพิมพ์ใหญ่ N | & # 78; |
| โอ | ตัวพิมพ์ใหญ่ O | & # 79; |
| ป | ตัวพิมพ์ใหญ่ P | & # 80; |
| ถาม | ตัวพิมพ์ใหญ่ Q | & # 81; |
| ร | ตัวพิมพ์ใหญ่ R | & # 82; |
| ส | ตัวพิมพ์ใหญ่ S | & # 83; |
| ที | ตัวพิมพ์ใหญ่ T | & # 84; |
| ยู | ตัวพิมพ์ใหญ่ U | & # 85; |
| V | ตัวพิมพ์ใหญ่ V | & # 86; |
| ว | ตัวพิมพ์ใหญ่ W | & # 87; |
| X | ตัวพิมพ์ใหญ่ X | & # 88; |
| ย | ตัวพิมพ์ใหญ่ Y | & # 89; |
| Z | ตัวพิมพ์ใหญ่ Z | & # 90; |
| [ | วงเล็บเหลี่ยมด้านซ้าย | & # 91; |
| \ | แบ็กสแลช | & # 92; |
| ] | วงเล็บเหลี่ยมขวา | & # 93; |
| ^ | คาเร็ต | & # 94; |
| _ | ขีดล่าง | & # 95; |
| ` | สำเนียงที่รุนแรง | & # 96; |
| ก | ตัวพิมพ์เล็กก | & # 97; |
| ข | ตัวพิมพ์เล็ก b | & # 98; |
| ค | ตัวพิมพ์เล็กค | & # 99; |
| ง | ตัวพิมพ์เล็กง | & # 100; |
| จ | ตัวพิมพ์เล็ก e | & # 101; |
| ฉ | ตัวพิมพ์เล็กฉ | & # 102; |
| ก | ตัวพิมพ์เล็ก g | & # 103; |
| ซ | ตัวพิมพ์เล็ก h | & # 104; |
| ผม | ตัวพิมพ์เล็ก i | & # 105; |
| ญ | ตัวพิมพ์เล็ก j | & # 106; |
| k | ตัวพิมพ์เล็ก k | & # 107; |
| ล | ตัวพิมพ์เล็กล | & # 108; |
| ม | ตัวพิมพ์เล็กม | & # 109; |
| n | ตัวพิมพ์เล็ก n | & # 110; |
| o | ตัวพิมพ์เล็ก o | & # 111; |
| น | ตัวพิมพ์เล็กหน้า | & # 112; |
| q | ตัวพิมพ์เล็ก q | & # 113; |
| ร | ตัวพิมพ์เล็ก r | & # 114; |
| s | ตัวพิมพ์เล็ก s | & # 115; |
| t | ตัวพิมพ์เล็ก t | & # 116; |
| ยู | ตัวพิมพ์เล็ก u | & # 117; |
| v | ตัวพิมพ์เล็ก v | & # 118; |
| ว | ตัวพิมพ์เล็ก w | & # 119; |
| x | ตัวพิมพ์เล็ก x | & # 120; |
| ย | ตัวพิมพ์เล็ก y | & # 121; |
| z | ตัวพิมพ์เล็ก z | & # 122; |
| { | ปีกกาซ้าย | & # 123; |
| | | แถบแนวตั้ง | & # 124; |
| } | ปีกกาขวา | & # 125; |
| ~ | ทิลเดอ | & # 126; |
อักขระควบคุมอุปกรณ์ ASCII 7 บิต
| อักขระ ASCII | คำอธิบาย | รหัสเอนทิตี HTML |
|---|---|---|
| NUL | อักขระว่าง | & # 00; |
| SOH | จุดเริ่มต้นของส่วนหัว | & # 01; |
| STX | จุดเริ่มต้นของข้อความ | & # 02; |
| ETX | ท้ายข้อความ | & # 03; |
| EOT | สิ้นสุดการส่งสัญญาณ | & # 04; |
| ENQ | สอบถามรายละเอียดเพิ่มเติม | & # 05; |
| ACK | รับทราบ | & # 06; |
| BEL | กระดิ่ง (แหวน) | & # 07; |
| BS | backspace | & # 08; |
| HT | แท็บแนวนอน | & # 09; |
| LF | ฟีดบรรทัด | & # 10; |
| VT | แท็บแนวตั้ง | & # 11; |
| FF | ฟีดรูปแบบ | & # 12; |
| CR | การกลับรถ | & # 13; |
| ดังนั้น | เลื่อนออก | & # 14; |
| SI | เลื่อนเข้า | & # 15; |
| DLE | ดาต้าลิงค์หลบหนี | & # 16; |
| DC1 | การควบคุมอุปกรณ์ 1 | & # 17; |
| DC2 | การควบคุมอุปกรณ์ 2 | & # 18; |
| DC3 | การควบคุมอุปกรณ์ 3 | & # 19; |
| DC4 | การควบคุมอุปกรณ์ 4 | & # 20; |
| นาค | รับทราบเชิงลบ | & # 21; |
| SYN | ซิงโครไนซ์ | & # 22; |
| ETB | สิ้นสุดบล็อกการส่ง | & # 23; |
| สามารถ | ยกเลิก | & # 24; |
| EM | ปลายกลาง | & # 25; |
| ย่อย | ทดแทน | & # 26; |
| ESC | หนี | & # 27; |
| FS | ตัวคั่นไฟล์ | & # 28; |
| GS | ตัวคั่นกลุ่ม | & # 29; |
| อาร์เอส | ตัวคั่นบันทึก | & # 30; |
| เรา | ตัวคั่นหน่วย | & # 31; |
| DEL | ลบ (rubout) | & # 127; |