สรุปคำสั่ง html ครั้งที่2

สรุป คำสั่ง html 2




< !-- ข้อความ --> คำสั่ง หมายเหตุ ใช้อธิบายความหมาย ขื่อผู้เขียนโปรแกรม และอื่นๆ
<br> คำสั่งขึ้นบรรทัดใหม่
<p> ข้อความ </p> คำสั่งย่อหน้าใหม่
<hr width = "50%" size = "3"> คำสั่ง ตีเส้น, กำหนดขนาดเส้น
&nbsp; คำสั่ง เพิ่มช่องว่าง
<IMG SRC = "PHOTO.GIF"> คำสั่งแสดงรูปภาพชื่อ Photo.gif
<CENTER> ข้อความ </CENTER> คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
<HTML> </HTML> คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
<HEAD> </HEAD> คำสั่ง <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ภายใน
<TITLE> </TITLE> คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar
<BODY> </BODY> คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น


<font size = "3"> ข้อความ </font> ขนาดตัวอักษร
<font color = "red"> ข้อความ </font> สีตัวอักษร
<font face = "Arial"> ข้อความ </font> รูปแบบตัวอักษร
<besefont size = "2"> ข้อความ </font> กำหนดค่าเริ่มต้นของขนาดตัวอักษร
<b> ข้อความ </b> ตัวอักษรหนา
<i> ข้อความ </i> ตัวอักษรเอน
<u> ข้อความ </u> ขีดเส้นใต้ตัวอักษร
<tt> ข้อความ </tt> ตัวอักษรแบบพิมพ์ดีด



<a href ="#news"> Hot News </a> ,
<a name ="news"> กำหนดจุดเชื่อมชื่อ news ส่วน "a name" คือตำแหน่งที่ลิงค์ไป (เอกสารเดียวกัน)
<a href ="news.html"> Hot News </a> สร้างลิงค์ไปยังเอกสารชื่อ "news.html"
<a href ="http://www.thai.com"> Thai </a> สร้างลิงค์ไปยังเวปไซท์อื่น
<a href ="http://www.thai.com" target = "_blank" > Thai </a> สร้างลิงค์ไปยังเวปไซท์อื่น และเปิดหน้าต่างใหม่
<a href ="http://www.thai.com"> <img src = "photo.gif"> </a> สร้างลิงค์โดยใช้รูปภาพชื่อ photo.gif เป็นตัวเชื่อม
<a href ="mailto:yo@mail.com"> Email </a> สร้างลิงค์มายังอีเมล

<TABLE BORDER = "2" >
<CAPTION> การสร้างตาราง </CAPTION>
<TR> <TH> หัวเรื่อง 1 </TH>
<TH> หัวเรื่อง 2 </TH> </TR>

<TR> <TD> ข้อมูล 1 </TD>
<TD> ข้อมูล 2 </TD> </TR>
</TABLE>



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

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

การใส่รูปภาพลงในเว็บเพจ

รูปแบบ  <IMG ALIGN=align-type BORDER=n HEIGHT=n WIDTH=n HSPACE=n VSPACE=n SRC=address ALT=text>

ALIGN           =     align-type(ตำแหน่ง) เป็นการ กำหนด ตำแหน่ง รูปภาพ ถ้าภาพไม่ ใหญ่ ข้อความ นั้นจะ อยู่ ที่ตำแหน่ง ส่วนล่าง
                              ของภาพ ทางขวา มือเสมอ เราสามารถ กำหนดได้ โดยใช้คำต่าง ๆ เหล่านี้
LEFT             =     วางภาพที่ตำแหน่งทางซ้าย
RIGHT           =     วางภาพที่ตำหน่งทางขวา
TOP              =      วางภาพ ที่ตำแหน่ง ด้านบน
MIDDLE       =      วางภาพ ที่ตำหน่ง กึ่งกลาง
BOTTOM     =      วางภาพ ที่ตำแหน่ง ด้านล่าง
BORDER    =       n    เป็นการ กำหนด กรอบให้ รูปภาพ n มีค่ามาก กรอบจะ มีความหนา มากขึ้น
HEIGHT       =       n    เป็นการ กำหนด ความสูง ของภาพ
WIDTH         =      n    เป็นการ กำหนด ความกว้างของภาพ ถ้าต้องกา ให้ภาพได้สัดส่ว ให้กำหน เป็นเปอร์เซนต์ โดยไม จำกัดความสูง
VSPACE     =      n    กำหนด ระยะ ห่างบน ล่างของ ภาพ
HSPACE     =      n    กำหนด ระยะ ห่าง ซ้าย - ขวา ของภาพ
SRC             =      ใส่รูปภาพที่ต้องการลงไป
ALT              =      text   ใส่ข้อควา เพื่อเป็นคำอธิบายรูปภาพที่นำมาวางสำหรับผู้ใช้อินเตอร์เนตแบบเท็กซ์

ข้อสังเกต ALIGN ไม่สามารถ กำหนดให้ รูปภาพ ไปปรากฎยังกึ่งกลาง ของจอภาพ ได้ ถ้าต้อง การให้ อยู่ตำแหน่งดังกล่าว ให้ใช้คำสั่ง <CENTER>...<CENTER>

ความคิดเห็น

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

โพสต์ยอดนิยมจากบล็อกนี้

ใบงานที่ 3 การเขียนผังงาน

รูปภาพ
การเขียนผังงาน (Flowchart)  1 ความหมาย ตอบ คือรูปภาพหรือสัญลักษณ์ที่ใช้เขียนแทนคำอธิบายข้อความหรือคำพูดในอัลกอริทึมเพราะการที่จะเข้าใจขั้นตอนได้ง่ายและตรงกันการใช้คำพูดหรือข้อความอาจทำได้ยากกว่าการใช้รูปภาพหรือสัญลักษณ์ผังงานสามารถแบ่งเป็นสองประเภทใหญ่ๆคือ    ผังงานระบบ system flowchart        ผังงานโปรแกรม program flowchart 2 สัญลักษณ์ที่ใช้ในการเขียนผังงาน ตอบ 3 ตัวอย่าง 1 ตัวอย่าง
อ่านเพิ่มเติม

ใบงาน เรื่อง ลิขสิทธิ์ และสิทธิบัตร

รูปภาพ
 เรื่อง ลิขสิทธิ์ และสิทธิบัตร ลิขสิทธิ์  หมายถึง สิทธิแต่เพียงผู้เดียวที่จะกระทำการใด ๆ เกี่ยวกับงานที่ผู้สร้างสรรค์ได้ริเริ่มโดยการใช้สติปัญญาความรู้ ความสามารถ และความวิริยะอุตสาหะของตนเองในการสร้างสรรค์ โดยไม่ลอกเลียนงานของผู้อื่น โดยงานที่สร้างสรรค์ต้องเป็นงานตามประเภทที่กฎหมายลิขสิทธิ์ให้คุ้มครอง โดยผู้สร้างสรรค์จะได้รับความคุ้มครองทันทีที่สร้างสรรค์โดยไม่ต้องจดทะเบียน ยกตัวอย่างลิขสิทธิ์  3 อย่าง     1. งานวรรณกรรม  ( หนังสือ  จุลสาร  สิ่งพิมพ์  คำปราศรัย  โปรแกรมคอมพิวเตอร์ ฯลฯ )     2. งานนาฎกรรม  ( ท่ารำ  ท่าเต้น ฯลฯ )      3. งานศิลปกรรม  ( จิตรกรรม  ประติมากรรม  ภาพพิมพ์  ภาพถ่าย  ศิลปประยุกต์ ฯลฯ ) สิทธิบัตร  ( อังกฤษ :  patent ) หมายถึง หนังสือสำคัญที่รัฐออกให้เพื่อคุ้มครองการประดิษฐ์คิดค้นหรือการออกแบบผลิตภัณฑ์ ที่มีลักษณะตามที่กำหนดในกฎหมาย กฎกระทรวง และระเบียบว่าด้วยสิทธิบัตร พ.ศ. 2522 เป็นทรัพย์สินทางปัญญาประเภทหนึ่ง ที่เ...
อ่านเพิ่มเติม

ใบงานเรื่อง ความรู้เบื้องต้นเกี่ยวกับ VB

รูปภาพ
1. ความหมายของ VB ตอบ  Visual Basic   เป็นภาษาคอมพิวเตอร์ ( Programming Language)  ที่พัฒนาโดยบริษัทไมโครซอฟท์ ซึ่งเป็นบริษัทยักษ์ใหญ่ที่สร้างระบบปฏิบัติการ  Windows 95/98  และ  Windows NT  ที่เราใช้กันอยู่ในปัจจุบัน โดยตัวภาษาเองมีรากฐานมาจากภาษา  Basic  ซึ่งย่อมาจาก  Beginner’s All Purpose Symbolic Instruction  ถ้าแปลให้ได้ตามความหมายก็คือ  “ ชุดคำสั่งหรือภาษาคอมพิวเตอร์สำหรับผู้เริ่มต้น ”   ภาษา  Basic   มีจุดเด่นคือผู้ที่ไม่มีพื้นฐานเรื่องการเขียนโปรแกรมเลขก็สามารถเรียนรู้และนำไปใช้งานได้อย่างง่ายดายและรวดเร็ว เมื่อเทียบกับการเรียนภาษาคอมพิวเตอร์อื่นๆ เช่น ภาษาซี ( C).  ปาสคาส ( Pascal).  ฟอร์แทรน ( Fortian)  หรือ แอสเชมบลี ( Assembler)   ไมโครซอฟท์ที่ได้พัฒนาโปรแกรมภาษา  Basic  มานานนับสิบปี ตั้งแต่ภาษา  MBASIC (Microsoft Basic). BASICA (Basic Advanced): GWBASIC  และ  QuickBasic  ซึ่งได้ติดตั้งมาพร้อมกับระบบปฏิบัติการ  Ms DOS  ใ...
อ่านเพิ่มเติม