• user warning: Table 'cache_filter' is marked as crashed and should be repaired query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '3:971710d9d53f394d6a7b409e01e07528' in /home/tgv/htdocs/includes/cache.inc on line 27.
  • user warning: Table 'cache_filter' is marked as crashed and should be repaired query: UPDATE cache_filter SET data = '<!--paging_filter--><p>\n<br />\n3. การกําหนดรูปแบบตัวอักษร<br />\n3.1 Physical Style<br />\nรูปแบบคําสั่ง รูปแบบตัวอักษร<br />\n&lt;B&gt;…&lt;/B&gt; Bold Text<br />\n&lt;I&gt;…&lt;/I&gt; Italic Text<br />\n&lt;U&gt;…&lt;/U&gt; Underline text<br />\n3.2 Logical Style<br />\nรูปแบบคําสั่ง รูปแบบตัวอักษร<br />\n&lt;Em&gt;,&lt;/Em&gt; Italic Text<br />\n&lt;Strong&gt;,&lt;/Strong&gt; Bold Text<br />\n&lt;TT&gt;,&lt;TT&gt; Mono spaced text<br />\nเปนการกําหนดชนิดของตัวอักษรตามที่ตองการลงไปตามที่เราตองการลงไป เชนถาตองการตัวอักษรหนาก็<br />\nทําได เชน &lt;Strong &gt; this is strong emphasis &lt;bold&gt; text &lt;/strong&gt; จะได ขอความ this is strong emphasis text เปน<br />\nตัวหนา สําหรับการกําหนดรูปแบบอื่นก็ทําเหมือนกัน<br />\n**ในที่นี้ขอแนะนําใหใชแบบ Physical เพราะงายตอการจํา ยกเวนบราวเซอรบางตังจึงใช แบบ Logical<br />\nExamp11.html<br />\n&lt;HTML&gt;<br />\n&lt;HEAD&gt;<br />\n&lt;TITLE&gt; ทดสอบการใชตัวอักษรแบบตางๆ&lt;/TITLE&gt;<br />\n&lt;/HEAD&gt;<br />\n&lt;BODY&gt;<br />\n&lt;H1&gt; แสดงลักษณะของตัวอักษรแบบตางๆ&lt;/H1&gt;&lt;BR&gt;&lt;basefont size<br />\n=&quot;4&quot;&gt;&lt;BR&gt;<br />\n&lt;b&gt; This is Bold text &lt;/b&gt;&lt;BR&gt;<br />\n&lt;i&gt; This is Italic text &lt;/i&gt;&lt;BR&gt;<br />\n&lt;u&gt; This is underline text &lt;/u&gt;&lt;BR&gt;<br />\n&lt;I&gt;&lt;b&gt;&lt;u&gt;This is Italic and Bold and Underline Text &lt;/u&gt;&lt;/b&gt;&lt;/i&gt;<br />\n&lt;/BODY&gt;<br />\n&lt;/HTML&gt;<br />\n140<br />\nผลการรัน Examp11.html<br />\nแสดงการใชตัวอักษรแบบตางๆ<br />\nExamp12.html<br />\n&lt;HTML&gt;<br />\n&lt;HEAD&gt;<br />\n&lt;TITLE&gt; การใชรูปแบบตัวอักษรแบบ Logical &lt;/TITLE&gt;<br />\n&lt;/HEAD&gt;<br />\n&lt;BODY&gt;<br />\n&lt;H1&gt; Welcome Home !! &lt;/H1&gt;<br />\n&lt;em&gt; This is Emphasis &lt;Italic&gt; text .&lt;/em&gt;&lt;BR&gt;<br />\n&lt;strong&gt; This is Strong emphasis &lt;bold&gt;text &lt;/strong&gt;&lt;BR&gt;<br />\n&lt;tt&gt; This is Teletype &lt;Monospaced&gt; Text &lt;/tt&gt;&lt;BR&gt;<br />\n&lt;strong&gt;&lt;em&gt;This is strong and Emphasis &lt;Bold and Italic&gt; Text&lt;/em&lt;/strong&gt;<br />\n&lt;/BODY&gt;<br />\n&lt;/HTML&gt;<br />\n141<br />\nผลการรัน Examp12.html<br />\nแสดงการใชรูปแบบตัวอักษรแบบ Logical Style<br />\n4. Preformatted Text<br />\nรูปแบบคําสั่ง<br />\n&lt;PRE&gt;…&lt;/PRE&gt;<br />\nเปนการกําหนดรูปแบบการแสดงผลตามที่เราตองการโดยไมจําเปนตองขึ้นอยูกับคําสั่งอื่นๆ การใชคําสั่ง<br />\n&lt;PRE&gt; นี้มีการใช 2 รูปแบบคือ<br />\n1. ใชในการสรางเอกสารสวนตัวตามรูปแบบของตัวเอง โดยไมขึ้นอยูกับคําสั่งอื่นๆ คือจะสามารถจัด<br />\nหนาจัดรูปแบบไดตามตองการ<br />\n2. ใชในการสรางตารางอยางงายที่ไมตองการรายละเอียดเทาไรนัก<br />\n142<br />\nExamp13.html<br />\n&lt;HTML&gt;<br />\n&lt;HEAD&gt;<br />\n&lt;TITTLE&gt; Creat My Layout 1 &lt;/TITLE&gt;<br />\n&lt;/HEAD&gt;<br />\n&lt;BODY&gt;<br />\n&lt;P&gt;แสดงการใชคําสั่ง &lt;PRE&gt; ในHome page &lt;/P&gt;<br />\n&lt;HR&gt;<br />\n&lt;PRE&gt;<br />\n&quot;Some time I do<br />\nBut some time do I&quot;<br />\n&quot; I can every work in only time<br />\nbut every time I can\'t do only work&quot;<br />\n&lt;/PRE&gt;<br />\n&lt;/BODY&gt;<br />\n&lt;/HTML&gt;<br />\nผลการรัน Examp13.html<br />\nแสดงการใชคําสั่ง &lt;PRE&gt; ในการจัดรูปแบบ<br />\nตามที่ตองการ<br />\n*** ในคําสั่ง &lt;PRE&gt; จะไมสามารถใช<br />\nตัวภาษาไทยไดเพราะตัวอักษรที่จะใชได<br />\nตองมีขนาดความกวางเทากัน<br />\nการใชคําสั่ง &lt;PRE&gt; ในการสรางตารางอยางงาย<br />\n143<br />\nExamp14.html<br />\n&lt;HTML&gt;<br />\n&lt;HEAD&gt;<br />\n&lt;TITLE&gt; การใชคําสั่ง Pre ในการสรางตารางอยางงาย &lt;/TITLE&gt;<br />\n&lt;/HEAD&gt;<br />\n&lt;BODY&gt;<br />\n&lt;H1&gt;&lt;CENTER&gt; รายชื่อผูบริหารในบริษัท Kmit\'l company&lt;/CENTER&gt;&lt;/H1&gt;<br />\n&lt;HR size =&quot;5&quot; width = &quot;80%&quot; align = &quot;center&quot; noshade&gt;<br />\n&lt;PRE&gt;<br />\n&lt;H2&gt;Name Position Salary(฿)&lt;/H2&gt;<br />\nOpas Akkarajun Product manager 155,000<br />\nMongkon Tongbun Control Engineering 150,500<br />\nSunti Sirisaypirun Marketing manager 149,000<br />\nVorapod Rugsksuk Personal manager 148,000<br />\nTawapong Pukdeepreeda Engineering 120,000<br />\nChutchai Supradis Engineering 120,000<br />\n&lt;/PRE&gt;<br />\n&lt;/BODY&gt;<br />\n&lt;/HTML&gt;<br />\nผลการรัน Examp14.html<br />\nแสดงการใชคําสั่ง PRE ในการ<br />\nสรางตารางอยางงายจะเห็นไดวา<br />\nการจัดรูปแบบจะไมคอยสวยงาม<br />\nตามที่ตองการนัก<br />\n144\n</p>\n<hr id=\"null\" />\n', created = 1719281618, expire = 1719368018, headers = '', serialized = 0 WHERE cid = '3:971710d9d53f394d6a7b409e01e07528' in /home/tgv/htdocs/includes/cache.inc on line 112.

เรียนรู้ภาษา html


3. การกําหนดรูปแบบตัวอักษร
3.1 Physical Style
รูปแบบคําสั่ง รูปแบบตัวอักษร
<B>…</B> Bold Text
<I>…</I> Italic Text
<U>…</U> Underline text
3.2 Logical Style
รูปแบบคําสั่ง รูปแบบตัวอักษร
<Em>,</Em> Italic Text
<Strong>,</Strong> Bold Text
<TT>,<TT> Mono spaced text
เปนการกําหนดชนิดของตัวอักษรตามที่ตองการลงไปตามที่เราตองการลงไป เชนถาตองการตัวอักษรหนาก็
ทําได เชน <Strong > this is strong emphasis <bold> text </strong> จะได ขอความ this is strong emphasis text เปน
ตัวหนา สําหรับการกําหนดรูปแบบอื่นก็ทําเหมือนกัน
**ในที่นี้ขอแนะนําใหใชแบบ Physical เพราะงายตอการจํา ยกเวนบราวเซอรบางตังจึงใช แบบ Logical
Examp11.html
<HTML>
<HEAD>
<TITLE> ทดสอบการใชตัวอักษรแบบตางๆ</TITLE>
</HEAD>
<BODY>
<H1> แสดงลักษณะของตัวอักษรแบบตางๆ</H1><BR><basefont size
="4"><BR>
<b> This is Bold text </b><BR>
<i> This is Italic text </i><BR>
<u> This is underline text </u><BR>
<I><b><u>This is Italic and Bold and Underline Text </u></b></i>
</BODY>
</HTML>
140
ผลการรัน Examp11.html
แสดงการใชตัวอักษรแบบตางๆ
Examp12.html
<HTML>
<HEAD>
<TITLE> การใชรูปแบบตัวอักษรแบบ Logical </TITLE>
</HEAD>
<BODY>
<H1> Welcome Home !! </H1>
<em> This is Emphasis <Italic> text .</em><BR>
<strong> This is Strong emphasis <bold>text </strong><BR>
<tt> This is Teletype <Monospaced> Text </tt><BR>
<strong><em>This is strong and Emphasis <Bold and Italic> Text</em</strong>
</BODY>
</HTML>
141
ผลการรัน Examp12.html
แสดงการใชรูปแบบตัวอักษรแบบ Logical Style
4. Preformatted Text
รูปแบบคําสั่ง
<PRE>…</PRE>
เปนการกําหนดรูปแบบการแสดงผลตามที่เราตองการโดยไมจําเปนตองขึ้นอยูกับคําสั่งอื่นๆ การใชคําสั่ง
<PRE> นี้มีการใช 2 รูปแบบคือ
1. ใชในการสรางเอกสารสวนตัวตามรูปแบบของตัวเอง โดยไมขึ้นอยูกับคําสั่งอื่นๆ คือจะสามารถจัด
หนาจัดรูปแบบไดตามตองการ
2. ใชในการสรางตารางอยางงายที่ไมตองการรายละเอียดเทาไรนัก
142
Examp13.html
<HTML>
<HEAD>
<TITTLE> Creat My Layout 1 </TITLE>
</HEAD>
<BODY>
<P>แสดงการใชคําสั่ง <PRE> ในHome page </P>
<HR>
<PRE>
"Some time I do
But some time do I"
" I can every work in only time
but every time I can't do only work"
</PRE>
</BODY>
</HTML>
ผลการรัน Examp13.html
แสดงการใชคําสั่ง <PRE> ในการจัดรูปแบบ
ตามที่ตองการ
*** ในคําสั่ง <PRE> จะไมสามารถใช
ตัวภาษาไทยไดเพราะตัวอักษรที่จะใชได
ตองมีขนาดความกวางเทากัน
การใชคําสั่ง <PRE> ในการสรางตารางอยางงาย
143
Examp14.html
<HTML>
<HEAD>
<TITLE> การใชคําสั่ง Pre ในการสรางตารางอยางงาย </TITLE>
</HEAD>
<BODY>
<H1><CENTER> รายชื่อผูบริหารในบริษัท Kmit'l company</CENTER></H1>
<HR size ="5" width = "80%" align = "center" noshade>
<PRE>
<H2>Name Position Salary(฿)</H2>
Opas Akkarajun Product manager 155,000
Mongkon Tongbun Control Engineering 150,500
Sunti Sirisaypirun Marketing manager 149,000
Vorapod Rugsksuk Personal manager 148,000
Tawapong Pukdeepreeda Engineering 120,000
Chutchai Supradis Engineering 120,000
</PRE>
</BODY>
</HTML>
ผลการรัน Examp14.html
แสดงการใชคําสั่ง PRE ในการ
สรางตารางอยางงายจะเห็นไดวา
การจัดรูปแบบจะไมคอยสวยงาม
ตามที่ตองการนัก
144


สร้างโดย: 
ครูอรศิริ เลิศกิตติสุข โรงเรียนสตรีศรีสุริโยทัย เขตสาทร กรุงเทพฯ

ได้ความรู้ดีครับ®

มหาวิทยาลัยศรีปทุม ผู้ใหญ่ใจดี
 

 ช่วยด้วยครับ
นักเรียนที่สร้างบล็อก กรุณาอย่า
คัดลอกข้อมูลจากเว็บอื่นทั้งหมด
ควรนำมาจากหลายๆ เว็บ แล้ววิเคราะห์ สังเคราะห์ และเขียนขึ้นใหม่
หากคัดลอกทั้งหมด จะถูกดำเนินคดี
ตามกฎหมายจากเจ้าของลิขสิทธิ์
มีโทษทั้งจำคุกและปรับในอัตราสูง

ช่วยกันนะครับ 
ไทยกู๊ดวิวจะได้อยู่นานๆ 
ไม่ถูกปิดเสียก่อน

ขอขอบคุณในความร่วมมือครับ

อ่านรายละเอียด

ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558 
มีผลบังคับใช้แล้ว 
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ

 

สมาชิกที่ออนไลน์

ขณะนี้มี สมาชิก 0 คน และ ผู้เยี่ยมชม 415 คน กำลังออนไลน์