HTML

( H y p e r T e x t M a r k e u p L a n g u a g e )

สื่อการสอนของรายวิชา เทคโนโลยีอินเทอร์เน็ต


Basic HTML

รู้จักกับ HTML

Lession 0 รูปแบบและโครงสร้างของ HTML

Lession 1การกำหนดสีให้กับ Background และสีของตัวอักษร
การกำหนดสีให้กับ Background
การกำหนดสีให้กับตัวอักษรโดยใช้ Text Color
การกำหนดสีให้กับตัวอักษรโดยใช้ Font Color

Lession 2 การกำหนดรูปแบบตัวอักษรและการจัดวางตำแหน่งของข้อความ
การกำหนดหัวเรื่อง
การกำหนดขนาดตัวอักษร
รูปแบบและชนิดของตัวอักษร
ตัวอักษรแบบพิเศษ
การจัดวางตำแหน่งของข้อความ
การจัดวางข้อความให้อยู่ตรงกลาง

Lession 3 การขึ้นบรรทัดใหม่ การย่อหน้าและการขึดเส้น
การขึ้นบรรทัดใหม่
การย่อหน้า
การขีดเส้นคั่น
การกำหนดความยาวของเส้นคั่น
การกำหนดความหน้าของเส้นคั่น
การทำเส้นคั่นแบบทึบ

Lession 4 การแสดงผลแบบรายการ (List)
รายการแบบใช้สัญลักษณ์กำกับ
สมาชิกของรายการ
การกำหนดสัญลักษณ์
รายการแบบใช้ตัวเลขหรือตัวอักษรกำกับ
การกำหนดรูปแบบตัวอักษรแบบตัวเลข
การกำหนดรูปแบบตัวอักษรอื่นๆ
การกำหนดรายการแบบเมนู
การกำหนดรายการแบบไดเร็กทอรี
การกำหนดรายการแบบจำกัดความ
การกำหนดรายการคำจำกัดความแบบกระชับ

Lession 5 การจัดรูปแบบการแสดงผลแบบกลุ่ม
Preformatted Text

Lession 6 การใส่รูปภาพลงในเว็บเพจ
รูปแบบของรูปภาพ
การแสดงรูปภาพ
การใส่ข้อความ
การจัดวางตำแหน่งให้รูปภาพ
การกำหนดขนาดและความสูงของรูปภาพ
การใส่กรอบให้รูปภาพ

Lession 7 การเชื่อมโยงข้อมูล ตอนที่ 1
คำสั่งที่ใช้ในการเชื่อมโยง
ประเภทของการเชื่อมโยง
การเชื่อมโยงภายในแฟ้มเอกสาร
การเชื่อมโยงต่างแฟ้มเอกสาร
การเชื่อมโยงต่างแฟ้มเอกสารพร้อมกับระบุจุดหมายของแฟ้มปลายทาง

Lession 8 การเชื่อมโยงข้อมูล ตอนที่ 2
การใช้รูปภาพเป็นจุดเชื่อมโยง
การแสดงข้อความอธิบาย
การใช้รูปภาพเป็นจุดเชื่อมโยง
การเชื่อมโยงภาพเคลื่อนไหวและเสียง
การกำหนดสีของตัวอักษรในจุดที่มีการเชื่อมโยงข้อมูล

Lession 9 การเชื่อมโยงข้อมูล ตอนที่ 3
การแมปรูปภาพ (Image Maps)
วิธีการแมปรูปภาพ
รูปทรงของจุดโคออดิเนต
วิธีการเชื่อมโยงข้อมูล
วิธีการ NCSA : National Center for Supercomputing Applications
วิธีการ CREN : European Laboratory for Particle Phyics
วิธีการ CSIM : Client Side Image Maps, HTML 3.0

Lession 10 ตาราง (TABLE) ตอนที่1
โครงสร้างของตาราง
การใส่กรอบให้ตาราง
การเพิ่มความหนาให้กับกรอบ

Lession 11 ตาราง (TABLE) ตอนที่2
การใช้ Cellpadding และ Cellspacing
การทำส่วนหัวของตาราง (TH)

Lession 12 ตาราง (TABLE) ตอนที่3
การปรับขนาดความกว้างของตาราง (Width)
การปรับขนาดความสูงของตาราง (Height)
การปรับขนาดความสูงของแถวตาราง (ROWSPAN)
การปรับขนาดความกว้างของคอลัมน์ (COLSPAN)
การจัดขนาดความกว้างของคอลัมน์ (TD Width)

Lession 13 ตาราง (TABLE) ตอนที่4
การจัดตำแหน่งข้อมูลตามแนวนอน (Align)
การจัดตำแหน่งข้อมูลตามแนวตั้ง (Valign)

Lession 14 การสร้าง FRAME (Frame)
โครงสร้างของ Frame
แท็ก Frameset
การแบ่งพื้นที่ในแนวนอน
การแบ่งพื้นที่ในแนวตั้ง
แท็ก Frame
การกำหนดชื่อให้กับ Frame
การกำหนดคุณสมบัติการเลื่อนจอภาพ (Scrolling)
การกำหนดขนาดความกว้างของจอภาพ (Resize-NoResize)
การปรับขนาดความกว้างและความสูงของระยะขอบ (Margin)
การใช้แท็ก Noframe