การกำหนดเเบบอัษร
<b> ข้อความที่ต้องการ </b> เพื่อ ทำให้ตัวหนังสือเป็นตัวหนา
<i> ข้อความที่ต้องการ </i> เพื่อ ทำให้ตัวหนังสือเป็นตัวเอียง
<u> ข้อความที่ต้องการ </u> เพื่อ ขีดเส้นใต้ ให้กับตัวหนังสือ
<s> ข้อความที่ต้องการ </s>เพื่อ ตัวอักษรที่มีเส้นขวางพาดทับ
<center> ข้อความที่ต้องการ </center>เพื่อ จัดตำแหน่งจัดกลางให้กับตัวอักษร
2. กำหนดรูปแบบตัวอักษร<font face="AngsanaUPC">ข้อความที่ต้องการ</font>
อยากให้ข้อความที่เราเพิ่มเข้าไปเป็นตัวอักษรพิเศษ เราก็เอาชื่อของแบบตัวอักษร
แทนที่เข้าไปค่ะ อย่างตัวอย่างนี้ เราก็เปลี่ยนตรง AngsanaUPC เป็นชื่ออื่นแทน
ขนาดเเละสีตัวอักษร
สามาถรกำหนดได้ 2 วิธี
1.
<H1>ขนาดใหญ่สุด</H1>
<H2>ขนาดใหญ่</H2>
<H3>ขนาดกลาง</H3>
<H4>ขนาดปกติ</H4>
<H5>ขนาดเล็ก</H5>
<H6>ขนาดเล็กสุด<H6>
<FONT SIZE=3>ตัวอักษรขนาด 3</FONT> หรือ
<FONT SIZE=5>ตัวอักษรขนาด 5</FONT
สีของตัวอักษร
สีของตัวอักษร สามารถกำหนดได้ 2 แนวทางคือ
<FONT COLOR=red>ตัวอักษรสีแดง</FONT> หรือ
<FONT COLOR=green>ตัวอักษรสีเขียว</FONT>
<FONT COLOR=#FF00FF>ตัวอักษรสีชมพู</FONT> หรือ
<FONT COLOR=#0000FF>ตัวอักษรสีน้ำเงิน</FONT>
ลักษณะของตัวอักษร
ลักษณะของตัวอักษร สามารถกำหนดได้ 3 แบบคือ
<B>ตัวหนา</B>
<I>ตัวเอียง</I>
<U>ขีดเส้นใต้ตัวอักษร</U>
3. ตัวเอียง ตัวหนา ขีดเสีนใต้
รูปแบบคำสั่ง :<B>...ข้อความ..... </B> :คำสั่งตัวหนา
<I>...ข้อความ..... </I> :คำสั่งตัวเอียง<U>...ข้อความ..... </U> :คำสั่งขีดเส้นใต้
ทำตัวเอียงด้วยแทค i
<HTML>
<Head>
<Title> ดูผลลัพท์ตัวอย่าง </Title>
</Head>
<Body>
<i>ข้อความตัวเอียง</i> ข้อความตัวไม่เอียง
</Body>
</HTML>
4. ทำตัวขีดเส้นใต้ด้วยแทค U
<HTML>
<Head>
<Title> ดูผลลัพท์ตัวอย่าง</Title>
</Head>
<Body>
<U>ข้อความตัวขีดเส้นใต้</U> ข้อความตัวไม่ขีดเส้นใต้
</Body>
</HTML>
5. ตัวขีดฆ่า ตัวยก ตัวห้อย
รูปแบบ tag code คือ
ตัวขีดฆ่า<del> ข้อความที่ต้องการขีดฆ่า </del>
ตัวยก<sup> ข้อความหรือตัวเลข<sup>ข้อความหรือตัวเลขที่ต้องการยก</sup>
ตัวห้อย<sub> ตัวอักษร,ตัวเลข,ข้อความ<sub>ตัวอักษร,ตัวเลขที่ต้องการห้อย</sub>
6. ตัวอักษรวิ่ง ตัวอักษรกระพริบ
รูปแบบ tag code คือ
<BLINK></BLINK>
code ที่เขียนใน Notepad
<HTML>
<HEAD>
<TITLE>การกำหนดตัวอักษรกระพริบ</TITLE>
</HEAD>
<BODY> <BLINK>welcome</BLINK>
</BODY>
</HTML>
7. ตัวอักษรวิ่่ง
นั้นตลอดเวลา เราสามารถกำหนดให้ตัวอักษรเคลื่อนที่ได้อีกด้วย ทั้งเคลื่อนจากซ้ายไปขวา
เคลื่อนที่จากขวาไปซ้าย เคลื่อนที่จากข้างล่างขึ้นข้างบน หรือเคลื่อนที่จากข้างบนลงข้าง
ล่าง ซึ่งเทคนิคนี้มีหลาย ๆ เว็บไซต์นำไปใช้ในการตกแต่งเวบเพจนำไปใช้ในการตกแต่ง
เว็บเพจ
รูปแบบคำสั่ง HTML ที่ใช้ในการทำตัวอักษรวิ่ง
<MARQUEE direction="ทิศทางการวิ่ง" width="ความกว้าง" height="ความสูง"
scrollamount=ความเร็วในการวิ่ง scrolldelay="เวลาหน่วง">ข้อความ</MARQUEE>
ทิศทาง
คำอธิบาย
UP
วิ่งจากด้านล่างขึ้นด้านบน
DOWN
วิ่งจากด้านบนลงด้านล่าง
LEFT
วิ่งจากด้านขวาไปด้านซ้าย
RIGHT
วิ่งจากด้านซ้ายไปด้านขวา
ตัวอย่างโปรแกรม <HTML>
<HEAD>
<TITLE>การทำตัวอักษรวิ่ง</TITLE>
</HEAD>
<BODY>
<marquee><font size=4 color="red">ราชธานีเก่า เมืองอู่ข้าว อู่น้ำ เลิศล้ำกานต์์กวี คนดีศรีอยุธยา </marquee>
</BODY>
</HTML>
ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบค่ะ ทั้งแบบกำหนด
เป็นแท็ก และการกำหนดเป็น Attribute ของแท็กค่ะ โดยมีรูปแบบดังนี้ค่ะ
1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center <center> ...ข้อความ... </center>
2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align
รูปแบบดังนี้
<p align = "ตำแหน่ง"> ...ข้อความ...</p>
ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
รูปแบบการจัดตำแหน่งข้อความ
<html>
<head><title> <head><title> <head><title> <head><title> <head><title>
....การจัดตำแหน่งข้อความ....</title></head>
<body>
<center><font size = "2"> ข้อความนี้อยู่กึ่งกลาง</font></center><br>
<p align = "left"><font size = "2"> ข้อความชิดซ้าย </font></p><br>
<p align = "center"><font size = "2"> ข้อความนี้อยู่กึ่งกลาง </font></p><br>
<p align = "right"><font size = "2"> ข้อความนี้ชิดขวา </font></p><br></body>
<body><center><font size = "2"> ข้อความนี้อยู่กึ่งกลาง</font></center><br>
<p align = "left"><font size = "2"> ข้อความชิดซ้าย </font></p><br>
<p align = "center"><font size = "2"> ข้อความนี้อยู่กึ่งกลาง </font></p><br>
<p align = "right"><font size = "2"> ข้อความนี้ชิดขวา </font></p><br></body>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น