วันศุกร์ที่ 10 สิงหาคม พ.ศ. 2555

HTML - การจัดการตัวอักษร

โค้ดสำหรับจัดรูปแบบตัวอักษร


<B> ข้อความ </B> ตัวหนา
<I> ข้อความ </I> ตัวเอียง
<U> ข้อความ </U> ตัวขีดเส้นใต้
<TT> ... </TT> ตัวพิมพ์ดีด
<S> ... </S> ตัวอักษรที่มีเส้นพาดกลางข้อความ
<BLINK> ... </BLINK> ตัวกระพริบ
<STRONG> ... </STRONG> ตัวหนา
<SUB> ... </SUB> ตัวห้อยลง
<SUP> ... </SUP> ตัวยกขึ้น

กำหนดขนาดตัวอักษร


<FONT SIZE = n> message </FONT>  

          n = 1-7 ค่าปกติคือ 3

กำหนดแบบตัวอักษร


<FONT FACE = name1, name2,...>

          name1, name2 เป็นชื่อฟอนต์ที่ต้องการ โดยใส่ชื่อฟอนต์ไว้ในเครื่องหมาย "  " โดยจะนำ name1 มาใช้ก่อน ถ้าไม่ได้ติดตั้งจะนำฟอนต์ถัดไปมาใช้แทน

กำหนดสีของตัวอักษร


<FONT COLOR = “#RGB หรือ กำหนดชื่อสีที่ต้องการ”> ….. </FONT>

          #RGB เป็นตัวเลขฐานสิบหกจำนวน 6 หลัก หรือชื่อสีที่เป็นภาษาอังกฤษ การกำหนดสีของตัวอักษรทั้งเอกสาร จะทำการใส่ใน <BODY> โดยจะใช้แอตทริบิวต์ Text มาเป็นตัวกำหนด เช่น <BODY TEXT = “#RGB หรือ กำหนดชื่อสีที่ต้องการ”>

สัญลักษณ์พิเศษ


&lt; = <
&gt; = >
&reg; = เครื่องหมาย Registered
&copy; = เครื่องหมาย Copyright
ระหัส ASCII  เริ่มด้วย & แล้วตามด้วย # และค่าตัวเลขรหัส ASCII แล้วปิดด้วย ; เช่น &#163;

คำสั่งเว้นวรรค


&nbsp; ทำให้แทรกเว้นวรรคได้

ตัวอักษรวิ่ง


<MARQUEE> ข้อความ </MARQUEE>

แอททริบิวต์ของ Marquee มีดังนี้

 BEHAVIOR กำหนดแนวทางวิ่งของข้อความ
   - Scroll วิ่งจากขวามาซ้าย เมื่อหมดที่ด้านซ้ายแล้ว ก็วิ่งมาจากขวาใหม่
   - Slide วิ่งจากขวามาซ้าย เมื่อถึงขอบซ้ายแล้วจะหยุดนิ่ง ไม่วิ่งอีก
   - Alternate วิ่งจากซ้ายมาขวา เมื่อถึงขอบซ้ายจะวิ่งกลับไปทางขวา
 BGCOLOR กำหนดสีพื้นให้กับข้อความที่เป็น MARQUEE
 DIRECTION กำหนดทิศทางการวิ่งของข้อความ มี 2 ทาง คือ
   - Left วิ่งจากขวามาซ้าย
   - Right วิ่งจากซ้ายมาขวา
 HEIGHT ความสูงของพื้นที่ของ Marquee หน่วยเป็นพิกเซลล์หรือ %
 WIDTH ความกว้างของพื้นที่ของ Marquee หน่วยเป็นพิกเซลล์หรือ %
 HSPACE ระยะห่างทางซ้ายและขวาของ Marquee หน่วยเป็นพิกเซลล์
 VSPACE ระยะห่างด้านบนและล่างของ Marquee หน่วยเป็นพิกเซลล์
 LOOP จำนวนรอบของการวิ่ง ค่าปกติ คือ INFINITE (ไม่จำกัดรอบ)
 SCROLLMOUNT จำนวนระยะห่างของพิกเซลล์ ในการวิ่ง ค่ามากจะวิ่งเร็ว
 SCROLLDELAY ความหน่วงของข้อความที่วิ่ง โดยระบุเป็นตัวเลขจำนวนเต็ม เป็นมิลลิวินาที (1/1000 วินาที)

ทำให้ตัวหนังสือเลื่อนขึ้นข้างบน

         <marquee behavior=scroll direction=up height=200 scrollamount=1 scrolldelay = 80 onMouseOver="this.stop()" onMouseOut="this.start()" class="text"> ข้อความ </marquee>

  behavior บอก Scroll
direction ให้เลื่อนขึ้น ถ้าต้องการให้เลื่อนลงก็ใส่ down ไป
height ขนาดความกว้างของแทบเลื่อน
scrolldelay ความเร็วในการเลื่อนว่าให้ช้าให้เร็วแค่ไหน ตัวเลขยิ่งน้อยยิ่งเร็ว
onMouseOver เวลา Mouse นำไปวางให้มันหยุดเลื่อน
onMouseOut เวลา Mouse ไม่ได้วางให้เลื่อนนั้นเอง


ตอนต่อไป -> การจัดรูปแบบเนื้อเรื่อง



ไม่มีความคิดเห็น: