poster

DAE Basic Dev 1st Gen

รายการเนื้อหาสำหรับคนหัดเริ่มเขียน Website สำหรับคนไม่มีพื้นฐานเลย

Video ที่แนะนำให้ดูมาก่อน

Video ศึกษาภายหลัง

HTML

HTML (Hypertext Markup Language) คือ ภาษาคอมพิวเตอร์ภาษาหนึ่งที่เอาไว้ใช้สร้างหน้าเว็บไซต์ ซึ่งจะช่วยในเรื่องการสร้างโครงสร้างของหน้าเว็บ

html layout desktop ui layout desktop ui layout desktop ui layout attr 1 attr 1 attr 1 attr 1

HTML Tag

หลังจากนี้จะเรียกโครงสร้างของหน้าเว็บว่า "กล่อง"

<h1> Header 1 กล่องกำหนด
<h2> Header 2 กล่องกำหนด
<h3> Header 3 กล่องกำหนด
<a> Anchor กล่องกำหนด ลิงก์ไปหน้าอื่นๆ ทั้งในและนอกเว็บไซต์
<div> Divide กล่องกำหนดขอบเขตของเนื้อหา
<table> Tabel กล่องใช้สำหรับสร้างตารางในหน้าเว็บเพจ
<img> Image กล่องระบุว่าเนื้อหาด้านในเป็นรูปภาพ
<p> Paragraph กล่องบอกว่าเนื้อหาด้านในเป็นหนึ่งพารากราฟหรือข้อความ
<br> Breaking Line กล่องเอาไว้ขึ้นบรรทัดใหม่
<b> Bold กล่องเอาไว้ทำตัวหนา Bold
<i> Italic กล่องเอาไว้ทำตัวเอียง Italic

Sample Sandbox

CodeSandbox

HTML Play ground

ลองแก้ๆเล่นๆดูนะ