| |
 |
ตัวอักษรในเว็บเพจ |  |
| |
เว็บเพจสำรอง (Backup Webpages) : thaiall.com | lampang.thcity.com
ปรับปรุง : 2548-02-25 ()
[ ตัวอักษรหลายแบบใน HOMEPAGE ]
- อักษรหนา ด้วย <b>
- อักษรเอียง ด้วย <i>
- อักษรขีดเส้นใต้ ด้วย <u>
- อักษรแบบ fixed-pitch ด้วย <tt>
- อักษรแบบ preformated ด้วย <pre>
- อักษรหนา เอียง และขีดเส้นใต้ ด้วย <b><i><u>
- อักษร heading ด้วย <h1> ถึง <h6>
- กำหนดรูปแบบอักษรที่หลายหลาย ด้วย <font>
- การแสดงอักษร ASCII ด้วย &#___;
- แบบฝึกหัด
|
B (Boldface)
The <B> element specifies that the enclosed text should be
displayed in a boldface. If this is not practical, an
alternative mapping is allowed.
By Dave Raggett, the HTML working group : Internet Engineering Task Force (IETF) - html3.0
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| <html><body> |
ส่วนประกาศ การเริ่มต้นโปรแกรม |
| ตัวอักษรธรรมดา<br> |
ตัวอักษรธรรมดา |
| <b>ตัวอักษรหนา</b><br> |
ตัวอักษรหนา |
| ผสม<b>ผสาน</b>กัน |
ผสมผสานกัน |
| </body></html> |
ส่วนประกาศ การจบโปรแกรม |
|
I (Italic)
The <I> element specifies that the enclosed text should be
displayed, if practical, in an italic font (or slanted).
By Dave Raggett, the HTML working group : Internet Engineering Task Force (IETF) - html3.0
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| <html><body> |
ส่วนประกาศ การเริ่มต้นโปรแกรม |
| ตัวอักษรธรรมดา<br> |
ตัวอักษรธรรมดา |
| <i>ตัวอักษรเอียง</i><br> |
ตัวอักษรเอียง |
| ผสม<i>ผสาน</i>กัน |
ผสมผสานกัน |
| </body></html> |
ส่วนประกาศ การจบโปรแกรม |
|
U (Underline)
The <U> element specifies that the enclosed text should be
displayed, if practical, as underlined. --Not widely supported--
By Dave Raggett, the HTML working group : Internet Engineering Task Force (IETF) - html3.0
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| <html><body> |
ส่วนประกาศ การเริ่มต้นโปรแกรม |
| ตัวอักษรธรรมดา<br> |
ตัวอักษรธรรมดา |
| <u>ตัวอักษรขีดเส้นใต้</u><br> |
ตัวอักษรขีดเส้นใต้ |
| ผสม<u>ผสาน</u>กัน |
ผสมผสานกัน |
| </body></html> |
ส่วนประกาศ การจบโปรแกรม |
|
อักษรแบบ fixed-pitch ด้วย <tt>
|
|
TT (TeleType)
The <TT> element specifies that the enclosed text should be
displayed, if practical, in a fixed-pitch typewriter font.
By Dave Raggett, the HTML working group : Internet Engineering Task Force (IETF) - html3.0
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| WIN III WWW <tt> WIN III WWW </tt> WIN |
WIN III WWW WIN III WWWWIN |
| WITH ILL <tt> WITH ILL with ill </tt> with ill |
WITH ILL WITH ILL with ill with ill |
|
อักษรแบบ preformated ด้วย <pre>
|
|
PRE (Preformated)
Preformatted text between the start and end PRE tag is rendered
using a fixed with font, in addition whitespace characters are
treated literally. The spacing and line breaks are rendered
directly, unlike other elements, for which repeated whitespace
chararacters are collapsed to a single space character and line
breaks introduced automatically.
By Dave Raggett, the HTML working group : Internet Engineering Task Force (IETF) - html3.0
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| IIIWWW <pre>III WWW </pre> |
IIIWWW III WWW |
| WITH ILL <pre>WITH ILL with ill </pre> with ill |
WITH ILL WITH ILL with ill with ill |
|
อักษรหนา เอียง และขีดเส้นใต้ ด้วย <b><i><u>
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| <html><body bgcolor=#ffffdd> |
ส่วนประกาศ การเริ่มต้นโปรแกรม |
| ตัวอักษร<i><u>รวม1</u></i> และ<b><i>รวม2</i></b><br> |
ตัวอักษรรวม1 และรวม2 |
| <b><u>ตัวอักษรขีดเส้นใต้ และหนา</u></b><br> |
ตัวอักษรขีดเส้นใต้ และหนา |
| ผสม<b><i><u>ผสาน</u></i></b>กัน |
ผสมผสานกัน |
| </body></html> |
ส่วนประกาศ การจบโปรแกรม |
|
อักษร heading ด้วย <h1> ถึง <h6>
|
|
H (Heading)
HTML defines six levels of headings. A heading element implies all
the font changes, paragraph breaks before and after, and any white
space necessary to render the heading. The heading elements are H1,
H2, H3, H4, H5, and H6 with H1 being the highest (or most important)
level and H6 the least.
By Dave Raggett, the HTML working group : Internet Engineering Task Force (IETF) - html3.0
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| first line<h1>second line</h1>third line |
first linesecond linethird line |
| first line<h2>second line</h2>third line |
first linesecond linethird line |
| first line<h3>second line</h3>third line |
first linesecond linethird line |
| first line<h4>second line</h4>third line |
first linesecond linethird line |
| first line<h5>second line</h5>third line |
first linesecond linethird line |
| first line<h6>second line</h6>third line |
first linesecond linethird line |
กำหนดรูปแบบอักษรที่หลายหลาย ด้วย <font>
ตามปกติขนาดที่กำหนดด้วยคำสั่ง font เล็กสุดคือ 0 และใหญ่สุดคือ 6 ซึ่งตรงข้ามกับ heading
ส่วน face ที่ผมนิยมใช้มากที่สุดคือ <font> เพราะอ่านง่ายเมื่อเทียบกันที่ขนาด
|
| ตัวอย่างคำสั่ง |
ตัวอย่างผลลัพท์ |
| ตัวอักษรธรรมดา <br> |
ตัวอักษรธรรมดา |
| <font color=#ff0000>กำหนดสีอักษรเป็นสีแดง</font> <br> |
กำหนดสีอักษรเป็นสีแดง |
| <font face=arial>กำหนดแบบอักษรเป็น Arial</font> <br> |
กำหนดแบบอักษรเป็น Arial |
| <font size=6>ขนาด 6</font><br> |
ขนาด 6 |
| <font size=2 color=#0000ff>ตัวอย่าง</font><br> |
ตัวอย่าง |
<font size=6 color=#0000ff>ตัวอย่าง</font><br>
บรรทัดต่อมาจะไม่ห่างเหมือน heading<br> |
ตัวอย่าง
บรรทัดต่อมาจะไม่ห่างเหมือน heading |
<font color=#0000ff><font size=6>ตัวอย่าง</font><br>
บรรทัดต่อมาจะไม่ห่างเหมือน heading</font> |
ตัวอย่าง
บรรทัดต่อมาจะไม่ห่างเหมือน heading |
การแสดงตัวอักษร ASCII
ตามรหัส ASCII โดยใช้สัญลักษณ์ &#ตามด้วยตัวเลข 0 ถึง 255 แล้วปิดด้วย ;
และขอแนะนำรหัส ASCII หลาย ๆ ตัวที่ท่านนำมาแสดงในเว็บได้
ASCII ย่อมาจาก American Standard Code for Information Interchange
|
| A |
A |
| & หรือ & |
& |
| < หรือ < |
< |
| > หรือ > |
> |
ให้สร้างตัวอักษรตามตัวอย่างต่อไปนี้ ใน homepage ที่ท่านสร้างขึ้น
ข้อ 1
abcdefgh
ข้อ 2
abcdefgh
ข้อ 3
abcdefghijklmnopqrstuvwxyz
ข้อ 4
abcdefghi
ข้อ 5
ab
cd
ข้อ 6
abcdefghi
ข้อ 7
abcdefghi
[ Editor on web for HTML ]
|
