วันอังคารที่ 30 กันยายน พ.ศ. 2557

การสร้างตาราง
คำสั่งในการสร้างตาราง (Table)
การสร้างเวบเพจในปัจจุบันมีการนำตารางเข้ามาเกี่ยวข้องกับหลาย ๆ ส่วน ตั้งแต่การสร้างตารางเพื่อแสดงความสัมพันธ์ในลักษณะแถว (Row) และคอมลัมน์ (Column) รวมถึงการแบ่งขอบเขตให้กับข้อความเพื่อการจำกัดและควบคุมข้อความให้อยู่ในส่วนที่เราต้องการ
คำสั่งสำหรับสร้างตารางประกอบด้วยคำสั่งดังนี้
Tag
คำอธิบาย
<TABLE> ... </TABLE>
คำสั่งในการสร้างตาราง
<CAPTION> ... </CAPTION>
คำสั่งในการกำหนดข้อความกำกับตาราง
<TR> ... </TR>
คำสั่งในการกำหนดแถวของตาราง 1 แถว
<TH> ... </TH>
คำสั่งในการกำหนดส่วนหัวของตารางแถวแรก
<TD> ... </TD>
คำสั่งในการกำหนดส่วนของข้อมูลในแถว
สำหรับโครงสร้างของคำสั่งในการสร้างตารางมีดังนี้
<TABLE>
<CAPTION> ข้อความกำกับตาราง </CAPTION>
<TR>
<TH> ข้อความส่วนหัว </TH>
....................
....................
</TR>
<TR>
<TD> ข้อความส่วนของข้อมูล </TD>
........................
........................
</TR>
<TR>
<TD> ข้อความส่วนของข้อมูล </TD>
........................
........................
</TR>
........................
........................
........................
</TABLE>
ตัวอย่าง table1.html
<HTML>
<HEAD><TITLE> Table Tag </TITLE></HEAD>
<BODY>
<CENTER>
Example Data
<H2>Report Sale 2001</H2>
<TABLE>
<TR>
<TH>Month</TH>
<TH>Sale A</TH>
<TH>Sale B</TH>
<TH>Sale C</TH>
</TR>
<TR>
<TD>January</TD>
<TD>500</TD>
<TD>800</TD>
<TD>700</TD>
</TR>
<TR>
<TD>February</TD>
<TD>1200</TD>
<TD>1000</TD>
<TD>300</TD>
</TR>
<TR>
<TD>Mar</TD>
<TD>900</TD>
<TD>400</TD>
<TD>600</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
คำสั่งในการกำหนดลักษณะตัวอักษร (Style)
ในภาษา HTML มีคำสั่งที่ช่วยในการกำหนดลักษณะตัวอักษรให้มีความเด่นชัด เพื่อความเหมาะสมกับงานในลักษณะต่าง ๆ โดยมีรูปแบบต่าง ๆ ดังนี้
การกำหนดตัวอักษรตัวหนา (Bold) ใช้แท็ก <B>
การกำหนดตัวอักษรตัวเอียง (Italic) ใช้แท็ก <I>
การกำหนดขีดเส้นใต้ตัวอักษร (Underline) ใช้แท็ก <U>
การกำหนดตัวอักษรตัวพิมพ์ดีด (Typewriter) ใช้แท็ก <TT>
การกำหนดขีดเส้นพาดทับกลางตัวอักษร (Strikethrough) ใช้แท็ก <S>
การกำหนดตัวอักษรตัวห้อย (Subscript) ใช้แท็ก <SUB>
การกำหนดตัวอักษรตัวยก (Superscript) ใช้แท็ก <SUP>
การกำหนดตัวอักษรตัวโต (Big) ใช้แท็ก <BIG>
การกำหนดตัวอักษรตัวเล็ก (Small) ใช้แท็ก <SAMLL>
<B> ... ข้อความ ... </B>
<I> ... ข้อความ ... </I>
<U> ... ข้อความ ... </U>
<TT> ... ข้อความ ... </TT>
<S> ... ข้อความ ... </S>
<SUB> ... ข้อความ ... </SUB>
<SUP> ... ข้อความ ... </SUP>
<BIG> ... ข้อความ ... </BIT>
<SAMLL> ... ข้อความ ... </SAMLL>
ตัวอย่าง style.html
<HTML>
<HEAD><TITLE> Font Face </TITLE></HEAD>
<BODY>

แบบตัวอักษรปกติ
แบบตัวอักษรหนา <B>Bold</B><BR>
แบบตัวอักษรเอียง <I>Italic</I><BR>
แบบตัวอักษรขีดเส้นใต้ <U>Underline</U><BR>
แบบตัวอักษรตัวพิมพ์ดีด <TT>Typewriter</TT><BR>
แบบตัวอักษรขีดเส้นพาดทับกลางตัวอักษร <S>Strikethrough</S><BR>
แบบตัวอักษรตัวห้อย <SUB>Subscript</SUB><BR>
แบบตัวอักษรตัวยก <SUP>Superscript</SUP><BR>
แบบตัวอักษรตัวโต <BIG>Big</BIG><BR>
แบบตัวอักษรตัวเล็ก <SAMLL>Small</SAMLL>

</BOYD>
</HTML>



เขียนโดย ที่

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

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)