โครงสร้างภาษา HTML

Written by ikapeng on February 8, 2010 – 5:09 am -

ภาษาคอมพิวเตอร์ทุก ๆ ภาษาจะมีโครงสร้างเฉพาะ ภาษา HTML ก็เช่นกัน โครงสร้างของภาษา HTML นั้นเป็นโครงสร้างที่ใช้งานง่าย และเข้าใจได้ไม่ยากนัก รูปแบบโครงสร้างของภาษา HTML มีดังนี้คับ


<html>
<head>
<title>...ส่วนของข้อความที่จะปรากฏที่ Title Bar ของ Browser...</title>
</head>
<body>
ส่วนร่างกายใช้สำหรับเขียนข้อมูลต่าง ๆ มีทั้ง
- รูปภาพต่าง ๆ ควรจะเป็น ไฟล์ชนิด .gif เพราะมีขนาดเล็ก
- text หรือ ข้อความต่าง ๆ ภาษาไทย ภาษาอังกฤษ
- sound หรือเสียงเพลง เป็นไฟล์ .mp3
- ภาพยนต์ หรือภาพเคลื่อนไหว
- รวมทั้งโค้ดภาษาอื่น ๆ เช่นแทรกภาษา C , C++ , JAVA Script
</body>
</html>

ผลลัพธ์ที่ได้ดังนี้คับ

จะสังเกตได้ว่า Tag ที่มีปรากฏอยู่จะมีทั้งหมด 4 Tag ดังนี้
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>

เมื่อลองสังเกตดูเราจะพบสัญลักษณ์ <…> และ เป็นคู่ จากโครงสร้างจะมี <…> 4 ตำแหน่ง และ อีก 4 ตำแหน่ง ซึ่งลักษณะการเขียน HTML จะมีลักษณะแบบนี้ สัญลักษณ์ <…> เราเรียกว่าการเปิด Tag ส่วน คือการปิด Tag นั้นเอง โดยส่วนใหญ่รูปแบบของการเขียน HTML จะมีการเปิดและปิด Tag แต่ก็มียกเว้นบ้าง สำหรับแท็กบางแท็ก ที่ไม่จำเป็นต้องมีการปิดแท็ก จะมีแท็กใดบ้างติดตามศึกษาในบทความต่อ ๆ ไป

โปรแกรมสำหรับ Webmaster

February 7, 2010 – 7:16 am

เรามาดูกันคับว่า ปกติ Webmaster ส่วนใหญ่เค้าใช้โรแกรมอะไรบ้าง AppServ เป็นโปรแกรมที่รวมโปรแกรมทำเว็บ PHP มี php, MySql, Apache, PHP MyAdmin เพื่อจำลองเครื่อง PC ของเราให้เป็น Sever สำหรับทดสอบสคริปต์ที่เราเขียน ArGoSoft ...

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

February 6, 2010 – 11:36 am

วันนี้เรามาทำความรู้จักกับภาษา HTML กันนะคับ HTML ย่อมาจาก HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง มีโครงสร้างการเขียนโดยใช้แท็ก (Tag) ควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเว็บเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล ภาษา HTML เป็นภาษาที่ถูกกำหนดให้เป็นมาตรฐานในการเขียนโฮมเพจ ดังนั้นการศึกษาถึงโครงสร้างของภาษา HTML จึงถือเป็นพื้นฐานที่สำคัญ ในการต่อยอดเพื่อเขียนภาษาคอมพิวเตอร์อื่น ๆ ที่ทำงานผ่านเว็บเบราเซอร์ หรือการพัฒนา Web ...

CSS Tab Designer 2.0.0

February 3, 2010 – 11:36 pm

CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! With CSS Tab Designer, you ...

แปลงตัวเลขเป็นตัวอักษร ใน MS ACCESS

February 3, 2010 – 4:29 pm

เรามาลอง แปลงตัวเลขเป็นตัวอักษร ใน MS ACCESS กันคับ [sourcecode language="vb"] Function sBahtText(ByVal sNum) Dim sNumber, sDigit, sDigit10 Dim nLen, sWord, sWord2 Dim sByte, I, J sNumber = Array("", "หนึ่ง", "สอง", "สาม", "สี่", "ห้า", "หก", "เจ็ด", "แปด", "เก้า") sDigit = ...

Find entries :

About Me

สวัสดีครับ ยินดีต้อนรับทุกท่านที่แวะผ่านเข้ามาเยี่ยมชม บล็อก...เว็บ...หรือว่าเว็บบล็อกมั้ง ที่ที่นี้ทำไว้ทำไมก็ไม่รู้นะ แต่ที่แน่ๆก็น่าจะทำไว้เฉยๆ อ่าาา เอาเป็นว่าเว็บบล็อกนี้ทำไว้เก็บข้อมูลที่น่าสนใจ น่าอ่านทั้งที่เป็นประโยชน์ หรือไร้สาระบ้างผมก็จะเอามาโพสต์เก็บไว้อ่านเองบ้าง หรือใครจะมาอ่านด้วยก็ตามสบายเลยนะครับ เผื่อว่ามันจะมีประโยชน์บ้าง เชิญอ่านให้สนุกเลยละกันครับ..:). More

Want to subscribe?

 Subscribe in a reader Or, subscribe via email:

Enter your email address:
Delivered by FeedBurner