แท็ก HTML <iframe> ใช้สำหรับฝังเอกสารเว็บเข้าไปในหน้าเว็บ เอกสารที่ฝังอาจเป็น PDF, หน้าเว็บ, หรือทรัพยากรอื่นๆ แอตทริบิวต์ src จะกำหนดตำแหน่งของทรัพยากรที่ฝัง คุณสามารถฝังเนื้อหาของเอกสารเว็บหนึ่ง เช่น PDF หรือแผนที่จาก Google Maps เข้าไปในอีกหน้าหนึ่งได้ โดยใช้ HTML ที่นี่คือที่มาของแท็ก HTM

HTML คืออะไร? HTML (Hypertext Markup Language) เป็นภาษามาร์กอัพมาตรฐานสำหรับสร้างโครงสร้างของหน้าเว็บ เป็นหนึ่งในเทคโนโลยี 3 ต้นแบบของเว็บ (HTML, CSS, JavaScript) HTML ใช้ Tags (แท็ก) เพื่อกำหนดโครงสร้าง: หัวข้อ, ย่อหน้า, รูปภาพ, ลิงก์, ตาราง, ฟอร์ม, วิดีโอ ฯลฯ ทำไมควรเรียน HTML? ฐานของเว็บ: HTML

แท็ก HTML input สร้างฟิลด์ป้อนข้อมูลที่ผู้ใช้สามารถใส่ข้อมูลได้ Common inputs รวมถึง text fields, checkboxes, radio buttons, และ email fields แท็ก input ควรมี label ด้วยแท็ก <label> ฟอร์มใน HTML ประกอบด้วย input elements จำนวนมาก ซึ่งใช้รับข้อมูลบน front-end ของเว็บไซต์ ตัวอย่างเช่น ฟอร์มเว็บ

HTML hyperlink ให้คุณนำทางไปหน้าอื่น แท็ก <a> กำหนด anchor Attribute href ระบุตำแหน่งที่ผู้ใช้จะถูกนำไปเมื่อคลิกลิงก์ ระหว่างแท็ก <a> และแท็กปิด </> คือ anchor text ที่จะแสดงให้ผู้ใช้เห็น เมื่อคุณสร้างหน้าเว็บ คุณอาจต้องการอ้างอิงหน้าเว็บหรือเว็บไซต์อื่น ตัวอย่างเช่น คุณอาจสร้างบล

แท็ก HTML <span> ให้คุณใช้สไตล์กับส่วนของหน้าเว็บหรือย่อหน้า มักใช้จัดสไตล์ข้อความในย่อหน้า เช่น การเปลี่ยนสีของคำ แท็ก <span> โดยค่าเริ่มต้นไม่มีสไตล์ เมื่อคุณเขียนโปรแกรมใน HTML คุณอาจตัดสินใจว่าต้องการจัดสไตล์บางอย่างบนหน้าเว็บของคุณ ตัวอย่างเช่น คุณอาจต้องการเน้นคำเฉพาะในประโยค หรือล

แท็ก HTML <img> เพิ่มรูปภาพลงในหน้าเว็บ ใช้ attribute src ระบุตำแหน่งของรูปภาพที่คุณต้องการฝัง Attribute alt มักใช้แสดงข้อความแทนรูปภาพหากโหลดไม่ได้ เมื่อเว็บเพิ่งถูกสร้างขึ้น หน้าเว็บแสดงได้แค่ข้อความ อย่างไรก็ตาม ความสามารถในการเพิ่มรูปภาพลงในหน้าเว็บถูกเพิ่มเข้ามาเร็วๆ นี้ ตั้งแต่นั้นมา รู

แท็ก HTML <sup> ระบุข้อความ superscript นี่คือข้อความที่ปรากฏด้านบนของบรรทัดข้อความ แท็ก <sub> แทนข้อความ subscript นี่คือข้อความที่ปรากฏด้านล่างของบรรทัดข้อความ ส่วนใหญ่เมื่อเราพบข้อความ มันจะมี baseline และ x-height แบบดั้งเดิม ทุกอย่างในข้อความนี้จนถึงจุดนี้ในบทความมี baseline baselin

กฎ CSS font-family ให้คุณกำหนดฟอนต์ของเอกสาร HTML เพื่ออ้างอิงฟอนต์ภายนอก คุณสามารถใช้เมธอด url() เพื่อกำหนด font-face หรือฝังไฟล์ CSS ฟอนต์จากเว็บไซต์อย่าง Google Fonts ในฐานะนักพัฒนา จะมีเวลาที่เราไม่ต้องการใช้ฟอนต์เริ่มต้นที่โผล่มาเมื่อ HTML ถูกประมวลผล บทความนี้มีเป้าหมายแสดงวิธีเปลี่ยนฟอนต์ในเ

คุณสามารถเพิ่มบรรทัดใหม่ในหน้า HTML ได้โดยใช้แท็ก <br> หรือ <pre> แท็ก <br> เพิ่มการแบ่งบรรทัดในหน้า ส่วนแท็ก <pre> จัดรูปแบบข้อความให้ตรงกับที่ปรากฏในโค้ดของคุณ หากมีบรรทัดใหม่ภายในแท็ก <pre> จะสะท้อนไปยังหน้าสุดท้าย คุณเคยต้องการเพิ่มบรรทัดใหม่บนหน้าเว็บหรือไม่? คุณไ

แท็ก HTML <title> กำหนดชื่อเรื่องของหน้าเว็บ ชื่อเรื่องนี้จะปรากฏบนแท็บของเบราว์เซอร์ และเมื่อคุณเพิ่มหน้าไปยังรายการบุ๊กมาร์ก ทุกหน้าเว็บควรมีแท็ก <title> เมื่อคุณสร้างหน้าเว็บ คุณจะต้องระบุชื่อเรื่องสำหรับหน้าเว็บนั้น ตัวอย่างเช่น สมมติคุณสร้างหน้าแรกสำหรับเว็บไซต์ร้านเบเกอรี่ท้องถิ

แท็ก HTML <select> สร้างรายการที่ผู้ใช้สามารถเลือกได้หนึ่งหรือหลายตัวเลือก แท็ก <select> ควรประกอบด้วยแท็ก <option> หนึ่งหรือมากกว่า ซึ่งแทนถึงตัวเลือกที่ผู้ใช้สามารถเลือกได้ กล่องเลือก (Selection boxes) เป็นส่วนสำคัญของฟอร์มเว็บหลายรูปแบบ กล่องเลือกช่วยให้รับข้อมูลจากผู้ใช้และจำก

เมื่อเริ่มสร้างเอกสาร HTML ใหม่ สิ่งแรกที่ควรทำคือการเขียน Document Type Declaration (Doctype) การประกาศ Doctype จะบอกเบราว์เซอร์ว่าหน้าเว็บที่กำลังจะแสดงผลเขียนด้วยภาษา HTML สำหรับ HTML5 จำเป็นต้องมี <!DOCTYPE html> อยู่บรรทัดแรกของเอกสาร HTML การประกาศ Doctype สำหรับ HTML5 ไม่สนใจตัวพิมพ์เล็

ในฐานะนักเขียนโค้ดใหม่ เราเริ่มเพิ่ม CSS ในหน้าเว็บเป็น inline-styling ใช้ style attribute ส่ง CSS เข้า element โดยตรง: <!DOCTYPE html> <html> <head> <title>Inline Style</title> </head> <body> <h1 style=color:blue;text-align:center;>Star Wars</h1>

<div> เป็น generic container ใน HTML ใช้จัดกลุ่ม elements ร่วมกัน เพื่อให้ style ได้ด้วย CSS div elements ว่างโดยค่าเริ่มต้น และต้องเติม HTML elements เข้าไปจึงจะทำงาน แท็ก <div> มาคู่กัน 1 เปิด 1 ปิด: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <

รูปภาพเป็นองค์ประกอบทั่วไปของหน้าเว็บ และเป็นวิธีดีสำหรับสร้างลิงก์ไปหน้าอื่น ด้วยการรวม anchor tags พร้อม href attribute และ image tags เราสามารถสร้างรูปภาพที่ทำงานเป็นลิงก์ระหว่าง 2 หน้า ทำได้ตามขั้นตอน: สร้าง div element จัดเก็บ image element, anchor tag และสิ่งอื่นๆ ที่อธิบายลิงก์ สร้าง anchor

วิธีจัดกึ่งกลางข้อความใน HTML หนึ่งในสิ่งแรกที่เรียนรู้เป็นโปรแกรมเมอร์คือการจัดตำแหน่งบล็อกข้อความ บทความนี้ดูวิธีจัดข้อความกึ่งกลางของ container โดยใช้ style และ align attributes Style Attributes เมื่อทำงานกับ div ใน HTML ใช้ style attribute สำหรับ inline-styling ใช้ CSS property text-align จัดกึ่

CSS อาจดูน่ากลัวแม้สำหรับนักพัฒนาที่มีประสบการณ์ – มีตัวเลือกมากมาย! แต่บทความนี้อธิบายการเปลี่ยนสีพื้นหลังในเอกสาร HTML โดยไม่ต้องสร้าง cascading style sheet แยก เมื่อใช้ HTML5 คุณสามารถเพิ่มสีพื้นหลังได้ด้วยแอตทริบิวต์ style และคุณสมบัติ `background-color` ใช้ได้กับ element ใดก็ได้ แต่เพื่อตั้งค่า

บางครั้งตอนสร้าง flow ของหน้าเว็บ ต้องการแบ่งเนื้อหาเป็นส่วนที่แตกต่างกันชัดเจน บทความนี้เรียนรู้ horizontal rule ใน HTML และวิธีใส่ในมาร์กอัป เพื่อทำให้หน้าเว็บดูน่าสนใจและ user-friendly เอลิเมนต์ HTML <hr> จัดสไตล์ได้เหมือนองค์ประกอบ HTML อื่นด้วย CSS มาตรฐานคือ non-closing tag (<hr>)

คุณสมบัติ inline-styling ของ HTML ที่เรียกว่า text-indent property เยื้องแต่ละย่อหน้าข้อความ เหมือนการเยื้องบรรทัดแรกของย่อหน้าตอนเขียนเอกสาร โค้ดด้านล่างแสดงวิธีสร้าง text-indent ด้วยพิกเซล (px): <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=view

เมื่อเขียนข้อความในหน้า HTML เราต้องใช้ตัวอักษรที่ไม่พร้อมใช้งานบนคีย์บอร์ด หรือตัวอักษรที่สงวนไว้มีความหมายพิเศษใน HTML เรียกว่า entities บทความนี้ดูวิธีใช้ special characters ในโค้ดและให้ reference สำหรับ entities ที่ใช้บ่อย วิธีหนึ่งแสดงการใช้ symbols คือสร้าง code block ที่ต้องการ render บนหน้าจ