Empfohlen
Weitere ähnliche Inhalte
Mehr von สุวิทย์ ดวงดี
Mehr von สุวิทย์ ดวงดี (6)
การสร้างเว็บเพจด้วยภาษา Html
- 1. การสรางเว็บเพจดวยภาษา HTML โครงสราง ภาษา HTML <html> <head> <title>…………..</title> </head> <body> </body> </html> การเขียนภาษา HTML นั้นมีสวนประกอบหลักอยู 2 สวน คือ สวนที่เปนเนื้อหา และสวนที่เปนคําสั่ง สวนที่เปน คําสั่งนั้นจะอยูในรูปของ Tag ซึ่งจะเขียนอยูในเครื่องหมายมากกวา และ นอยกวา < > แตละ Tag มีหนาที่ที่แตกตาง กันออกไป Tag แบงออกเปน 2 ประเภท คือ 1. แท็กเดี่ยว คือ คําสั่งที่มีคําสั่งเพียงอยางเดียว ซึ่งสามารถใชและสิ้นสุดคําสั่งไดดวยตัวของมันเอง เชน ขอความ.... <br> <hr> <! - ขอความ - > 2. แท็กคู คือ คําสั่งที่ตองมีสวนเริ่มตนและสวนจุดจบของคําสั่งนั้น ๆ โดยแท็กที่เปนสวนจบนั้นจะมี เครื่องหมาย slash / ติดเอาไว เชน <html> สวนของเนื้อหา ..... </html> <center> ขอความ..... </center> <p> ขอความ.... </p> ถาหากมีการใชแท็กคูหลาย ๆ คําสั่ง เชน คําสั่งตัวขีดเสนใต <U> .... </U> และตามดวย คําสั่งตัวเอียง <I>....</I> จะตองปดคําสั่งตัวเอียงกอน แลวจึงจะมาปดคําสั่งตัวขีดเสนใต <I> U> ขอความ.... </U> </I>
- 2. รูปแบบของเอกสาร HTML รูปแบบมาตรฐานของเอกสาร HTML จะมีอยูสองสวน สวนแรกเรียกวาสวนหัว (head) และสวนที่สอง เรียกวา สวนตัว (body) และทั้งสองสวนจะตองอยูภายใตชุดคําสั่ง <HTML>....</HTML> เสมอ รูปแบบเอกสาร HTML ที่สมบูรณ ควรจะมีชุดคําสั่งมาตรฐานกํากับอยางนอยที่สุด ดังนี้ <Html> <Head> <Title>หัวขอเรื่อง</Title> </Head> <Body> เนื้อความที่ตองการสื่อสาร </Body> </Html> หลักการเขียนภาษา HTML แบบงายๆ 1. จัดใหคําสั่งเปดและปดในแตละชุดคําสั่งอยูใน column ตรงกัน 2. ขอความที่ไมยาวมาก ถามีคําสั่งเปดและปด ใหเขียนในบรรทัดเดียวกัน 3. คําสั่งที่มีตัวเปดและปด ใหเขียนตัวเปด/ปดใหเรียบรอยกอนที่จะเขียนขอความลงไป เชน ตองการเขียน "HTML editor สําหรับภาษาไทย" ก็ควรเริ่มดวย <H2></H2> <H2><B></B></H2> <H2><B>HTML editor สําหรับภาษาไทย</B></H2> วิธีการนี้จะชวยใหลดความผิดพลาดลงไดมาก 4. ขอความที่อยูในคําสั่งเปดและปด ใหพิมพเยื้องไปทางขวา 5. คําสั่งใดที่อยูในคําสั่งเปดและปดของคําสั่งอื่น ใหพิมพเยื้องไปทางขวามากกวาเดิมอีกเล็กนอย
- 3. คําสั่งตาง ๆ ในภาษา html 1. การกําหนดขอความลงใน Title bar <title> ขอความที่ตองการใหปรากฏลงบน Title Bar </title> 2. การกําหนดขนาดของหัวเรื่อง มีอยู 6 ระดับ คือ H1, H2, H3, H4, H5 และ H6 โดยจะเรียงจากขนาด ใหญไปหาเล็ก 3. การกําหนด background <body bgcolor="color"> การกําหนดสีของ background ทําไดโดยการเพิ่มคําสั่ง bgcolor ลงใน <body> color คือ ชื่อสีหรือcode สีที่จะใชกําหนดสีของ background ชื่อสีเชน black white blue green red ฯลฯ Code สี คือเลขฐาน16 คือ (0-9,A-F) 6 ตัวซึ่งแทนคาในสีตาง ๆ 2 ตัวแรกจะแทนคาสีแดง 2 ตัวกลางจะแทนสีเขียว สวน 2 ตัวหลังจะแทนสี น้ําเงิน 4. การใชภาพเปน Background <body background="URL"> 5. การใสขอความ (Font) <Font> ....... </Font>
- 4. ขนาดตัวอักษร จะมีขนาด -1ถึง+7 โดยเลข -1 จะเล็กที่สุด และ +7 จะมีขนาดใหญที่สุด ดังตัวอยางขนาดตัวอักษร 1 - 7 size=1 จะมีขนาด 8 pixel size=2 จะมีขนาด 10 pixel size=3 จะมีขนาด 12 pixel size=4 จะมีขนาด 14 pixel size=5 จะมีขนาด 18 pixel size=6 จะมีขนาด 24 pixel size=7 จะมีขนาด 36 pixel หมายเหตุ..ขึ้นอยูกับรูปแบบตัวอักษรดวยครับ.ไมเกี่ยวของกับคําสั่ง Style 6. คําสั่งการจัดการเกี่ยวกับรูปภาพ เราจะใชคําสั่ง <Img src="ชื่อไฟล"> ซึ่งจะมีตัวชวยในการจัดรูปแบบเพิ่มเติม ดังนี้ ALIGN ใชกําหนดตําแหนงการจัดวางของรูปภาพรวมกับขอความ.. ALIGN=TOP วางสวนบนของรูปภาพไวที่ baseline ของบรรทัด ALIGN=LEFT วางตําแหนงของรูปภาพ ไวที่ดานซายของเอกสาร ALIGN=RIGHT วางตําแหนงของรูปภาพไวที่ดานขวาของเอกสาร ALIGN=MIDDLE วางสวนกลางของรูปภาพไวที่ baseline ของบรรทัด ALIGN=BOTTOM วางสวนลางของรูปภาพไวที่ baseline ของบรรทัด WIDTH จะใชในการกําหนดความกวางของรูปภาพ HEIGHT ใชในการกําหนดความสูงของรูปภาพ BORDER ใชกําหนดการแสดงเสนขอบรูป VSPACE ใชกําหนดระยะหางทางดานบน, ลาง HSPACE ใชกําหนดระยะหางทางดานซาย, ขวา