บทที่ 3
การแสดงผลรายการแบบใช้สัญลักษณ์
การแสดงผลรายการแบบสัญลักษณ์สามารถทำได้โดยใช้คำสั่ง
<UL> <LI>..รายการ 1 <LI>..รายการ 2 <LI> ...</UL>
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ
<HTML>
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD>
<BODY >
<UL>
<LI> รายการที่ 1
<LI> รายการที่ 2
<LI> รายการที่ 3
<LI> รายการที่ .....
</UL>
</BODY>
</HTML>
การแสดงผลรายการแบบใช้ตัวเลข
การแสดงผลรายการแบบตัวเลขสามารถทำได้โดยใช้คำสั่ง <OL>
<LI>..รายการ 1 <LI>..รายการ 2 <LI> ...</OL>
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ
<HTML>
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD>
<BODY >
<OL>
<LI> รายการที่ 1
<LI> รายการที่ 2
<LI> รายการที่ 3
<LI> รายการที่ .....
</OL>
</BODY>
</HTML>
การใส่รูปภาพ
เราสามารถที่จะแสดงรูปภาพที่ต้องการแสดงได้โดยใช้คำสั่ง
<IMG SRC="ชื่อไฟล์รูปภาพ">
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ
<HTML>
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD>
<BODY >
<IMG SRC="PIC.GIF">
</BODY>
</HTML>
*ไฟล์ที่นำมาแสดงต้องเป็น .gif หรือ .jpg
การวางตำแหน่งรูปภาพ
เราสามารถที่จะวางตำแหน่งรูปภาพที่ต้องการแสดงได้โดยใช้คำสั่ง
ALIGN="ตำแหน่ง" เพิ่มเข้าไปใน <IMG SRC="รูปภาพ">
ตำแหน่ง
1.แนวนอน
- LEFT (ซ้าย)
- RIGHT (ขวา)
2.เสมอบน
- TOP
- TEXTTOP
3.กึ่งกลาง
- MIDDLE
- ABSMIDDLE
4.เสมอล่าง
- BASELINE
- BOTTOM
- ABSBOTTOM
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ
<HTML>
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD>
<BODY >
<IMG SRC="PIC.GIF" ALIGN=RIGHT>
</BODY>
</HTML>
การเชื่อมโยงข้อมูล (Link)
เราสามารถสร้าง Link ได้โดยใช้คำสั่ง <A HREF="เป้าหมาย
(URL)">ข้อความที่ต้องการสร้าง Link</A>
เช่น <A HREF="http://www.oocities.org">Click
ตรงนี้ Link ถึง Geocities</A>
Click ตรงนี้ Link
ถึง Geocities
ถ้าต้องการสร้าง Link โดยใช้รูปภาพเป็นตัว Link เช่น
<A HREF="http://www.rit.ac.th/~ee38808"> <IMG
SRC="ban_1.jpg"> </A>
*เมื่อเราทำการสร้าง Link โดยใช้รูปภาพจะทำให้มีกรอบขึ้นมาเมื่อเราไม่ต้องการต้องใช้คำสั่ง
BORDER=0
เข้าไป เช่น <IMG SRC="PICS.GIF" BORDER=0>
ถ้าต้องการสร้าง Link โดย Link นั้นทำการส่ง mail
<A HREF="mailto:E-mail ของคุณ">SEND E-MAIL TO
ME</A>
SEND E-MAIL
TO ME
การกำหนดสีของข้อความที่ Link
เราสามารถกำหนดสีของข้อความที่มีการ Link ได้โดยเพิ่ม
LINK="#รหัสสี",VLINK="#รหัสสี",ALINK="#รหัสสี"
เข้าไปใน <BODY> เหมือนกับการกำหนดสีของตัวอักษรธรรมดา
LINK="#รหัสสี" คือกำหนดสีของตัวอักษรที่ทำการ Link
VLINK="#รหัสสี" คือกำหนดสีของตัวอักษรหลังจากทำการ
Link แล้ว (Click ไปแล้ว)
ALINK="#รหัสสี" คือกำหนดสีของตัวอักษรขณะที่ทำการ
Link (เมื่อกำลัง Click)
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ
<HTML>
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD>
<BODY LINK="#FFFFFF" ALINK="#CCFFCC" VLINK="#FF0000"
>
ตัวอักษร ..............
</BODY>
</HTML>
การใส่รูปภาพเป็นพื้นของ Home page (Background)
เราสามารถที่ใส่จะภาพ Background ของ Home page ได้โดยใช้คำสั่ง
BACKGROUND="ไฟล์รูปภาพ" เพิ่มเติมในส่วนของ <BODY> เช่น < BODY BACKGROUND="pic.gif"
>
[ Intro
] [ บทที่
1 ] [ บทที่
2 ] [ บทที่ 3 ] [ บทที่
4 ]
