|
|
|
|
HTML (ต่อ) บทที่ 2 การตกแต่งตัวหนังสือ |
|
home 202 board 202 chat ข่าวสาร Guestbook มุมความรู้ Downloads picture Vote Board Games 
|
ในบทนี้จะเขียนถึงการตกแต่งตัวหนังสือ
ในการเขียนตัวหนังสือที่แสดงออกมานิยมเขียนในส่วนของ<body>,</body>
สามารถทดลองได้โดย ให้คลิกขวาในหน้าของที่เพื่อนๆทำไปเมื่อตอนบทแรกแล้วเลือก View source
ก็จะได้เห็น code ที่เขียนไว้ วิธีนี้สามารถ
ใช้ได้ทุกแห่งเอาไว้เวลาเห็นเทคนิคดีๆแล้วอยากรู้ว่าเขาทำกันอย่างไรก็ทำแบบนี้ได้หรือไว้ใช้เวลาจะดู
IP Address ใน board :) ก็ได้ ....กลับมาเข้าเรื่องต่อนะ เมื่อเปิด source
code
ของหน้าที่ทำไปเมื่อกี้แล้วให้ลองเติมตัวหนังสืออะไรระหว่าง<body>กับ</body>
(ที่เขียนว่า hello this is my first page!!) แล้วลอง save ดู
แล้วกลับมาดูที่ browserใหม่ (อย่าลืม refresh ใหม่ด้วย)
ก็จะเห็นตัวหนังสือที่เขียนไปอยู่ในหน้านั้น ตัวหนังสือที่เห็นนั้น
จะเป็นตัวหนังสือสีดำธรรมดา
และเรียงต่อกันไปเรื่อยๆไม่มีการเว้นบรรทัด(ถ้าหากลองเขียนเยอะๆดู
ไม่ว่าจะเว้นบรรทัดไว้ใน code ของเราก็ตาม ดังนั้นถ้าหากว่าต้องการเว้นบรรทัด
ก็มีวิธีการ ดังต่อไปนี้ ให้ลองพิมพ์ข้อความด้านล่างนี้ลงไปในnotepad <html> เมื่อลอง save และเปิดดูแล้วจะได้ผลดังนี้คลิกที่นี่ทำให้สามารถสรุปได้ว่า Tag Font มีรูปแบบการใช้งานดังนี้ <font face="ชื่อฟอนต์" size="ขนาดของตัวอักษร" color="ชื่อสี"> เช่น <font face="Angsana New" size="5" color=green> .ให้เพื่อนๆลองนำไปไว้หลัง<body>แล้วลองดูผล และอย่าลืมทดลองเปลี่ยน ชื่อฟอนต์ ขนาดของฟอนต์(ได้ตั่งแต่ 1-7)หรือสี ดู ตัวหนา ตัวเอียง และขีดเส้นใต้ ตัวหนา = <b>ตัวหนังสือที่ต้องการให้เป็นตัวหนา</b> ตัวเอียง = <i>ตัวหนังสือที่ต้องการให้เป็นตัวเอียง</i> ขีดเส้นใต้ = <u>ตัวหนังสือที่ต้องการให้ขีดเส้นใต้</u> |