วันเสาร์ที่ 7 กันยายน พ.ศ. 2556

HTML tag พื้นฐาน

HTML ย่อมาจาก Hyper Texl Markup Language

ใช้โปรแกรมอะไรสร้าง?

โปรแกรมที่ใช้เปิดผลลัพธ์ของ html คือ โปรแกรมประเภท web browser ได้แก่ Google Crom,Firefox,IE

Text Editor

คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML เช่น NotePad

องค์ประกอรของเอกสาร html

เอกสาร html จะมีองค์ประกอบหลักๆ อยู่ 2 ส่วนคือ

  • ข้อความที่ต้องการให้แสดงบนจอภาพ
  • ข้อความที่เป็นคำสั่ง  

 ตัวอย่างCode และ การแสดงผล

<html>......</html>   

         คือ คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง </HTML> เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บเบราเซอร์ แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML ส่วนหัวเรื่องเอกสารเว็บ (Head Section)

<head>......</head>

         คือ Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้น ๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ(Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ

<title>......</title>

         คือ ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะพิเศษ เช่น ตัวหนา เอียง หรือสี และควรใช้ภาษาที่มีความหมายครอบคลุม ถึงเนื้อหาของเว็บเพจ นั้น หรือเป็นคำสำคัญในการค้นหา (Keyword)

<body>......</body>

         คือ Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <BODY> … </BODY>

<BR>

        คือ รูปแบบคำสั่งการขึ้นบรรทัดใหม่

<P> 

        คือ รูปแบบคำสั่งการขึ้่นย่อหน้าใหม่

ตัวอย่างCode

การแสดงผล

 
แหล่งอ้างอิง https://sites.google.com/site/easyhtmllanguage/khwam-hmay-khxng-html
http://pirun.ku.ac.th/~agrtnk/web/units/unit1/unit1-3.htm


ไม่มีความคิดเห็น:

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