งานสัปดาห์ที่ 3

การตกแต่งตัวอักษร

 ในการสร้าง Web Page ด้วยภาษา HTML นั้น เราสามารถ ใส่ลูกเล่น หรือ โครงสร้างของ ประโยค กลุ่ม คำ หรือ ตัวอักษร นั้น ๆ ได้ เช่น ขนาดของตั้วอักษร สีของตัวอักษร ตัวอักษรวิ่ง ตัวอักษร กระพริบ การจัดย่อหน้าของตัวอักษร ฯลฯ

๐ ขนาดของตัวอักษร

เราสามารถ กำหนด ขนาดของตัวอักษร สามารถทำได้ดังนี้  

<Font Size ="7"> เย้ เย้ </Font> 

ผลที่ได้

โดยขนาดของตัวอักษรมีทั้งหมด 7 ขนาดด้วยกัน 

 โดยสามารถเปลี่ยนได้โดย <Font Size ="7"> เย้ เย้ </Font> เปลี่ยนเลข 7 เป็นขนาดที่ ต้องการ (1-7)

EX  <Center><Font Size ="1"> เย้ เย้  ขนาดที่ 1</Font><br><br>

        <Center><Font Size ="2"> เย้ เย้  ขนาดที่ 2</Font><br><br>

        <Center><Font Size ="3"> เย้ เย้  ขนาดที่ 3</Font><br><br>

        <Center><Font Size ="4"> เย้ เย้ ขนาดที่ 4</Font><br><br>

        <Center><Font Size ="5"> เย้ เย้ ขนาดที่ 5</Font><br><br>

        <Center><Font Size ="6"> เย้ เย้ ขนาดที่ 6</Font><br><br>

        <Center><Font Size ="7"> เย้ เย้ ขนาดที่ 7</Font><br><br>

 ผลที่ได้

๐ สีตัวอักษร

ในการเปลี่ยนสีตัวอักษรนั้น ทำคล้าย ๆ กันในส่วนของ ขนาดตัวอักษร เพียงให้เปลี่ยนจาคำว่า 

"Font Size" มาเป็น "Font Color " และเปลี่ยนชนาดตัวเลขมาเป็น ชื่อสีที่ต้องการ

 (ภาษาอังกฤษเท่านั้น) 

Ex1   <Font Color ="Red"> เย้ เย้ </Font> 

 

 ผลที่ได้

 ในขณะเดียวกัน เราสามารถใส่สีของตัวอักษร ไปพร้อม ๆ กับขนาดของตัวอักษรได้ด้วย 

EX  <Font Size ="7" Font Color ="Green"> เย้ เย้  มีสีเขียวด้วย</Font>

        <Font Size ="7" Font Color ="Red"> เย้ เย้  สีแดงก็มี</Font> 

        <Font Size ="7" Font Color ="Blue"> เย้ เย้  สีฟ้าก็มา</Font> 

        

 ผลที่ได้

และ สีของตัวอักษร นั้น ก็สามารถ กำหนดได้ อีก 1 วิธี คือ ใช้ตัวเลข "ฐาน 16 หลัก"  หรือที่เรารู้จักกันดีในชื่อว่า "โค้ดสี" นั้นเอง 

(วาร์ปตรงนี้ เพื่อไปเลือกโค้ดสี ^^  http://codecolors.blogspot.com  )

Ex  <Font Color = #DDA0DD> เย้ เย้ </Font>

 ผลที่ได้

 ๐ คำสั่งทั่วไป 

คือคำสั่งที่ใช่ใน การ เขียนข้อความ การเน้นคำ หรือ ประ โยค ให้ ได้ใจความมากขึ้น มีดังนี้

ตัวหนา              ใช้ Tag <B>
ตัวเอียง              ใช้ Tag   <I> ขีดเส้นใต้           ใช้ Tag <U>ขีดฆ่า                 ใช้ Tag <S>เว้นบรรทัด         ใช้ Tag <Br>

 

 

Ex
 <B><Font Size ="7"> อันนี้ตัวหนา</Font></B>
 <I><Font Size ="7"> อันนี้ตัวเอียง</Font></I><U><Font Size ="7"> อันนี้ตัวขีดเส้นใต้</Font></U>
<S><Font Size ="7"> อันนี้ตัวขีดฆ่า</Font></S> 

 ผลที่ได้ 

๐ ตำแหน่งของตัวอักษร 

ในการเขียนหน้า Web Page ด้วย ภาษา HTML นั้น สามารถ ย่อตำเหน่งของตังอักษรได้คล้าย ๆ ย่อหน้า สามที่ คือ

<LEFT> ย่อหน้าทางซ้าย (เราสามารถจะไม่ใส่ <LEFT> ก็ได้ เพราะ ตัวอักษร จะชิด ซ้าย อยู่แล้ว )
<CENTER> กลางหน้ากระดาษ
<RIGHT> ย่อหน้าไปทางขวา

Ex
<LEFT><Font Size="7"> อันนี้อยู่ทางซ้าย</Font></LEFT>
<CENTER><Font Size="7"> อันนี้อยู่ตรงกลาง</Font></CENTER>
<RIGHT><Font Size="7"> อันนี้อยู่ทางขวา</Font></RIGHT>
  

  ผลที่ได้

๐ตัวอักษร วิ่ง และ กระพริบ 

สามารถทำได้ดังนี้

<Marquee>       <<< ตัวอักษรวิ่ง
<Blink>              <<< ตัวอักษร กระพริบ 

  สำหรับวิ่งอักษรวิ่งและ กระพริบนั้น ไม่สามารถ แสดงตัวอย่างได้ ^^

อ้างอิง

http://codecolors.blogspot.com/


http://www.chandra.ac.th/office/ict/document/it/it06/html03.html


http://www.thaiall.com/learn/htmchr.htm


http://www.bkk2.in.th/Topic.aspx?TopicID=7177

23 กรกฏาคม 2555