ภาษาHTML


ภาษาHTML

ความหมายของ HTML


        HTML หรือ HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัว
กำกับ (Tag) ควบคุมการแสดงผลข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยาย
ที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล ของเว็บได้ด้วย
        HTML เป็นภาษาที่ถูกพัฒนาโดย World Wide Web Consortium (W3C) จากแม่แบบของภาษา SGML 
(Standard Generalized Markup Language) โดยตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจ
และเรียนรู้ได้ง่าย และด้วยประเด็นดังกล่าว ทำให้บริการ WWW เติบโตขยายตัวอย่างกว้างขวางตามไปด้วย
Tag
          Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ
· Tag เดี่ยว
เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <P>, <BR> เป็นต้น
· Tag เปิด/ปิด
เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash
( / ) นำหน้าคำสั่งใน Tag นั้นๆ เช่น <B>…</B>, <BLINK>…</BLINK> เป็นต้น
Attributes
          Attributes เป็นส่วนขยายความสามารถของ Tag จะต้องใส่ภายในเครื่องหมาย < > ในส่วน Tag เปิดเท่านั้น Tag 
คำสั่ง HTML แต่ละคำสั่ง จะมี Attribute แตกต่างกันไป และมีจำนวนไม่เท่ากัน การระบุ Attribute มากกว่า 1 Attribute
 ให้ใช้ช่องว่างเป็นตัวคั่น
         เช่น Attributes ของ Tag เกี่ยวกับการจัดพารากราฟ คือ <P> ประกอบด้วย ALIGN="Left/Right/Center/Justify"
ซึ่งสามารถเขียนได้ดังนี้
         <P ALIGN="Left">...</P>
         หรือ
         <P ALIGN="Right">...</P>
         หรือ
         <P ALIGN="Center">...</P>

คำสั่งในภาษา HTML

    คำสั่งพื้นฐาน
< !-- ข้อความ -->คำสั่ง หมายเหตุ ใช้อธิบายความหมาย ขื่อผู้เขียนโปรแกรม และอื่นๆ
<br>คำสั่งขึ้นบรรทัดใหม่
<p> ข้อความ </p>คำสั่งย่อหน้าใหม่
<hr width="50%" size = "3">คำสั่ง ตีเส้น, กำหนดขนาดเส้น
&nbsp;คำสั่ง เพิ่มช่องว่าง
<IMG SRC = "PHOTO.GIF">คำสั่งแสดงรูปภาพชื่อ Photo.gif
<CENTER> ข้อความ </CENTER>คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
<HTML> </HTML>คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
<HEAD> </HEAD>คำสั่ง <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ภายใน
<TITLE> </TITLE>คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar
<BODY> </BODY>คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น
    รูปแบบตัวอักษร
<font size = "3"> ข้อความ </font>ขนาดตัวอักษร
<font color = "red"> ข้อความ </font>สีตัวอักษร
<font face = "Arial"> ข้อความ </font>รูปแบบตัวอักษร
<besefont size = "2"> ข้อความ </font>กำหนดค่าเริ่มต้นของขนาดตัวอักษร
<b> ข้อความ </b>ตัวอักษรหนา
<i> ข้อความ </i>ตัวอักษรเอน
<u> ข้อความ </u>ขีดเส้นใต้ตัวอักษร
<tt> ข้อความ </tt>ตัวอักษรแบบพิมพ์ดีด

หมายเหตุ เราสามารถใช้คำสั่งกำหนดรูปแบบตัวอักษร หลายๆรูปแบบได้ เช่น
<font face = "Arial" size = "3" color = "red"> ข้อความ </font> เป็นต้น

ข้อมูลอ้างอิง


ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

ใบงานที่ 1 เรื่อง กระบวนการคิดเพื่อการการแก้ปัญหา

ใบงานที่ 1  เรื่อง กระบวนการคิดเพื่อการการแก้ปัญหา 1. ความรู้ หมายถึงอะไร ?      คำว่า “ความรู้” มีผู้ให้ความหมายหลายนัย และหลายมิติ ดังนี้ ความรู้ คือ สิ่งที่เมื่อนำไปใช้ จะไม่หมด หรือสึกหรอ แต่จะยิ่งงอกเงย หรืองอกงามขึ้น ความรู้ คือ สารสนเทศที่นำไปสู่การปฏิบัติ ความรู้ เป็นสิ่งที่คาดเดาไม่ได้ ความรู้ เกิดขึ้น ณ จุดที่ต้องการใช้ความรู้นั้น ความรู้ เป็นสิ่งที่ขึ้นกับบริบท และกระตุ้นให้เกิดขึ้น โดยความต้องการ           ในยุคแรกๆ ของการพัฒนาศาสตร์ด้านการจัดการความรู้ มองว่า ความรู้ มาจากการจัดระบบและตีความ สารสนเทศ (Information) ตามบริบท และสารสนเทศก็มาจากการประมวล ข้อมูล (data)  ความรู้จะไม่มีประโยชน์ ถ้าไม่นำไปสู่การกระทำ หรือการตัดสินใจในการจัดการสมัยใหม่ โดยเฉพาะอย่างยิ่ง ในยุคแห่งสังคมที่ใช้ ความรู้เป็นฐาน (knowledge-based society) มองความรู้ ว่าเป็น ทุนปัญญา หรือทุนความรู้สำหรับการสร้างคุณค่า และมูลค่า (value) การจัดการความรู้เป็นกระบวนการใช้ทุนปัญญา นำไปสร้างคุณค่า และมูลค่า ซึ่งอาจเป็นมูลค่าทางธุรกิจ หรือคุณค่าทา...
อ่านเพิ่มเติม

วิชา การออกแบบและเทคโนโลยี (ว32286)

วิชา การออกแบบและเทคโนโลยี (ว32286) หน่วยที่ 1   ความรู้กับกระบวนการคิดเพื่อแก้ปัญหา      -ความรู้และการคิดออกแบบเพื่อการแก้ปัญหา      - ความรู้กับ การแก้ปัญหา      -การคิดเชิงออกแบบกับ การแก้ปัญหา หน่วยที่ 2   การพัฒนาโครงงาน      - โครงงาน กับ การแก้ปัญหา      - การแก้ปัญหาด้วยการทำ โครงงาน      -การ พัฒนาโครงงานโดยกระบวนการ ออกแบบเชิงวิศวกรรม หน่วยที่ 3   การ พัฒนา ต่อยอดผลงาน      -การสร้างประโยชน์จากผลงาน      -สิทธิและการคุ้มครองผลงาน      -การนำเสนอผลงาน
อ่านเพิ่มเติม

โปรแกรมคอมพิวเตอร์

รูปภาพ
ความหมายของโปรแกรมคอมพิวเตอร์ โปรแกรมคอมพิวเตอร์ หมายถึง คำสั่งหรือชุดคำสั่ง ที่เขียนขึ้นมาเพื่อสั่งให้เครื่องคอมพิวเตอร์ ทำงานตามที่เราต้องการ    เราจะให้คอมพิวเตอร์ทำอะไรก็เขียนเป็นคำสั่ง    ซึ่งต้องสั่งเป็นขั้นตอน และแต่ละขั้นตอนต้องทำอย่างละเอียดและครบถ้วน ซึ่งจะเกิดเป็นงานชิ้นหนึ่งขึ้นมามีชื่อเรียกว่า   " โปรแกรม"     ซอฟต์แวร์จะแบ่งออกเป็นประเภทใหญ่ๆ ความหมายของภาษาคอมพิวเตอร์             ภาษาโปรแกรมคอมพิวเตอร์คือ  ภาษาที่ใช้ในการสื่อสารระหว่างมนุษย์กับเครื่องคอมพิวเตอร์ ภาษาโปรแกรมคอมพิวเตอร์สำคัญคือหากไม่มีภาษาโปรแกรมคอมพิวเตอร์  เครื่องคอมพิวเตอร์จะ ไม่สามารถทำงานได้ เนื่องจากขาดชุดคำสั่งในการทำงาน  คอมพิวเตอร์จะสามารถทำงานได้จะต้อง มีการเขียนโปรแกรมหรือซอร์ฟแวร์  เพื่อสั่งให้คอมพิวเตอร์ทำงานโปรแกรมต่าง ๆ ที่เขียนขึ้นมานั้น  จะต้องเขียนไป ตามกฎเกณฑ์ของภาษาที่คอมพิวเตอร์เข้าใจ เรียกว่า ภาษาคอมพิวเตอร์   ภาษาเครื่อง (Ma...
อ่านเพิ่มเติม