พื้นฐาน HTML

มาสร้างเว็บกันดีกว่า ด้วยภาษา HTML ภาษาพื้นฐานที่ผู้สร้างเว็บ หรือเว็บมาสเตอร์ต้องรู้จักและเข้าใจ เพื่อนำไปใช้ในการพัฒนาพัฒนาด้วยภาษาอื่นๆ หรือจากเว็บไซต์สำเร็จรูป ก็ยังจำเป็นต้องรู้จักและเข้าใจการทำงานของภาษา HTML


ภาษา HTML คืออะไร

HTML (Hyper Text Markup Language) เป็นภาษาพื้นฐาน หรือภาษาต้นตำหรับที่ใช้ในการพัฒนา web page ภาษาหนึ่ง (นอกเหนือจาก PHP, ASP เป็นต้น) เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer, FireFox, Opera) สามารถแปลงคำสั่ง แสดงผลในลักษณะของรูปภาพ ตัวอักษร เสียง ภาพเคลื่อนไหว โดยไฟล์ที่สร้างจะมีนามสกุล .html หรือ .htm การสร้างและแก้ไขสามารถใช้โปรแกรม NotePad, WordPad ในวินโดวส์ ลักษณะของไฟล์จะเป็น Text ไฟล์ธรรมดา

ตัวอย่างโครงสร้างภาษา HTML

<HTML>
<HEAD>

<TITLE> โปรแกรมแรกของดิฉัน </TITLE>

</HEAD>
<BODY>


<!-- สำหรับใส่ข้อความที่ช่วยในการอธิบาย การเขียนคำสั่ง //-->

Sawasdee ค่ะ นี่คือ Web Page แรกของดิฉัน

</BODY>
</HTML>

หมายเหตุ :- ตัวหนังสือสีแดง คือคำสั่งในภาษา HTML

First html page


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

  • <HTML> </HTML> - หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นเอกสาร HTML (คำสั่งนี้จะอยู่ตอนบนสุดและล่างสุดของไฟล์)
  • <HEAD> </HEAD> - หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อเรื่องของไฟล์ HTML
  • <TITLE> </TITLE> - หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อของเอกสาร (คำสั่งนี้จะอยู่ระหว่างคำสั่ง HEAD)
  • <BODY> </BODY> - หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นส่วนของรายละเอียด (คำสั่งนี้จะอยู่หลังคำสั่ง HEAD)

หลังจากนั้นเวลาบันทึก ให้เลือกเมนู File เลือก Save เลือกตั้งชื่อไฟล์ ซึ่งชื่อไฟล์หลักของ Web Page มักจะใช้ชื่อว่า index.html หรือ index.htm หลังจากสร้างเสร็จแล้ว เราสามารถสั่งรันโดยใช้โปรแกรม Microsoft Internet Explorer ซึ่งมีมาพร้อมกับ Windows ทุกเวอร์ชั่นได้

 

  •  Tips ค้นหาข้อมูลในเว็บ 
  • หากต้องการค้นจากเนื้อหาทั้งหมด ให้คุณป้อนคำที่ต้องการลงในช่อง "ค้นหา" ที่อยู่มุมขวาบนสุดของเว็บ หรือ
  • หากคุณต้องการค้นหาหัวข้อในหมวดนี้ ให้คุณป้อนคำที่ต้องการลงในช่อง "กรองตามชื่อเรื่อง" ข้างล่างนี้ 

ตารางสัญลักษณ์พิเศษในภาษา HTML

รหัสพิเศษสำหรับการใส่บนเว็บ


สำหรับเว็บมาสเตอร์ที่คุ้ยเคยการใช้ภาษา HTML แล้ว คงทราบดีกว่า เวลาเราต้องการใส่ตัวอักษรพิเศษลงไปบนเว็บไซต์ของเรา ไม่ว่าจะเป็น ตัวอักษรสกุลเงิน ตัว copyright หรือแม้ตัวช่องว่าง (โดยปกติทั่วไป ภาษา HTML จะให้เราสามารถแสดงช่องว่างได้เพียงหนึ่งช่อง เท่านั้น) และอื่นๆ อีกมากมาย เราจำป็นจะต้องใช้รหัสพิเศษในการแสดงผล ซึ่งวันนี้ทางทีมงานได้นำมาให้เพื่อนๆ ได้นำไปใช้กันได้แล้วครับ

ตารางสัญลักษณ์พิเศษของภาษา HTML

ตัวอักษร รหัสที่ต้องพิมพ์ลงไป
? &copy;
? &reg;?
? ?&cent;
? ?&pound;
? &yen;
? &frac14;
? &frac12;
? &frac34;
ช่องว่าง &nbsp;
&? &amp;
<? &lt;
>? &gt;



SGML ภาษาต้นแบบของ HTML

ทำความรู้จัก SGML

SGML ย่อมาจาก Standardized Markupu Language เป็นภาษาต้นกำเนิดของ HTML พัฒนาเมื่อปี ค.ศ. 1986 โดยนักวิจัยกลุ่มหนึ่งที่ต้องการแลกเปลี่ยนข้อมูลทางเน็ตเวิร์ค?โดยเน้นในเรื่องของการยืดหยุ่น และสามารถพัฒนาต่อในอนาคตได้ SGML มีการเก็บข้อมูลในรูปแบบ ASCII

SGML สามารถแบ่งการทำงานได้ 2 ส่วน

  1. ส่วนประกาศโครงสร้าง (DTD: Document Type Definition)
  2. ส่วนตัวเอกสาร (Document Body)

ภาษา SGML เป็นภาษาที่ไม่นิยมมากนัก เนื่องจากมีความยุ่งยากในการประยุกต์ใช้งาน รวมทั้งการจัดเก็บข้อมูลด้วย และยากในการจัดทำโปรแกรม? ต่อมาจึงได้มีการพัฒนาภาษา HTML, XML เพิ่มเติมที่มีความสามารถสูงกว่าเดิมมาก..

 

ป้องกันเว็บ HTML ของคุณด้วย HTML Lock

คุณพัฒนาเว็บไซต์ด้วยภาษา HTML หรือไม่

สำหรับนักพัฒนาเว็บส่วนใหญ่คงรู้จักกันดีว่า ภาษา HTML เป็นภาษาพื้นฐานในการพัฒนาเว็บไซต์ที่ดีที่สุดตัวหนึ่ง เข้าถึงได้ง่าย เว็บ Hosting ต่างๆ ก็ชอบเพราะเป็นเปลืองทรัพยากรในการแปลงข้อมูล แต่สิ่งหนึ่งที่หลายๆ คนเข้าใจคือ ไม่มีระบบรักษาความปลอดภัยของข้อมูล ใครต้องการ copy ไปใช้งานหรือไว้ดูแบบ Offline ก็สามารถทำได้ค่อนข้างสะดวก

HTML Lock ปกป้อง HTML ไฟล์ของคุณ

HTML lock file tool

  • สนใจ download HTML Lock ขนาดไฟล์ 112 KB เท่านั้นเอง

วิธีง่ายๆ?ในการเข้ารหัสไฟล์ประเภท HTML ก็คือใช้โปรแกรมช่วยในการเข้ารหัส และที่สำคัญผมกำลังแนะนำฟรีโปรแกรมในการเข้ารหัสไฟล์ HTML ของคุณ ที่ใช้งานง่ายๆ เพียงเลือกไฟล์ที่ต้องการแปลง และสั่ง Lock เท่านั้นเอง นอกจากนี้การเข้ารหัสไฟล์ HTML นี้จะไม่มีผลกับระบบ Hosting แต่อย่างไร ผู้เข้าชมเว็บไซต์ก็ยังใช้งานได้ปกติ


พื้นฐาน HTML

มาสร้างเว็บกันดีกว่า ด้วยภาษา HTML ภาษาพื้นฐานที่ผู้สร้างเว็บ หรือเว็บมาสเตอร์ต้องรู้จักและเข้าใจ เพื่อนำไปใช้ในการพัฒนาพัฒนาด้วยภาษาอื่นๆ หรือจากเว็บไซต์สำเร็จรูป ก็ยังจำเป็นต้องรู้จักและเข้าใจการทำงานของภาษา HTML


ภาษา HTML คืออะไร

HTML (Hyper Text Markup Language) เป็นภาษาพื้นฐาน หรือภาษาต้นตำหรับที่ใช้ในการพัฒนา web page ภาษาหนึ่ง (นอกเหนือจาก PHP, ASP เป็นต้น) เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer, FireFox, Opera) สามารถแปลงคำสั่ง แสดงผลในลักษณะของรูปภาพ ตัวอักษร เสียง ภาพเคลื่อนไหว โดยไฟล์ที่สร้างจะมีนามสกุล .html หรือ .htm การสร้างและแก้ไขสามารถใช้โปรแกรม NotePad, WordPad ในวินโดวส์ ลักษณะของไฟล์จะเป็น Text ไฟล์ธรรมดา

ตัวอย่างโครงสร้างภาษา HTML

<HTML>
<HEAD>

<TITLE> โปรแกรมแรกของดิฉัน </TITLE>

</HEAD>
<BODY>


<!-- สำหรับใส่ข้อความที่ช่วยในการอธิบาย การเขียนคำสั่ง //-->

Sawasdee ค่ะ นี่คือ Web Page แรกของดิฉัน

</BODY>
</HTML>

หมายเหตุ :- ตัวหนังสือสีแดง คือคำสั่งในภาษา HTML


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

  • <HTML> </HTML> - หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นเอกสาร HTML (คำสั่งนี้จะอยู่ตอนบนสุดและล่างสุดของไฟล์)
  • <HEAD> </HEAD> - หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อเรื่องของไฟล์ HTML
  • <TITLE> </TITLE> - หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อของเอกสาร (คำสั่งนี้จะอยู่ระหว่างคำสั่ง HEAD)
  • <BODY> </BODY> - หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นส่วนของรายละเอียด (คำสั่งนี้จะอยู่หลังคำสั่ง HEAD)

หลังจากนั้นเวลาบันทึก ให้เลือกเมนู File เลือก Save เลือกตั้งชื่อไฟล์ ซึ่งชื่อไฟล์หลักของ Web Page มักจะใช้ชื่อว่า index.html หรือ index.htm หลังจากสร้างเสร็จแล้ว เราสามารถสั่งรันโดยใช้โปรแกรม Microsoft Internet Explorer ซึ่งมีมาพร้อมกับ Windows ทุกเวอร์ชั่นได้

First web page

?

ทำความรู้จักภาษา HTML

HTML คืออะไร

ย่อมาจากคำว่า HyperText Markuup Language เป็นภาษาพื้นฐานของการพัฒนาเว็บไซต์โดยเฉพาะ นอกเหนือจากภาษาอื่นๆ และเป็นภาษาที่โปรแกรมเว็บบราวเซอร์สามารถเข้าใจได้ดีที่สุด และแสดงผลได้เร็วที่สุดด้วยเช่นกัน ดังนั้นผู้ที่ต้องการจะสร้างเว็บทุกๆ คน ควรมีความรู้พื้นฐานของภาษา HTML เป็นหลักด้วย สำคัญมากๆ

ภาษา HTML เป็นภาษาที่มีการพัฒนาการอย่างต่อเนื่องเช่นเดียวกับภาษาอื่นๆ ด้วยเช่นกัน เป็นภาษาที่มีหน่วยงานรับผิดชอบในการดูแลและจัดมาตราฐานด้วย ชื่อ W3C (World Wide Web Consortium)


โครงสร้างหลักของภาษา HMTL

ตัวอย่างโครงสร้างภาษา HTML

<HTML>
<HEAD>

<TITLE> ขอต้อนรับสู่เว็บ ไอที-ไกด์ ดอทคอม</TITLE>

</HEAD>
<BODY>

Sawasdee?นี่คือ Web Page แรกของดิฉัน

</BODY>
</HTML>

หมายเหตุ :- ตัวหนังสือสีแดง คือคำสั่งในภาษา HTML

?

การเขียนภาษา HTML สามารถใช้โปรแกรม text editor ทั่วไปในการเขียนได้ง่ายๆ ไม่ว่าจะเป็น Notepad หรือ Wordpad ที่เป็นโปรแกรมที่มาพร้อมกับ Windows หลักสำคัญในการเขียนภาษา HTML ที่เราต้องทำความเข้าใจคือเรื่องของแท็ก (TAG) ซึ่งจะมีคำสั่งต่างๆ หรือแท็กต่างๆ ให้เราให้ศึกษาแท็กจะเริ่มต้นด้วยสัญลักษณ์ "<" และ ">" และปิดท้ายด้วยสัญลักษณ์ "</" และ ">" เสมอ


ตัวอย่างแท็ก สำหรับการทำตัวอักษรหนา

<b>สวัสดีครับ เพื่อนๆ</b>

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

?

Member

               

Main Menu

it-guides.com สงวนลิขสิทธิ์ พ.ศ. 2543 | thanks Joomla!
แนะนำการใช้คอมพิวเตอร์ และการแก้ไขปัญหา Windows, Word, Excel, Outlook, Photoshop, Facebook พร้อมดาวน์โหลดฟรีแวร์ กำจัดไวรัส การสร้างเว็บด้วยตัวเอง.