Author Chatchai Charoensarikorn

คุณสามารถพบลิงก์ได้ในเกือบทุกหน้าเว็บ ลิงก์อนุญาตให้ผู้ใช้คลิกจากหน้าหนึ่งไปยังอีกหน้าหนึ่ง HTML Links คือ Hyperlink คุณสามารถคลิกที่ลิงก์เพื่อไปสู่หน้าเว็บเพจอื่นๆ ได้ เมื่อคุณเลื่อนเมาส์ไปบนลิงก์ ลูกศรของเมาส์จะเปลี่ยนเป็นรูปมือเล็กๆ หมายเหตุ: ลิงก์ไม่จำเป็นต้องเป็นข้อความ ลิงก์สามารถเป็นรูปภาพหรือองค์ประกอบ HTML อื่นๆ ! ไวยากรณ์ของ HTML Link Tag HTML <a> กำหนดการเชื่อมโยงหลายมิติ มีไวยากรณ์ดังต่อไปนี้: Attribute ที่สำคัญที่สุดของ <a> ข้อความลิงก์เป็นส่วนที่ผู้อ่านจะมองเห็นได้ การคลิกที่ข้อความลิงก์จะส่งผู้อ่านไปยังที่อยู่ URL ที่ระบุ ตัวอย่าง ตัวอย่างนี้แสดงวิธีสร้างลิงก์ไปยัง hostatom.com : ในตัวอย่างจะเป็นลิงก์แบบนี้ เยี่ยมชมเว็บไซต์ของเรา hostatom.com ตามค่าเริ่มต้น หน้าที่เชื่อมโยงจะแสดงในหน้าต่างเบราว์เซอร์ปัจจุบัน หากต้องการเปลี่ยนแปลง คุณต้องระบุเป้าหมายอื่นสำหรับการลิงก์ Attribute target ระบุตำแหน่งที่จะเปิดเอกสารที่เชื่อมโยง Attribute target สามารถมีค่าใดค่าหนึ่งต่อไปนี้: ตัวอย่าง ในตัวอย่างจะใช้ target=”_blank” เพื่อเปิดเอกสารที่ลิงก์ในหน้าต่างหรือแท็บเบราว์เซอร์ใหม่: ไปหน้าเว็บ hostatom Absolute […]

HTML Color ถูกระบุด้วยชื่อสีที่กำหนดไว้ล่วงหน้า หรือด้วยค่า RGB, HEX, HSL, RGBA หรือ HSLA ชื่อสี ใน HTML สีสามารถระบุได้โดยใช้ชื่อสี ตัวอย่าง ซึ่ง HTML รองรับชื่อสีมาตรฐาน 140 ชื่อ สีพื้นหลัง คุณสามารถตั้งค่าสีพื้นหลังสำหรับ HTML Element ได้ดังนี้ ตัวอย่าง สีข้อความ คุณสามารถกำหนดสีของข้อความได้ดังนี้ ตัวอย่างสี ตัวอย่างสี 2 ตัวอย่างสี 3 สีขอบ คุณสามารถกำหนดสีของเส้นขอบได้แบบนี้ ตัวอย่าง ค่าสี ใน HTML ยังสามารถระบุสีโดยใช้ค่า RGB ค่า HEX ค่า HSL ค่า RGBA และค่า HSLA ตัวอย่าง […]

HTML Quotation คือ การใช้ HTML Element ในการอ้างอิงข้อมูล HTML <blockquote> ใช้สำหรับการอ้างอิงแบบกล่องข้อความ HTML Element <blockquote> ใช้สำหรับการอ้างอิงแบบกล่องข้อความ โดยเบราว์เซอร์จะขึ้นบรรทัดใหม่แล้วย่อหน้าให้สำหรับการอ้างอิง ตัวอย่าง HTML <q> ใช้สำหรับการอ้างอิงแบบสั้น Tag <q> ใช้สำหรับการอ้างอิงแบบสั้น ใช้กับข้อความสั้นๆ หรือ โควท (การอ้างอิงจากคำพูดคนอื่น) จะมีสัญลักษณ์ (“) ในข้อความที่อ้างอิง ตัวอย่าง HTML <abbr> ใช้สำหรับการย่อคำ HTML Tag <abbr> กำหนดตัวย่อ เช่น “HTML”, “CSS”, “Mr”, “Dr”, “ASAP”, “ATM” การทำเครื่องหมายตัวย่อสามารถให้ข้อมูลที่เป็นประโยชน์แก่เบราว์เซอร์ ระบบการแปล และเครื่องมือค้นหา ตัวอย่าง HTML <address> ใช้สำหรับข้อมูลการติดต่อ […]

HTML style Attributes ใช้เพื่อเพิ่มสไตล์ให้กับองค์ประกอบ เช่น สี รูปแบบฟ้อนต์ ขนาด และอื่นๆ ตัวอย่าง HTML Style Attribute การตั้งค่าสไตล์ของ HTML Element สามารถทำได้ด้วย style Attribute โดย style Attribute มีโครงสร้้างดังนี้ คุณสมบัตินี้เป็นคุณสมบัติของค่า CSS โดยคุณจะได้เรียนหลังจากเรียน HTML จบแล้ว สีพื้นหลัง คุณสมบัติ CSS background-color กำหนดสีพื้นหลังสำหรับ HTML Element ตัวอย่าง ตั้งค่าสีพื้นหลังสำหรับหน้าเป็น powderblue ตั้งค่าสีพื้นหลังสำหรับ 2 Element ที่แตกต่างกัน สีข้อความ คุณสมบัติ CSS color กำหนดสีข้อความสำหรับ HTML Element รูปแบบฟ้อนต์ คุณสมบัติ CSS font-family กำหนดรูปแบบฟ้อนต์ที่จะใช้สำหรับ […]

HTML Headings คือ ชื่อหรือคำบรรยายที่คุณต้องการแสดงบนหน้าเว็บ โดยจะมีขนาดใหญ่ไล่ไปเล็กตามความสำคัญของหัวข้อนั้นๆ ตัวอย่าง HTML Headings จะกำหนดได้โดย Tag <h1> ถึง <h6> <h1> กำหนดแทนหัวข้อใหญ่สุด <h6> กำหนดหัวข้อเล็กสุด หมายเหตุ: เบราว์เซอร์จะเพิ่มระยะขอบ ก่อนและหลังส่วนหัวโดยอัตโนมัติ ความสำคัญของ Heading Heading มีความสำคัญอย่างมากเพราะ Search Engines จะใช้ส่วน Heading ในการจัดเก็บ Index (ดัชนี) ซึ่งส่งผลต่อการเข้าถึงและมองเห็นเว็บไซต์ของคุณ ผู้ใช้มักจะเข้าชมเว็บไซต์ตามหัวเรื่อง สิ่งสำคัญคือต้องใช้ Heading เพื่อแสดงเนื้อหาภายในหน้านั้นๆ <h1> ควรใช้หัวเรื่องสำหรับหัวเรื่องหลัก ตามด้วย <h2> หัวเรื่อง รองลงมามีความสำคัญน้อยกว่า <h3> และอื่นๆ หมายเหตุ: ใช้ HTML Heading สำหรับส่วนหัวเรื่องเท่านั้น อย่าใช้ Heading เพื่อทำให้ข้อความใหญ่หรือหนา […]

HTML คืออะไร ? HTML (Hyper Text Markup Language) คือภาษาที่ใช้ในการสร้างหน้าเว็บเพจหรือเว็บไซต์และอธิบายโครงสร้างของเว็บเพจ โดยประกอบไปด้วย Elements ต่างๆ ซึ่ง HTML นี้เป็นเรื่องพื้นฐานที่คนที่มีความสนใจเกี่ยวกับการเขียนเว็บควรรู้ ในเนื้อหานี้จะสอนตั้งแต่เริ่มต้นทำความเข้าใจจนสามารถใช้แท็กต่างๆ จนคุณสามารถใช้แท็กแสดงผลหน้าเว็บเพจตามความต้องการได้ ตัวอย่าง HTML อธิบายตัวอย่าง HTML Element คืออะไร ? HTML Element คือ ส่วนประกอบต่างๆ ใน HTML โดยมักจะถูกกำหนดโดย Tag เริ่มต้น เนื้อหา และ Tag ปิดท้าย อาทิเช่น <tagname> เนื้อหาอยู่ที่นี่… </tagname> HTML Element คือทุกอย่างตั้งแต่ Tag เริ่มต้นจนถึง Tag ปิดท้าย ตัวอย่าง <h1>My First Heading […]

HTML Elements HTML Elements ถูกกำหนดโดยแท็กเริ่มต้น เนื้อหาบางส่วน และแท็กปิดท้าย : <tagname> เนื้อหา </tagname> จากตัวอย่าง HTML Element คือ ทุกอย่างตั้งแต่เปิด Tag ไปจนถึงปิด Tag ตัวอย่างบางส่วนของ HTML Element : <h1> My First Heading </h1> <p> My first paragraph. </p> Tag เปิด เนื้อหา Element Tag ปิด <h1> My First Heading </h1> <p> My first paragraph. </p> <br> […]