บทเรียนที่เกี่ยวกับ “html5”
พบ 19 บทเรียน
ปูพื้นฐานภาษา HTML
ภาษาเอชทีเอ็มแอล (HTML) ย่อมาจาก Hyper Text Markup Language ซึ่งเป็นภาษาที่พัฒนามาตั้งแต่ช่วงปลายปี 1986 โดยทีมงานจากห้องปฏิบัติการทางจุลภาค…
การกำหนดสีพื้นหลังและสีตัวอักษร
การกำหนดสีให้กับพื้นหลังและตัวอักษรนั้นสามารถกำหนดได้ 2 รูปแบบดังนี้ แบบที่ 1 แบบระบุชื่อสี เช่น red, green, blue, yellow เป็นต้น แบบที่ 2 แ…
โครงสร้างของ HTML
โครงสร้างของ html นั้นจะเปิด Tag ด้วย <html> และปิดด้วย </html> ซึ่งภายในจะประกอบด้วยส่วน head และส่วน body ส่วน Head จะเป็นส่วนที่ไม่แสดงผล…
รูปแบบของภาษา HTML
ภาษา HTML ประกอบไปด้วย Text หรือข้อความธรรมดา และ Tag หรือคำสั่งที่ใช้ในการกำหนดรูปแบบ Text โดย Tag จะอยู่ในเครื่องหมาย <> This is a <b>bold…
การแสดงข้อมูลแบบลิสต์รายการ
การแสดงข้อมูลแบบลิสต์รายการใช้ในกรณีที่เราต้องการทำรายการเป็นข้อๆ เรียงลำดับ โดยสามารถกำหนดรายการแบบต่างๆ ได้ดังนี้ การแสดงรายการแบบมีลำดับก…
การแทรกรูปภาพ
รูปภาพในเว็บเพจจะแยกเก็บไว้ข้างนอกเว็บเพจซึ่งการใช้งานนั้นจะลิ้งค์เข้ามาสู่หน้าเว็บเพจโดยมี Tag เฉพาะทำให้เว็บเพจมีความสวยงามมากยิ่งขึ้น รูป…
อักขระตามรหัสแอสกี้(ASCII - American Standard Code for Information Interchange)
รูปแบบการใช้งาน #&ตัวแลขรหัสแอสกี้ ตัวอย่างการใช้งาน
เส้นตรงแนวนอน (Horizontal Rule)
เส้นตรงแนวนอนเป็นเส้นตรง มีไว้เพื่อคั่นระหว่างข้อความ หรือรูปภาพได้ ทำให้เว็บเพจมีความสวยงามมากยิ่งขึ้น รูปแบบการใช้งาน <hr noshade size= “1…
การเชื่อมโยงหรือลิ้งค์ (Link)
ในเอกสารเว็บเพจนั้นจะขาดไม่ได้เลยก็คือการคลิ๊กไปยังหน้าต่างๆ ซึ่งการคลิ๊กเชื่อมโยงไปยังหน้าเว็บเพจต่างๆ นั้นเราเรียกว่า ลิ้งค์ (Link) หรือเร…
การกำหนดรูปแบบตัวอักษร
การกำหนดรูปแบบตัวอักษรในเว็บเพจนั้นเป็นการใช้ Tag คู่เป็นส่วนมาก โดยข้อความที่อยุ่ใน Tag นั้นจะเป็นข้อความที่ถูกกำหนดลักษณะ ตาม Tag ต่างๆ โด…
ตาราง (Table)
การใส่ตารางใน html นั้นสามารถที่จะแทรก Tag และกำหนด Attribute ต่างๆ ได้ดังนี้ <table border= “Border” bgcolor= “TableBg” cellspacing= “CS” c…
ฟอร์ม (Form)
ฟอร์ม (Form) เป็นรูปแบบของการกรอกข้อมูลเพื่อส่งข้อมูลเข้าไปประมวลผลในฝั่ง Server โดยอาศัยภาษาที่ทำงานในฝั่ง Server เป็นตัวประมวลผลจากฟอร์ม ก…
การนำ Bootstrap ไปใช้ใน Webpage
สำหรับการนำ Bootstrap ไปใช้ใน Webpage นั้นสามารถทำได้หลายช่องทาง โดยใช้เครื่องมือต่างๆ หรือจะดาวน์โหลดมาใช้งานโดยตรงก็ได้ โดยมาดูรายละเอียดต…
ตัวอักษรพิเศษ
ตัวอักษรพิเศษเป็นอักษรที่อยู่ในรูปแบบของโค๊ดเครื่องหมาย ตัวอย่างเช่น ตัวอย่าง ex10.html <html> <head> <title>Special Charecter</title> </hea…
หัวเรื่อง (Heading)
การกำหนดหัวเรื่องนั้น เป็นการกำหนดขนาดตัวอักษรที่จะแสดงในหน้าเว็บเพจ โดยเป็นการใส่ตัวเลขในแต่ละหัวเรื่อง โดยมีรูปแบบของการใช้งานดังนี้ <Hn>……
กฎการใช้ HTML
• Tag ต้องอยู่ในเครื่องหมาย < > เท่านั้น • Tag พิมพ์ด้วยอักษรตัวเล็กตัวใหญ่ก็ให้ความหมายเดียวกัน เช่น <body> กับ <BODY> • Tag ส่วนใหญ่จะมี T…
การใช้ Font จาก Google Font ใน Web Page
ไม่ได้เข้า Google Font หลายวัน วันนี้มีโอกาสได้เข้า https://www.google.com/fonts มีตัวเตือนว่า A new version of Google Fonts is available. T…
การสร้าง Theme จาก Material Design ใน Yii2 Advanced
สำหรับบทความชุดนี้เป็นแนวทางสำหรับการทำ Theme ในรูปแบบ Material Design สำหรับ Yii2 Advanced Application Template นะครับ โดยมีขั้นตอนดังต่อไป…