รวม tag HTML พื้นฐานที่ควรรู้
September 26, 2023|By: Chonnikarn

FB-รวม-tag-HTML-พื้นฐานที่ควรรู้0.jpg

ภาษา HTML หรือ Hypertext Markup Language เป็นอีกหนึ่งภาษาหลักที่ใช้ในการแสดงผลบนเว็บบราวเซอร์ในอินเตอร์ เป็นผู้อยู่เบื้องหลัง รูปภาพ ข้อความต่าง ๆ เรียกได้ว่าเป็นเบื้องหลังเว็บไซต์สวย ๆ ที่เราได้เห็นกัน วันนี้เลยจะพาไปทำความรู้จักกับ 4 tag HTML พื้นฐาน ถึงไม่ใช่โปรแกรมเมอร์ก็ควรรู้เอาไว้

FB-รวม-tag-HTML-พื้นฐานที่ควรรู้1.jpg

Heading 

Heading คือส่วนสำคัญของบทความและเว็บไซต์ มีหน้าที่เพื่อบ่งบอกความสำคัญของประโยค โดยใช้ขนาดเป็นหลัก ส่วนมากเราจะนิยมใช้สัญลักษณ์ตามลำดับความสำคัญคือ h1-h6 ซึ่งจะออกมาในรูปแบบของ tag HTML <h2><h/2>, <h3></h3> ยกตัวอย่างเมื่อเราใช้ฟังก์ชันในเว็บไซต์เพื่อทำตัวเล็ก-ตัวใหญ่ รูปแบบของ code หลังบ้านที่ได้ก็จะออกมาเป็น <h2>ตัวใหญ่</h2>, <h3>ตัวเล็ก</h3>

FB-รวม-tag-HTML-พื้นฐานที่ควรรู้2.jpg

Paragraph

สำหรับการย่อหน้าใหม่ ซึ่งจะแทนด้วยสัญลักษณ์ p ที่ย่อมาจากคำว่า Paragraph เมื่อใส่เข้าไปแล้วตัวโปรแกรมจะรู้ได้ทันทีว่าประโยคต่อไปที่เรากำลังจะเขียนเป็นการย่อหน้าใหม่ โดยเมื่อใส่เข้าไปแล้ว รูปแบบหน้าตาของ tag ก็จะมีตัวอย่างประมาณนี้ <p> ขึ้นย่อหน้าใหม่ </p>

FB-รวม-tag-HTML-พื้นฐานที่ควรรู้3.jpg

A href

A href หรือ Hyperlink ตัวอักษรหรือกลุ่มตัวอักษรที่เชื่อมโยงไปยัง Webpage โดยการกำหนด URL ให้เป็นจุดหมายปลายทางของข้อความ ซึ่งมีทั้งการเชื่อมโยงไปยังเว็บไซต์อื่นและเนื้อหาที่อยู่ภายในเว็บไซต์เดียวกัน ยกตัวอย่างเช่น
Link ข้อความไปยัง Website อื่น — <a href=”https://www.facebook.com/thegangtech">Click Here</a>
Link ข้อความไปยัง Website เดียวกัน — <a href=” https://thegang.tech/">Click Here</a>

FB-รวม-tag-HTML-พื้นฐานที่ควรรู้4.jpg

Img

ในเว็บไซต์หรือบทความจำเป็นต้องมีรูปภาพ แต่ก่อนจะมีรูปภาพเราก็ต้องมีที่อยู่ของมันเสียก่อน ซึ่งส่วนใหญ่แล้วหลาย ๆ คนนิยมใช้บริการเว็บฝากรูป ซึ่งมีให้เลือกอยู่หลายร้อยเว็บไซต์ เพื่อนำมาใส่ตกแต่งในบอร์ดของเรา โดยใช้ tag HTML เป็นตัวทำให้รูปปรากฏขึ้น เช่น <img src=”/ใส่ URL ของภาพ” /> เมื่อลองใส่เข้าไปแล้ว ก็จะได้เป็น <img src=”/ https://thegang.tech/pic/001" />

The Gang Logo
Contact Us
1/7, 1/8 Phetkasem 66
Bangkhaenua, Bangkhae, Bangkok
Thailand 10160
Tel: 02-161-4100
Follow Us
กรมพัฒนาธุรกิจการค้า Trustmarkthai

COPYRIGHT © 2024 | THE GANG TECHNOLOGY CO., LTD. | COOKIE SETTINGS