คำสั่งเกี่ยวกับ text รูปแบบต่างๆ
ในบทนี้เรามาดูเรื่อง รูปแบบต่างๆ ของตัวอักษรกันนะครับ ลองดูซิว่ามีคำสั่งอะไรเกี่ยวกับตัวอักษรบ้าง เผื่อเวลาที่เราทำเว็บไซด์เราจะได้ เลือกใช้ให้เหมาะแก่โอกาศ ชอบแบบใหน อย่างไร ก็เลือกใช้กันเอาเองนะครับ
ลองดูตัวอย่างในแบบต่างๆ นะครับ
(ขอละคำสั่ง <head> กับ <title> เอาไว้นะครับ ในฐานที่เข้าใจกัน เพื่อที่จะได้สะดวกเวลาเขียน หรือเวลาที่คุณได้อ่านกัน เน้นไปที่ข้อความ และการแสดงผลเลยดีกว่า)
<htm>
<body>
<font color= "#FF00FF"> สวัสดี </font> <-- กำหนดค่าสีของตัวอักษร
<br> <font size="6">สบายดีไหม</font> <-- ทำให้ขนาดของตัวอักษร ไซด์เท่ากับ 6
<br> <div align="center">html ยากอย่างที่คิดครับ </div> <-- จัดข้อความให้อยู่กึ่งกลาง
<br> <b><i>ตัวหนังสือเอียง หนาขึ้นด้วย</i></b> <-- ตัวอักษรเป็นตัวหนา<b> และเอียง <i>
<br> <font face="MS Sans serif,Tahoma,sans-serif"> <-- คำสั่งเลือกใช้ font รูปแบบต่างๆ
เปลี่ยนรูปแบบตัวหนังสือก็ได้ </font>
</body>
</html>
วันจันทร์ที่ 27 กันยายน พ.ศ. 2553
การใส่สีพื้นหลังให้กับ Background ภาษา HTML
การใส่สีพื้นหลังให้กับ Background
ในบทเรียนนี้ เราจะมาดูโค๊ดที่ ใส่สีพื้นหลังให้ background กันดูนะครับ แต่ขอแนะนำนิดนึงนะครับว่า เราควรเลือกสีให้เหมาะสมกับ ตัวหนังสือ หรือไม่ก็ภาพประกอบต่างๆภายในเว็บเพจด้วย มิฉะนั้น อาจจะออกมาดูแปลกๆ
การใส่สีให้กับพื้นหลังมีคำสั่งดังต่อไปนี้
<body bgcolor ="#FFCCFF"> <-- ใส่คำว่า bgcolor="ค่าสี" ต่อจาก การเปิดแท็ก <body>
ทดสอบสีของพื้นหลัง
</body>
ผลลัพท์ที่ได้
ทดสอบสีของพื้นหลัง
นอกเหนือจากการกำหนดโค๊ดของสีพื้นหลังให้เป็น โค๊ดแบบ "#FFCCFF" รหัสค่าสีแล้ว คุณยังสามารถที่จะกำหนดค่าสีเป็นแบบตัวอักษรแทนชื่อสีได้โดยตรงเช่น
<body bgcolor="yellow">
ทดสอบค่าสีโดยใช้ชื่อสีโดยตรง
</body>
ผลลัพท์ที่ได้
ทดสอบค่าสีโดยใช้ชื่อสีโดยตรง
ข้อดีของการกำหนดค่าสีแบบใช้ชื่อสีโดยตรงคือ จำง่าย แต่ว่า หากว่าเราต้องการกำหนดค่าสีให้มีความอ่อนเข้มแตกต่างกันนั้น ก็อาจจะทำไม่ได้ดีเท่าไรนัก นอกจากใช้รหัสค่าสีแบบตัวอย่างแรกแทน
ตัวอย่างการกำหนดค่าสีแบบตัวเลข
"#000000"= สีดำ
"#FFFFFF"= สีขาว
"#FF0000" = สีแดงเข้ม
"#9900FF" = สีม่วง
"#FF33FF" = สีชมภู
"#0000FF" = สีน้ำเงิน
"#99FF00" = สีเขียว
นอกเหนือจากนี้เรายังสามารถกำหนค่าสีอื่นๆได้อีก โดยการนำค่าสีแต่ละสีมาผสมกัน ซึ่งมือใหม่อาจจะคิดว่าคงจะยาก หากเราจะกำหนดสีให้ได้ดั่งใจ แต่ผมขอบอก.. ไม่ยากอย่างที่คุณคิดหรอกครับ เพราะว่าเดี๋ยวนี้มีโปรแกรมในการทำเว็บไซด์ต่างๆมากมาย ซึ่งเมื่อคุณจะเลือกสี โปรแกรมนั้นก็จะแสดงสีต่างๆ ให้คุณได้เห็นแบบที่ต้องการเลยหละครับ
ในบทเรียนนี้ เราจะมาดูโค๊ดที่ ใส่สีพื้นหลังให้ background กันดูนะครับ แต่ขอแนะนำนิดนึงนะครับว่า เราควรเลือกสีให้เหมาะสมกับ ตัวหนังสือ หรือไม่ก็ภาพประกอบต่างๆภายในเว็บเพจด้วย มิฉะนั้น อาจจะออกมาดูแปลกๆ
การใส่สีให้กับพื้นหลังมีคำสั่งดังต่อไปนี้
<body bgcolor ="#FFCCFF"> <-- ใส่คำว่า bgcolor="ค่าสี" ต่อจาก การเปิดแท็ก <body>
ทดสอบสีของพื้นหลัง
</body>
ผลลัพท์ที่ได้
ทดสอบสีของพื้นหลัง
นอกเหนือจากการกำหนดโค๊ดของสีพื้นหลังให้เป็น โค๊ดแบบ "#FFCCFF" รหัสค่าสีแล้ว คุณยังสามารถที่จะกำหนดค่าสีเป็นแบบตัวอักษรแทนชื่อสีได้โดยตรงเช่น
<body bgcolor="yellow">
ทดสอบค่าสีโดยใช้ชื่อสีโดยตรง
</body>
ผลลัพท์ที่ได้
ทดสอบค่าสีโดยใช้ชื่อสีโดยตรง
ข้อดีของการกำหนดค่าสีแบบใช้ชื่อสีโดยตรงคือ จำง่าย แต่ว่า หากว่าเราต้องการกำหนดค่าสีให้มีความอ่อนเข้มแตกต่างกันนั้น ก็อาจจะทำไม่ได้ดีเท่าไรนัก นอกจากใช้รหัสค่าสีแบบตัวอย่างแรกแทน
ตัวอย่างการกำหนดค่าสีแบบตัวเลข
"#000000"= สีดำ
"#FFFFFF"= สีขาว
"#FF0000" = สีแดงเข้ม
"#9900FF" = สีม่วง
"#FF33FF" = สีชมภู
"#0000FF" = สีน้ำเงิน
"#99FF00" = สีเขียว
นอกเหนือจากนี้เรายังสามารถกำหนค่าสีอื่นๆได้อีก โดยการนำค่าสีแต่ละสีมาผสมกัน ซึ่งมือใหม่อาจจะคิดว่าคงจะยาก หากเราจะกำหนดสีให้ได้ดั่งใจ แต่ผมขอบอก.. ไม่ยากอย่างที่คุณคิดหรอกครับ เพราะว่าเดี๋ยวนี้มีโปรแกรมในการทำเว็บไซด์ต่างๆมากมาย ซึ่งเมื่อคุณจะเลือกสี โปรแกรมนั้นก็จะแสดงสีต่างๆ ให้คุณได้เห็นแบบที่ต้องการเลยหละครับ
สมัครสมาชิก:
บทความ (Atom)