HTML Tag พื้นฐาน

HTML
- ย่อมาจากคำว่า HyperText Markup Language เป็นภาษาที่ใช้ในการแสดงผลของเอกสารบน website หรือที่เราเรียกกันว่าเว็บเพจ เป็นภาษาที่พัฒนาโดย World Wide Web Consortium (W3C)
- เขี่ยนด้วยโปรแกรม Note Ped
การแสดงไฟล์เอกสาร
การแสดงไฟล์เอกสาร HTML มี 2 วิธีคือ 1. การแสดงไฟล์เอกสาร โดยเปิดผ่าน IE
มีขั้นตอนดังนี้ - ดับเบิ้ลคลิกที่ IE แล้วเลือกเมนู File ,Open , Brows -
เลือกชื่อไฟล์ที่ต้องการเปิด, Open , OK
- เปิดด้วยโปรแกรม
Wed Browaer , Google Chrome , Mozilla Firefox
Text Editer
คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่างๆ ปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม
เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วยในบทเรียนชุดนี้ จะใช้โปรแกรม Notepad ในการสร้างเว็บเพจด้วยภาษา HTML
ข้อควรจำ
|
โปรแกรม Text Editor ใช้สำหรับสร้างเว็บเพจ แต่โปรแกรม Web Browser ใช้สำหรับแสดงผลการทำงานของ
คำสั่งต่าง ๆ ที่สร้างจากโปรแกรม Text Editor นั่นหมายความว่าการจะสร้างเว็บเพจ ต้องมีเครื่องมือหรือโปรแกรมทั้ง 2
ประเภท คือ Text Editor และ Web Browser
|
องค์ประกอบของเอกสาร HTML
ประกอบด้วย 2 ส่วนใหญ่ๆ คือ
- HTML Teg
-ส่วนที่เป็นเนื้อหาของเอกสาร
<HTML>..........</HTML>
คำสั่ง < HTML >
เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง < /HTML >
เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บบราวเซอร์
แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน
และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML
<head> คือ
<HEAD>..........</HEAD>
คำสั่ง < HEAD >
เป็นคำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์ HTML และภายในคำสั่ง
<HEAD>...</HEAD> จะมีคำสั่งย่อยอีกคำสั่งหนึ่งคือ < TITLE
>........< /TITLE >
|

<title> คือ
<TITLE>..........</TITLE
>
คำสั่ง < TITLE >
เป็นคำสั่งที่แสดงชื่อของเอกสาร หรือชื่อเรื่องของไฟล์ HTML
ซึ่งข้อความภายในคำสั่งจะปรากฎหรือแสดงผลในส่วนของไตเติลบาร์ (Title Bar)
ของโปรแกรมเว็บบราวเซอร์
แต่จะไม่แสดงในส่วนของการแสดงผลในโปรแกรมเว็บบราวเซอร์
<body> คือ
คำสั่ง < BODY
> เป็นส่วนที่สำคัญในการแสดงผลในเว็บบราวเซอร์ ซึ่งจะประกอบไปด้วยตัวอักษร
รูปภาพกราฟิกต่าง ๆ
<BR>คือ
ขั้นตอนการทำ
คำสั่ง <br> เป็นคำสั่งขึ้นบรรทัดใหม่โดยตัวคำสั่งจะใช้เพียงตัวเดียวไม่ต้องใช้
2 ตัวเหมือนคำสั่งอื่น อยู่ภายในคำสั่ง <body>
<P> คือ
คำสั่ง <p> เป็นคำสั่งขึ้นย่อหน้าใหม่ใช้กับข้อความ
โดยใช้เพียวตัวเดียวแทรกในข้อความ ภายในคำสั่ง <body>
รูปแบบคำสั่งมีดังนี้
แหล่งที่มา
- http://www.pyayam.com/article/show.php?Category=abbreviation&No=281
- http://school.obec.go.th/pp_school/html/editor.html
-http://www.webthaidd.com/html/webthaidd_article_294_.html
20 มิถุนายน 2555
|
ไม่มีความคิดเห็น:
แสดงความคิดเห็น