tag พื้นฐาน
HTML คือ
HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ*ใช้อะไรในการเขียน HTML
Text Editor เช่นจาก Notepad หรือ Word pad ในการสร้าง HTML
*เปิดเอกสาร
- Google chrome
- Internet explorer
- Mozilla Firefox
Text Editor คืออะไร
Text Editor คือ โปรแกรมต่างๆ ที่ใช้ในการกำหนดข้อความ และรูปแบบคำสั่งต่างๆ ของภาษา HTML ซึ่งปัจจุบันผู้เขียนโปรแกรมส่วนใหญ่จะใช้โปรแกรม Notepad ในการเขียนโปรแกรม HTML เป็นหลัก เช่น
*ผลลัพธ์
โครงสร้างของภาษา HTML
<HTML>........</HTML>
คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจ <HEAD>..........</HEAD>
คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย
<TITLE>........</TITLE>
รูปแบบคำสั่ง <TITLE>.........</TITLE> คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
<BODY> ….. </BODY>
เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser เช่น การแสดงผลรูปภาพ การสร้างจุดเชื่อมโยง ซึ่งเราจะเขียน TAG ในกลุ่มของ Body ไว้ภายใน TAG
<BR>
*http://www.xvlnw.com/knowledge-readknowledge-id40.html
*http://www.genstyles.com/tips-11.html
*http://school.obec.go.th/pp_school/html/editor.html
*http://www.easyhome.in.th/lesson/htmlindex.htm
โครงสร้างของภาษา html จะประกอบด้วย 2 ส่วนด้วยกัน คือส่วนที่เป็นส่วนหัว (head) และส่วนเนื้อหา (body) โดยมีรูปแบบภาษาดังนี้
<HTML>........</HTML>
คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจ <HEAD>..........</HEAD>
คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย
<TITLE>........</TITLE>
รูปแบบคำสั่ง <TITLE>.........</TITLE> คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
<BODY> ….. </BODY>
เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser เช่น การแสดงผลรูปภาพ การสร้างจุดเชื่อมโยง ซึ่งเราจะเขียน TAG ในกลุ่มของ Body ไว้ภายใน TAG
<BR>
เป็น TAG สำหรับการขึ้นบรรทัดใหม่ของ HTML
<P>
HTML เพิ่มแถวว่างอย่างอัตโนมัติก่อนและหลังย่อหน้า
*http://www.xvlnw.com/knowledge-readknowledge-id40.html
*http://www.genstyles.com/tips-11.html
*http://school.obec.go.th/pp_school/html/editor.html
*http://www.easyhome.in.th/lesson/htmlindex.htm
29/6/2555 !
0 ความคิดเห็น:
แสดงความคิดเห็น
สมัครสมาชิก ส่งความคิดเห็น [Atom]
<< หน้าแรก