วันจันทร์ที่ 10 สิงหาคม พ.ศ. 2552

บทที่ 11 การจัดตำแหน่งของรูปภาพร่วมกับข้อความ

<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="mypic.gif" BORDER=0 ALIGN=LEFT>
<FONT COLOR="Blue">
ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก...
<BR>
</FONT>
</CENTER>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
รูปที่ (1) ALIGN=LEFT กำหนดให้รูปภาพอยู่ทางด้านซ้ายของข้อความ





ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก...


ผลลัพธ์ที่ได้
รูปที่ (2) ALIGN=RIGHT กำหนดให้รูปภาพอยู่ทางด้านขวาของข้อความ

<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="mypic.gif" BORDER=0 ALIGN=RIGHT>
<FONT COLOR="Blue">
ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก...
<BR>
</FONT>
</CENTER>
</BODY>
</HTML>





ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก.

คำอธิบาย
ALIGN=LEFT กำหนดให้รูปภาพอยู่ทางด้านซ้ายของข้อความ (Default)
ALIGN=RIGHT กำหนดให้รูปภาพอยู่ทางด้านขวาของข้อความ
ALIGN=TEXTTOP กำหนดให้ขอบบนของรูปภาพในอยู่ระดับเดียวกันกับขอบบนของข้อความ (ไม่ค่อยได้ใช้)
ALIGN=BOTTOM กำหนดให้ขอบล่างของรูปภาพในอยู่ระดับเดียวกันกับขอบบนของข้อความ (ไม่ค่อยได้ใช้)

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

แสดงความคิดเห็น

PHP TEST THAILAND