1. การกำหนดรูปแบบหัวเรื่อง <hn> Show การกำหนดรูปแบบหัวเรื่องเป็นการกำหนดขนาดตัวอักษรให้แตกต่างกันเพื่อแยกแต่ละหัวเรื่องอย่างชัดเจนสำหรับเอกสารที่มีหลาย ๆ หัวเรื่อง จากลำดับหัวเรื่องใหญ่ไปหัวเรื่อง ซึ่งสามารถกำหนดขนาดหัวเรื่องได้ 6 ระดับ ดังนี้ ชื่อแท็ก
hn (n มีค่าตั้งแต่ 1 ถึง 6) ตัวอย่างการใช้แท็ก <!DOCTYPE HTML> ผลลัพธ์ที่ได้ 2. การกำหนดลักษณะตัวอักษร การกำหนดลักษณะตัวอักษรในเว็บเพจนั้น มีอยู่ 2 วิธี ได้แก่
การกำหนดลักษณะตัวอักษรแบบ Physical
เช่น <big><big>Big</big></big> ตัวอย่างการใช้งาน <!DOCTYPE HTML> ผลลัพธ์ที่ได้ การกำหนดลักษณะตัวอักษรแบบ Logical การกำหนดลักษณะตัวอักษรแบบ Logical นั้น เป็นการกำหนดรูปแบบตัวอักษรตามความหมายของข้อความนั้น
แท็ก abbr และ acronym จะมีการใช้เหมือนกัน คือ การกำหนดชื่อเต็มของคำย่อ เช่น <acronym title=“World Wide Web”>WWW</acronym> ผลลัพธ์ที่ได้เมื่อเอาเมาส์ไปวางจะปรากฏชื่อเต็มขึ้นมา ถึงแม้ทั้ง 2 แท็กจะใช้เหมือนกันแต่จะต้องเลือกใช้ตามกรณี คือ แท็ก abbr จะใช้สำหรับคำย่อของคำ หรือกลุ่มคำ เช่น กทม. คือ กรุงเทพมหานคร ส่วน acronym จะเป็นคำย่อที่เกิดจากพยัญชนะของแต่ละคำมาต่อกัน เช่น WWW คือ World Wide Web, IOU คือ I love you เป็นการดีงอักษรของแต่ละคำมาสร้างคำย่อ ที่จริงเราสามารถใช้แท็ก abbr และ acronym แทนกันได้ แต่ถ้าให้ควรเลือก acronym เพราะ abbr ไม่สามารถแสดงผลบราวเซอร์ IE 3. การเปลี่ยนขนาดตัวอักษร การเปลี่ยนขนาดตัวอักษรเป็นการปรับเปลี่ยนหน้าเว็บเพจให้มีขนาดแตกต่างกัน โดยมีรูปแบบดังนี้ ชื่อแอตทริบิวต์
size ตัวอย่างการใช้งาน <!DOCTYPE HTML> ผลลัพธ์ที่ได้ ตัวอักษรปกติ (ปกติอยู่ที่ 3) ให้มีขนาดใหญ่ (+) และเล็กลง (-) แต่ต้องไม่เกินตัวอักษรปกติ คือ 1 ถึง 7 มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งาน <!DOCTYPE HTML> ผลลัพธ์ที่ได้ 4. การกำหนดรูปแบบตัวอักษร ชื่อแอตทริบิวต์ face ตัวอย่างการใช้งาน <!DOCTYPE HTML> ผลลัพธ์ที่ได้ หมายเหตุ หากเครื่องใดไม่มีฟอนต์ดังกล่าวจะทำให้การแสดงผลผิดพลาด ดังนั้นเราควรใช้ฟอนต์ที่มีในทุกเครื่อง หรือฟอนต์มาตรฐาน 5. คำสั่งเว้นวรรคข้อความ (Non Breaking Space) เป็นคำสั่งช่วยให้เว้นวรรคระหว่างข้อความ เพราะปกติบราวเซอร์จะแสดงช่องว่างจากการเคาะ Space Bar เพียงช่องเดียว แม้นว่าผู้สร้างจะเคาะไปหลายครั้งก็ตาม นี้เป็นหนึ่งในจำนวนรหัสใช้แทนอักษรพิเศษ ในภาษา HTML ซึ่งใช้ประโยชน์สำหรับแทนตัวอักษรที่มีความหมาย 6. ตัวอักษรพิเศษ ตัวอักษรพิเศษ คือ ตัวอักษรที่ไม่มีบนแป้นพิมพ์จึงต้องใช้วิธีการเรียกใช้ โดยการใช้รหัสหรือโดยการเรียกโดยใช้ชื่อ
7. การตกแต่งสีสันเว็บเพจ เราสามารถกำหนดค่าสีได้ 2 แบบ คือ 1. สี=”#xxxxxx” ระบุเป็นเลขฐาน 16 (0-9 หรือ A-F โดย 0 มีค่าสีน้อยที่สุด และ F มีค่าสีมากที่สุด) ทั้งหมด 3 ชุด 1 ชุดแทนด้วยตัวอักษร 2 ตัว แสดงค่าของแม่สี แดง เขียว นํ้าเงิน (RGB) โดยเขียนตามหลังเครื่องหมาย # เช่น”#FFFFFF” จะให้ สีขาว ,”#000000″ จะให้ สีดำ
2. สี=color ระบุสีลงไปเลย เช่น AQUA, BULE, GRAY, LIME, NAVY, PURPLE, SILVER, WHITE (สีขาว), BLACK, FUCHSIA, GREEN, MAROON, OLTVE, RED, TEAL, YELLOW 8. การกำหนดสีพื้นหลังและสีตัวอักษร ชื่อแอตทริบิวต์
bgcolor (สีพื้นหลัง) และ Text (สีตัวอักษรทั้งเว็บเพจ) ตัวอย่างการใช้งาน <!DOCTYPE HTML> ผลลัพธ์ที่ได้ 9. การกำหนดสีตัวอักษรเฉพาะที่ รูปแบบในภาษา HTML <font color=“รหัสสี/ชื่อสี”>…</font> ตัวอย่างการใช้งาน <!DOCTYPE HTML> ผลลัพธ์ที่ได้ 10. การกำหนดสีตัวอักษรที่เป็นจุดคลิกเมาส์ รูปแบบLINK=”#รหัสสี” ALINK=”#รหัสสี” VLINK”#รหัสสี” 11. การกำหนดตัวอักษรวิ่ง <marquee> ชื่อแท็ก
marquee การกำหนดแอตทริบิวต์เพิ่มเติมให้กับแท็ก marquee scroll คือ ให้ข้อความวิ่งจากขวามาซ้าย เมื่อถึงขอบซ้าย ก็ให้ข้อความวิ่งออกมาจากขวาใหม่ (เป็นค่าปกติถ้าไม่มีการกำหนดอะไรจะได้แบบนี้)การกำหนดรูปแบบการวิ่งของข้อความ มี 3 รูปแบบ ดังนี้ slide คือ ให้ข้อความวิ่งจากขวามาซ้าย เมื่อถึงขอบซ้ายแล้วจะหยุดนิ่งไม่วิ่งไปไหนอีก alternate คือ ให้ข้อความวิ่งจากขอบซ้ายมาขอบขวา เมื่อถึงขอบขวาก็ให้วิ่งกลับไปทางซ้าย วิ่งกลับไปกลับมา directionกำหนดทิศทางการเคลื่อนที่ ดังนี้ ¨ Left ด้านซ้าย ¨ Right ด้านขวา ¨ Up ด้านบน ¨ Down ด้านล่าง width กำหนดความกว้างของกรอบ marquee กำหนดค่าแบบเจาะจง (pixel) หรือเป็นเปอร์เซ็นต์เทียบจากบราวเซอร์ height กำหนดความสูงของกรอบ marquee กำหนดค่าแบบเจาะจง (pixel) หรือเป็นเปอร์เซ็นต์เทียบจากบราวเซอร์ hspace กำหนดระยะห่างของข้อความที่เคลื่อนไหวและกรอบทางด้านซ้ายและด้านขวา vspace กำหนดระยะห่างของข้อความที่เคลื่อนไหวและกรอบทางด้านบนและด้านล่างloopกำหนดจำนวนรอบการวิ่ง scrollamount=n กำหนดระยะเวลาในการขยับข้อความ (ยิ่งมาก ข้อความจะขยับไปไกลในแต่ละครั้ง) scrolldelay=n กำหนดเวลารอเป็นหน่วย Milliseconds (ยิ่งมาก ข้อความจะรอนานกว่าจะขยับแต่ละครั้ง) bgcolor=”รหัสสี/ชื่อสี” กำหนดสีพื้นหลังของกรอบอักษรวิ่ง กำหนดเป็นรหัสสีหรือชื่อสี เช่น bgcolor=“#FFCCCC”, bgcolor=“green” onmouseOver=”this.stop()” กำหนดให้เมื่อนำเมาส์มาชี้ให้หยุดวิ่ง onmouseOut=”this.start()” กำหนดให้เมื่อเอาเมาส์ออกจากกรอบอักษรวิ่งให้วิ่งต่อ หากต้องการให้เมื่อเอาเมาส์มาชี้แล้วให้วิ่ง เมื่อเอาเมาส์ออกให้หยุด ก็สามารถทำได้โดยสลับค่าระหว่าง “this.stop()” กับ “this.start()” ตัวอย่างการทำอักษรวิ่ง <!DOCTYPE HTML> ผลลัพธ์ที่ได้ คลิปวิดิโอ คำสั่งใดใช้กำหนดขนาดหัวข้อตัวอักษรการกำหนดขนาดตัวอักษรด้วยคำสั่ง Size
กำหนดเป็นตัวเลขซึ่งจะมีค่า 1 - 7 โดยค่ามาตรฐานจะมีค่าจะอยู่ที่ 3 ค่าตัวเลขที่เป็น 1 และ 2 นั้นจะเป็นการย่อขนาดของตัวอักษร และค่าตัวเลข 4 ถึง 7 นั้นจะเป็นการขยายขนาดของตัวอักษร โดยการใช้ Tag คำสั่ง <font size=” 1 ถึง 7”> แทรกต่อจาก <font face="AngsanaUPC">
การกำหนดรูปแบบตัวอักษรจะต้องใช้คำสั่งใดเราสามารถการกำหนดรูปแบบของตัวอักษร ได้โดยใช้คำสั่ง <font face="ชื่อ font">.. ข้อความต้องการกำหนด font.. </font>
คําสั่งในข้อใดเป็นคําสั่งสําหรับกําหนดสีพื้นหลังคำสั่งที่ใช้กำหนดพื้นหลังเป็นสี คือ <body bgcolor ="ใส่ชื่อสีหรือ code สี"> ทดสอบการกำหนดพื้นหลังเป็นสี ข้อแนะนำสำหรับการกำหนดค่าสี (เช่นเดียวกับการกำหนดสีข้อความ)
ข้อใดเป็นแท็กกำหนดขนาดตัวอักษรของหัวเรื่องขนาดใหญ่ที่สุดx แทนค่าด้วยตัวเลขจาก 1 - 6 เมื่อกำหนดตัวเลขที่มีค่าน้อยที่สุด จะแสดงตัวอักษรหนาและมีขนาดใหญ่ที่สุด ตัวเลขที่มีค่ามากจะมีขนาดเล็กลงตามลำดับ เช่น <H1> หัวเรื่องขนาดใหญ่สุด </H1> <H6> หัวเรื่องมีขนาดเล็กสุด </H6>
|