Search this site
Embedded Files
Skip to main content
Skip to navigation
kruchaipw
หน้าหลัก
โครงสร้างรายวิชา
แนะนำรายวิชา
คำแนะนำการใช้งาน
--เรื่องที่ 1 รู้ก่อนสร้างเว็บเพจ
--เว็บเพจคืออะไร
การทำงานของเว็บเพจ
ประโยชน์ของเว็บเพจ
คำศัพท์น่ารู้ก่อนสร้างเว็บเพจ
โปรแกรมที่ใช้สร้างเว็บเพจ
หลักการออกแบบเว็บไซต์
ขั้นตอนการสร้างเว็บไซต์
VDO#1
--เรื่องที่ 2 ภาษา HTML เบื้องต้น
รู้จักภาษา HTML
ลักษณะภาษา HTML
โครงสร้างพื้นฐาน HTML
การใช้งาน Notepad เบื้องต้น
VDO#2
--เรื่องที่ 3 การจัดรูปแบบเอกสาร
ตัดคำขึ้นบรรทัดใหม่ <br>
ตัดคำขึ้นย่อหน้าใหม่ <p>
จัดตำแหน่งข้อความ align
จัดกึ่งกลางด้วย <center>
เพิ่มช่องว่างด้วย
เส้นคั่นแนวนอน <hr>
หมายเหตุ <!--.-->
VDO#3
--เรื่องที่ 4 การจัดการข้อความ
กำหนดขนาดหัวเรื่อง <hn>
ขนาดตัวอักษร <font size>
กำหนดลักษณะตัวอักษร Physical & Logical
การใส่สีด้วยชื่อสี&รหัสสี
สีพื้นหลังและสีตัวอักษร <bgcolor,text>
สีตัวอักษร <font color>
อักษรวิ่ง <marquee>
VDO#4
--เรื่องที่ 5 ลิสต์รายการ
ลิสต์แบบไม่มีลำดับ <ul>
ลิสต์แบบมีลำดับ <ol>
ลิสต์แบบจำกัดความ <dl>
ลิสต์ซ้อนลิสต์
VDO#5
--เรื่องที่ 6 การจัดการรูปภาพ
ไฟล์ภาพที่นิยมบนเว็บ
แทรกภาพด้วย <img src>
ปรับขนาดรูปภาพ width&height
กรอบรูปภาพ border
ข้อความกำกับภาพ <alt>
จัดตำแหน่งรูปภาพ align
เพิ่มระยะห่างรูปภาพกับข้อความ vspace&hspace
ใส่ภาพพื้นหลัง background
ใส่ภาพพื้นหลังแบบคงที่
VDO#6
--เรื่องที่ 7 การสร้างตาราง
สร้างตารางด้วย <table>
หัวเรื่องและเส้นตาราง <th>,border
ปรับขนาดตาราง width&height
ใส่สีตาราง bgcolor
แทรกรูปภาพในตาราง
จัดการตัวอักษรในตาราง
ภาพพื้นหลังตาราง background
กำหนดความกว้างคอลัมน์ <colgroup>
กำหนดความกว้างคอลัมน์ <col>
ข้อความกำกับตาราง <caption>
ตารางซ้อนตาราง
ปรับระยะห่างช่องเซลล์ cellspacing&cellpadding
ผสานเซลล์ colspan&rowspan
จัดตำแหน่งข้อมูล align&valign
สีกรอบตาราง bordercolor
แบ่งส่วนตาราง <thead>, <tfoot>, <tbody>
VDO#7
--เรื่องที่ 8 การเชื่่อมโยง
เชื่อมโยงเว็บเพจหน้าเดียวกัน
เชื่อมโยงไปเว็บเพจหน้าอื่น
เชื่อมโยงไปเว็บไซต์อื่น
กำหนดสีการเชื่อมโยง
เชื่อมโยงด้วยรูปภาพ
เชื่อมโยงไปอีเมล์
เชื่อมโยงไปไฟล์อื่น
VDO#8
kruchaipw
TEST HTML CLICK
Google Sites
Report abuse
Page details
Page updated
Google Sites
Report abuse