HTML Language

download report

Transcript HTML Language

HTML Language
ภาษา HTML คืออะไร ?
HTML (Hyper Text Markup Language) เป็ นภาษาที่
้
ใชในการพั
ฒนา web page เพือ
่ ให ้โปรแกรม web
brower ต่างๆ (Internet Explorer, Netscape, Opera)
สามารถแปลงคาสงั่ แสดงผลในลักษณะของรูปภาพ
ี ง ภาพเคลือ
ตัวอักษร เสย
่ นไหว โดยไฟล์ทส
ี่ ร ้างจะมี
นามสกุล .html หรือ .htm การสร ้างและแก ้ไข
้
สามารถใชโปรแกรม
NotePad, WordPad ใน
วินโดวส ์ ลักษณะของไฟล์จะเป็ น Text ไฟล์ธรรมดา
่ ต้
่ องเตรียมเมือต้
่ องการเขียน
สิงที
โฮมเพจ
• ก่อนทีจ
่ ะลงมือเขียนโปรแกรมภาษา HTML เพือ
่
็
สร ้างเว็บเพจ หรือ โฮมเพจ ได ้นัน
้ ต ้อง เชค
ความพร ้อม ของอุปกรณ์ เครือ
่ งมือ สาหรับการ
สร ้าง ก่อนว่า มีครบหรือไม่
1. เครือ
่ งคอมพิวเตอร์ ขนาดตัง้ แต่ 486 หรือ
pentium ขึน
้ ไป
2. หน่วยความจาไม่น ้อยกว่า 8 MB
3. พืน
้ ทีฮ
่ าร์ดดิสต์ขนาดไม่น ้อยกว่า 20 MB
4. Mouse
5. โปรแกรม Internet Explorer Version 3.0 ขึน
้
ลักษณะของภาษา Html
• คาสงั่ ของภาษา Html จะอยูใ่ น
เครือ
่ งหมาย < > เสมอ
• ในแต่ละคาสงั่ (tags) สว่ นใหญ่จะ
มีคาสงั่ เปิ ด < > และคาสงั่ ปิ ด </ >
่ <u> ข ้อความ </u>
เสมอ เชน
• สามารถใชอั้ กษรตัวใหญ่ หรือตัว
่ <BR> หรือ <br> จะ
เล็กก็ได ้ เชน
ต ัวอย่างโครงสร ้างภาษา HTML
<HTML>
<HEAD>
<TITLE> โปรแกรมแรกของ……… </TITLE>
</HEAD>
<BODY>
่ ้อความทีช
<!-- สาหรับใสข
่ ว่ ยในการอธิบาย การเขียน
คาสงั่ //-->
Sawasdee ค่ะ/ครับ
</BODY>
</HTML>
นีค
่ อ
ื Web Page แรกของ……….
ื สแ
ี ดง คือคาสงั่ ในภาษา HTML
หมายเหตุ :- ตัวหนังสอ
• จากตัวอย่างจะเห็นได ้ว่า แต่
ละคาสงั่ จะอยูใ่ น
เครือ
่ งหมาย "< >" ซงึ่ เรา
เรียกว่า แทก "TAG" แต่ละ
คาสงั่ จะเป็ นการบอก
จุดเริม
่ ต ้นของคาสงั่ และ
ิ้ สุดของคาสงั่ จะมี
จุดสน
• โปรแกรม NotePad เป็ น Text
่ ้อมูลได ้
Editor (โปรแกรมทีใ่ สข
เฉพาะตัวอักษรและตัวเลข รูปภาพ
ไม่สามารถบันทึกได ้) ตัวหนึง่ ทีม
่ ี
ั่
มาพร ้อมกับ Windows ทุกเวอร์ชน
เราสามารถเรียกโปรแกรม
้
Notepad ขึน
้ มาใชงานได
้โดย คลิก
ปุ่ ม Start
• เลือกโปรแกรม Programs
่ บเบราเซอร ์
การแสดงผลทีเว็
• เลือก Internet Explorer
• จากนัน
้ เลือกเมนู File เลือก Open
ื่ ไฟล์ ทีเราตัง้ ชอ
ื่ ไว ้ อาจะ
• และเลือกชอ
เป็ น .html หรือ .htm
• เลือก Browse
• เลือกไฟล์งานทีต
่ ้องการ
• OK
รู ปแบบขนาดตัวอ ักษร
• รู ปแบบ <FONT SIZE=x>ข้อความ
</FONT>
X แทน ขนาดตวั อ ักษร
้ั
• มีทงหมด
7 ขนาด
้
• ตังแต่
1 - 7
• ขนาด 7 ใหญ่สุด
• ขนาด 1 เล็กสุด
ตัวอย่าง
• <HTML>
<HEAD>
<TITLE> ขนาดตัวอ ักษร</TITLE>
</HEAD>
<BODY>
ื่ นักศก
ึ ษา</font>
<font size=1>ชอ
ื่ นักศก
ึ ษา</font>
<font size=2>ชอ
ื่ นักศก
ึ ษา</font>
<font size=3>ชอ
ื่ นักศก
ึ ษา</font>
<font size=4>ชอ
ื่ นักศก
ึ ษา</font>
<font size=5>ชอ
ื่ นักศก
ึ ษา</font>
<font size=6>ชอ
ื่ นักศก
ึ ษา</font>
<font size=7>ชอ
</BODY>
</HTML>