สรุปคำสั่งHTML ( 2 )

สรุปคำสั่ง HTML

⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭

การเชื่อมโยง

การแปลงข้อความให้เป็นลิงก์

<A HREF="http://...."> ข้อความ </A>

คำสั่งสร้างตาราง

<TABLE>

<TR>

<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 1 </TD>

<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 2 </TD>

</TR>

<TR>

<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 1 </TD>

<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 2 </TD>

</TR> </TABLE>

คำสั่งสร้างตาราง

เราสามารถสร้างตารางเพื่อกำหนดข้อความหรือรูปภาพให้อยู่ในลักษณะที่เป็นระเบียบมากขึ้น โดนมีรูปแบบคำสั่งดังนี้ คือ

<TABLE>

<TR>

<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 1 </TD>

<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 2 </TD>

</TR>

<TR>

<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 1 </TD>

<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 2 </TD>

</TR> </TABLE>

แทรกรูปภาพ

สำหรับในการแทรกรูปภาพบนหน้าเว็บเพจนั้นสามารถทำได้ง่ายๆ ด้วยการระบุคำสั่ง <IMG SRC="ชื่อรูปภาพ"> ดังตัวอย่างนี้จะเป็นการแทรกรูปภาพทั้งเป้นพื้นหลังและในหน้าเว็บเพจ

<html>

<head>

<title>Insert Images : การแทรกภาพ</title>

</head>

<body background="bgimage.gif"> ข้อความที่แสดงในส่วนเนื้อหา

<img src="kerokero.gif">

</body>

</html>

ใส่กรอบข้อความ

กำหนดเส้นขอบรอบรูปภาพ ด้วยการเพิ่มคำสั่งคุณสมบัติเส้นขอบ border ต่อจากชื่อรูปภาพได้ดังตัวอย่าง

<html>

<head>

<title>Insert Images : ตำแหน่งและเส้นขอบรูปภาพ</title>

</head>

<body>

<div align="center"> ตำแหน่งและเส้นขอบรูปภาพ<br>

<img src="kerokero.gif" border="3">

</div>

</body>

</html>

คำสั่งที่ใช้ในการจัดตัวอักษรชิดซ้าย ชิดขวา หรือกึ่งกลาง

การจัดให้ตัวอักษรให้ชิดซ้าย ขวา หรือกึ่งกลาง เราจะใช้ Attributes ให้รายละเอียดของ tag โดยเราจะใช้ aling เพื่อบอกว่าให้ชิดซ้าย (align = 'left') ชิดขวา (align = 'right') และ จัดกึ่งกลาง (align = 'center')

รูปแบบ align

Source Code

<h3 align = 'left'>ชิดซ้าย</h3>

<h3 align = 'right'>ชิดขวา</h3>

<h3 align = 'center'>จัดเข้ากลาง</h3>

แสดงข้อความแบบตัวอักษรวิ่ง

marquee

อยู่ภายในแท็กเปิด <body >...</body>

<marquee>ข้อความ</marquee>

⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭⧬⧭

สรุปคำสั่งHTML

คำสั่งHTML

⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟⇞⇟

<font size = "3"> ข้อความ </font>   = ขนาดตัวอักษร

<font color = "red"> ข้อความ </font>  = สีตัวอักษร

<br>  = คำสั่งขึ้นบรรทัดใหม่

<b> ข้อความ </b>  = ตัวอักษรหนา

<CENTER> ข้อความ </CENTER> =  คำสั่งจัดให้ข้อความอยู่กึ่งกลาง

<HTML> </HTML>   คำสั่ง <HTML>  =  คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม

<HEAD> </HEAD>   คำสั่ง <HEAD>  = คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ภายใน

<TITLE> </TITLE>  คำสั่ง <TITLE>  = คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar

<BODY> </BODY>   คำสั่ง <BODY> =  คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น

<OL value = "1" >                                                                                                                                            

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

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

  </OL>

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

</UL>

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

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

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

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

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

<HR> = ตีเส้นขั้นหน้า

<font face="angsana new"> = ทำตัวหนังสือในเว็บในมีฟอน

&lt; = เครื่องหมายมากกว่า

&gt; = เครื่องหมายน้อยกว่า

&copy; = ©

&divide; = เครื่องหมายหาร

&yen; =  ¥

&euro; = €

&theta; = θ

&omega; = ω

&larr; = ←

&rarr; = →

&uarr; = ↑

&sum; = ∑

&cap; = ∩

&le; = ≤

&ge; = ≥