You're The Best

<html>

<tr>

</tr>

<font size="1" color="white">Wilasinee</font>

<h1>จุดเชื่อมโยงข้อมูล</h1>

<a name ="news"> กำหนดจุดเชื่อมชื่อ news ส่วน<h tag "a name" <li>คือตำแหน่งที่ลิงค์ไป (เอกสารเดียวกัน)

คำสั่ง <li> สร้างลิงค์ไปยังเอกสารชื่อ "news.html"

<a href ="http://www.thai.com"> Thai </a> สร้างลิงค์ไปยังเวปไซท์อื่น

คำสั่ง <li>สร้างลิงค์ไปยังเว็บไซต์อื่น และเปิดหน้าต่างใหม่

คำสั่ง <li>สร้างลิงค์โดยใช้รูปภาพชื่อ photo.gif เป็นตัวเชื่อม

<a href ="mailto:outlook@mail.com"> Email </a> <li> สร้างลิงค์มายังอีเมล

</ol>

การแสดงผลแบบรายการแบบมีหมายเลขกำกับ

<LI> รายการที่ 1

<LI> รายการที่ 2

</OL>

การแสดงผลแบบรายการ ใช้คำสั่ง <OL> เป็นเริ่มและปิดท้ายด้วย </OL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการได้หลายแบบเช่น เรียงลำดับ 1,2,3... หรือ I,II,III... หรือ A,B,C,

ได้ทั้งนี้จะต้องเพิ่มคำสั่งเข้าไปที่ <OL value="A"> เป็นต้น

การแสดงผลแบบรายการแบบมีสัญลักษณ์กำกับ

<LI> รายการที่ 1

<LI> รายการที่ 2

</UL>

การแสดงผลแบบรายการ ใช้คำสั่ง <UL> เป็นเริ่มและปิดท้ายด้วย </UL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการ ที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการแบบต่างๆ ดังต่อไปนี้

- รูปวงกลมทึบ "disc"

- รูปวงกลมโปร่ง "circle"

- รูปสี่เหลี่ยม "square"

ได้ทั้งนี้จะต้องเพิ่มคำสั่งเข้าไปที่ <UL type ="square"> เป็นต้น

การสร้างตาราง

<CAPTION> การสร้างตาราง </CAPTION>

<TR> <TH> หัวเรื่อง 1 </TH>

<TH> หัวเรื่อง 2 </TH> </TR>

</TABLE>

การสร้างตาราง ใช้คำสั่ง <TABLE> เป็นเริ่มและปิดท้ายด้วย </TABLE> ส่วน BORDER เป็นคำสั่งย่อยเพื่อใช้ กำหนดขนาดของเส้นตาราง ถ้ากำหนด = "0" จะหมายถึงไม่มีเส้น

- คำสั่ง <CAPTION> และ </CAPTION> เป็นคำสั่งแสดงข้อความอธิบายชื่อตาราง

- คำสั่ง <TR> และ </TR> เป็นคำสั่งเพื่อกำหนดแถวในตาราง

- คำสั่ง <TH> และ </TH> เป็นคำสั่งเพื่อกำหนดหัวเรื่อง ผลลัพธ์ที่ได้คือตัวอักษรจะหนากว่าปกติ (ดูตัวอย่างประกอบ)

- คำสั่ง <TD> และ </TD> เป็นคำสั่งแสดงข้อมูลปกติ

<head>ความหมายของคำสั่ง Table </head>

<li>TR หมายถึง Table Row </li>

<li>TH หมายถึง Table Head</li>

<li>TD หมายถึง Table Data </li>

ขนาดของตาราง

กำหนดความกว้างและความสูงของตาราง

<CAPTION> ขนาดของตาราง </CAPTION>

<TR> <TH> หัวเรื่อง 1 </TH>

<TH> หัวเรื่อง 2 </TH> </TR>

</TABLE>

กำหนดความสูงของแถว (row)

<TR> <TH> หัวเรื่อง 1 </TH>

<TH> หัวเรื่อง 2 </TH> </TR>

</TABLE>

กำหนดความกว้างของคอลัมภ์ (column)

<TR> <TH> หัวเรื่อง 1 </TH>

<TH> หัวเรื่อง 2 </TH> </TR>

</TABLE>

ตารางซ้อนตาราง

<TR> <TH> หัวเรื่อง 1 </TH>

<TH> หัวเรื่อง 2 </TH> </TR>

</TABLE>

NOSHADE

<h2>คำสั่งเสริมเพิ่มเติม </h2>

กำหนดตำแหน่งข้อความตามแนวนอน

align = "left"

align = "center"

align = "right"

<h2>กำหนดตำแหน่งข้อความตามแนวตั้ง </h2>

valign = "top"

valign = "middle"

valign = "bottom"

<CAPTION> สีฉากหลังของตาราง </CAPTION>

<TR align="left"> <TH> หัวเรื่อง 1 </TH>

<TH align="center"> หัวเรื่อง 2 </TH> </TR>

</TABLE>

<HR>

กำหนดสีแต่ละช่องในตาราง

<TR> <TH bgcolor = "brown" > หัวเรื่อง 1 </TH>

<TH bgcolor= "white"> หัวเรื่อง 2 </TH> </TR>

</TABLE>

การเชื่อมโยงข้อมูลในตาราง

<tbody>

<tr>

</tr>

</tbody>

</table>

ประเภทการเชื่อมโยง

- การเชื่อมโยงภายในเว็บไซต์

- การเชื่อมโยงข้อมูลนอกเว็บไซต์

- การเชื่อมโยงข้อมูล FTP

- การเชื่อมโยงข้อมูล E-Mail

<H1> การเชื่อมโยงภายในเว็บไซต์ </H1>

รูปแบบ <A HREF="ที่อยู่ไฟล์">ข้อความ</A>

ตัวอย่าง <A HREF="tipcomputer.asp">ทิปคอมพิวเตอร์</A>

*** หมายเหตุ ถ้าลิงค์อยุ่คนละโฟลเดอร์ <A HREF="../tipcomputer.asp">ทิปคอมพิวเตอร์</A>

<H1> การเชื่อมโยงข้อมูลนอกเว็บไซต์ </H1>

รูปแบบ <a href="http://www..........">ข้อความ</a>

ตัวอย่าง <a href="https://become.net">บีคอม</a>

*** หมายเหตุ คุณสามารถสั่งให้เบราเซอร์เปิดหน้าใหม่ได้โดยกำหนด target="_blank"

ตัวอย่าง

<a href="http://www.driverzone.com" target="_blank"> Driver Zone </a>

<H1> การเชื่อมโยงข้อมูล FTP </H1>

รูปแบบ <ftp://name/FOLDER>ข้อความ</A>

HOSTNAME คือ ชื่อของศูนย์บริการ FTP Server

FOLDER คือ ชื่อไฟล์และไดเรกทอรี่ที่ผู้เข้ารับบริการสามารถเข้าไปใช้งานได้

ตัวอย่าง <A HREF=FTP://download/download> Download </a>

<H1> การเชื่อมโยงข้อมูล E-Mail </H1>

รูปแบบ <A HREF="MAILTO:USERNAME@DOMAINNAME">ข้อความ</A>

ตัวอย่าง <a href="e@b">weonline90@gmail.com</a>

<hr>

ตัวอักษรแบบพิเศษ รูปแบบ

< = <<br>

> =><br>

& =&<br>

" ="<br> 

'ตัวอย่าง

"bcoms.net" จะเป็น "bcoms.net"

<br>คำสั่งจัดหน้า <ul type="1"><ol type="a">

LINK<li>"#รหัสสี"

ALINK<li>"#รหัสสี"

VLINK<li>"#รหัสสี"

ตัวอย่าง

กำหนดอยู่ในส่วนของ BODY โดยกำหนดให้<br>

LINK = <li>สีของตัวอักษรก่อนมีการคลิก

ALIGN = <li> สีของตัวอักษรขณะถูกคลิก

VLINK = <li> สีของอักษรหลังจากคลิกแล้ว

</TD>

</table>

หน้าเว็บ

การสร้างตาราง