HTMLNARISSARA THONG.
HTML(Hypertext Markup Language) คืออะไร HTML คอื ภาษาทีใ่ ชส้ รา้ งเอกสารข้อมลู ในลกั ษณะมัลติมีเดีย เพื่อแสดงบนระบบ เครือข่ายอนิ เตอร์เน็ต
HTML(Hypertext Markup Language) คืออะไรHTML Editor เชน่ Edit plus ,Dreamweaver ,Cute HTML เป็นต้นText Editor เขยี นไดเ้ ชน่ Node Pad , Word Pad ฯลฯ แต่จะตอ้ งบันทึกใหอ้ ยูใ่ นรปู แบบนามสกุล .html เสมอWeb Browser หรอื Browser เชน่ Internet Explorer , google Chrome ,Mozilla firefox เป็นตน้
ขอ้ กาหนดของภาษา HTML คาส่ัง เรียกว่า Tag อยู่ในเคร่ืองหมาย < > Tag จะใช้ตัวอกั ษรพมิ พ์ใหญ่ เล็ก มีความหมายเดียวกัน เชน่ <IMG SRC> หรอื <img src> เปน็ ต้น Tag เกือบทุก Tag จะมีทง้ั Tag เปิด และ ปิด โดยTag ปดิ จะมี เครอ่ื งหมาย / เสมอ เชน่ Tag เร่ิมตน้ ของ HTML คือ <HTML> และสิน้ สดุ การ เขยี นภาษาHTML ด้วย</HTML>
จาแนกโครงสรา้ งของคาสงั่ ออกเปน็ 3 สว่ น Tags คอื คำส่งั ในภำษำ HTML โดยจะมีประสิทธิภำพสงู สุด เม่อื กำหนดส่วนขยำยใหก้ ับ tags Attributes เป็นส่วนประกอบหน่งึ ของส่วนขยำย ทำหนำ้ ที่กำหนด ทศิ ทำงของ tags Values เปน็ สว่ นประกอบสดุ ทำ้ ยของสว่ นขยำย ทำหน้ำที่กำหนด ขนำด หรือ ลักษณะ ให้กับ attributes
จาแนกโครงสรา้ งของคาสง่ั ออกเปน็ 3 สว่ น<Font Face=“Ms Sans Serif” Color=“Blue”>Tag=FontAttributes = Face , ColorValue= “Ms Sans Serif”, “ Blue”
โครงสรา้ งพื้นฐาน HTML
โครงสรา้ งพื้นฐาน HTML
Title(ช่อื หวั เร่ือง)จะถกู กำหนด อย่ภู ำยใน Tag คำสง่ั <HEAD>..</HEAD><HEAD> <TITLE> ชอ่ื หัวเร่ือง </TITLE> </HEAD> ขอ้ มลู ทถี่ ูก เขยี นอยภู่ ำยใน Tag จะแสดงผล ออกมำใหเ้ ห็น ทบี่ นบำรข์ อง Web Browser
ขอ้ มูลท่ีตอ้ งการแสดงผลจะอยู่ ระหวา่ ง tag BODY ทง้ั หมด
คาสงั่ Comment Tagเป็นคำส่งั ท่ีใช้ ในกำรอธบิ ำย อยภู่ ำยใน HTML จะไมม่ ีกำรแสดงผล ออกมำที่ Browser จะมปี ระโยชน์สำหรบั ผูท้ ี่จะทำกำรแก้ไข โปรแกรม ในภำยหลัง<!--ใสข่ อ้ ความใดๆก็ได้ เพื่อใชใ้ นการ อธิบาย-->
คาส่งั ขึ้นบรรทดั ใหม่ <BR>เป็นคาสง่ั ทใ่ี ช้กาหนดให้ ข้อความท่ี เราพมิ พ์ ลงไปในเอกสาร ขึ้นบรรทดั ใหม่ ได้ตามทเี่ ราตอ้ งการ เพราะ ถา้ เราไมใ่ ช้ คาสัง่ สั่งใหเ้ อกสาร
คาสั่งการย่อหน้าใหม่รูปแบบคาส่ัง<P>........... </P> หรือ <P>มีลักษณะคล้ำยกับคำส่ัง < BR > แตค่ ำส่งั น้จี ะมกี ำรเว้น บรรทัดวำ่ ง ใหห้ นง่ึ บรรทัด เพรำะบำงคร้ัง เรำตอ้ งกำร เวน้ บรรทัดว่ำง หนึ่งบรรทดั แต่โปรแกรม Web Browser จะ ไม่เข้ำใจกำรพมิ พบ์ รรทัดเปล่ำ
การกาหนดสีของพนื้ ฉากหลงัเป็นคำส่ังทีใ่ ช้กำหนดสขี อง Background จอภำพใหม้ สี ีตำ่ งๆตำมตอ้ งกำรโดยกำรกำหนด เลขฐำน16รูปแบบคาสงั่ <BODY BGCOLOR=\"#เลขฐาน 16 จานวน 6 ตัว\">......</BODY>
การกาหนดสขี องพนื้ ฉากหลงัเปน็ คำส่ังท่ีใช้กำหนดสีของ Background จอภำพใหม้ ีสี ตำ่ งๆตำมต้องกำรโดยกำรกำหนดเลขฐำน16รูปแบบคาส่งั <BODY BGCOLOR=\"#เลขฐาน16 จานวน 6 ตัว\">......</BODY>ตวั อย่าง <HTML> <HEAD> <TITLE>กำรกำหนดสขี องพน้ื ฉำกหลงั </TITLE> </HEAD> <BODY BGCOLOR=\"#0000FF\" TEXT=\"#FFFFFF\"> กำหนดBACKGROUNDเปน็ สีนำ้ เงิน </BODY> </HTML>
รูปแบบตัวอักษร (Font) / สี (Color) การกาหนดหวั เร่ือง คาสง่ั <FONT SIZE> การกาหนดสีของตัวอกั ษร การกาหนดสขี องตัวอักษรเฉพาะสว่ น การกาหนดชนิดของตัวอักษร FONT FACE การกาหนดรูปแบบตัวอกั ษร การจดั วางตาแหนง่ ข้อความโดยใช้ ALIGN คาส่ังรายการ [ Lists ]
การกาหนดหวั เรอ่ื ง<Hx> จะมขี นำดของ ตัวอักษร อยู่ 6 ขนำด คอื ขนำดใหญ่ สดุ คือ<H1> ( ใชม้ ำก ) และเล็กทสี่ ดุ คอื <H6> (ใช้น้อย )รปู แบบคาสงั่ <Hx>........<Hx>โดยที่ x คอื ค่ำตวั เลขตงั่ แต่ 1 ถึง 6
การกาหนดหัวเรอื่ ง<HTML> <HEAD><TITLE> กำรกำหนดหวั เรอื่ ง</TITLE> </HEAD> <BODY><H1> กำรกำหนดหัวเรื่องH1 </H1><H2> กำรกำหนดหวั เร่ืองH2</H2 ><H3> กำรกำหนดหวั เร่อื งH3</H3> <H4> กำรกำหนดหัวเรือ่ งH4</H4><H5> กำรกำหนดหัวเรอ่ื งH5</H5><H6> กำรกำหนดหวั เร่อื งH6</H6><BR>นี่คอื ตัวอกั ษรปกติ</BODY> </HTML>
Search
Read the Text Version
- 1 - 18
Pages:
