Tag พื้นฐาน
HTML คืออะไร
HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ
HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ
ใช้อะไรในการเขียน HTML
การสร้างไฟล์ HTML เราสามารถสร้างจาก Text Editor เช่นจาก Notepad หรือ Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่ " ชื่อไฟล์ . html ซึ่งถ้าหากคุณไม่ใส่ จะ กลายเป็นไฟล์ .TXT แทน ในปัจจุบัน มีโปรแกรมต่าง ๆ มากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้ว มีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่าง ๆ
การเปิดเอกสาร
การเปิดเอกสาร หรือ การแสดงไฟล์เอกสาร มี 2 วิธีคือ
การสร้างไฟล์ HTML เราสามารถสร้างจาก Text Editor เช่นจาก Notepad หรือ Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่ " ชื่อไฟล์ . html ซึ่งถ้าหากคุณไม่ใส่ จะ กลายเป็นไฟล์ .TXT แทน ในปัจจุบัน มีโปรแกรมต่าง ๆ มากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้ว มีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่าง ๆ
การเปิดเอกสาร
การเปิดเอกสาร หรือ การแสดงไฟล์เอกสาร มี 2 วิธีคือ
1.ดับเบิ้ลคลิกที่ IE แล้วเลือกเมนู File ,Open , Brows เลือกชื่อไฟล์ที่ต้องการเปิด, Open , OK
2.ดับเบิ้ลคลิกที่ชื่อไฟล์เอกสารนั้น จะปรากฏผลลัพธ์ของไฟล์เอกสาร HTML ผ่านเว็บ Browser การเปิดดู CODE ภาษา HTML เมื่อแสดงบนเว็บบราวเซอร์ เลือกเมนู View , Source
Browser ที่ใช้เปิดดูเอกสารคือ fire fox, Internet Explorer,Google Chrome อื่่นๆเป็นต้น
Text Editor คืออะไร
คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML เครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver
โครงสร้างพื้นฐาน HTML
โครงสร้าง HTML ประกอบด้วย 2 ส่วนสำคัญคือ
1. ส่วนหัว ( Head )
2. ส่วนเนื้อหา ( Body )
คำสั่งเริ่มต้น
รูปแบบคำสั่ง <HTML>........</HTML> คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจบ
รูปแบบคำสั่ง <HEAD>..........</HEAD> คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย อีกคำสั่งหนึ่งคือ คำสั่ง <TITLE>........</TITLE>
รูปแบบคำสั่ง <TITLE>.........</TITLE> คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
ขนาดตัวอักษร
การกำหนดขนาดตัวอักษรคำสั่งที่ใช้ <FONT SIZE = VALUE >.......</FONT> การกำหนดขนาดตัวอักษรโดยทั่วไปมีด้วยกัน 7 ขนาดซึ่งตั้งแต่ -7 จนถึง +7
รูปแบบตัวอักษร
การกำหนดตัวอักษรให้เป็น ตัวหนา คำสั่งที่ใช้ <B>........</B>
การกำหนดตัวอักษรให้เป็น ตัวเอน คำสั่งที่ใช้ <U>.........</U>
การกำหนดตัวอักษรให้เป็น ตัวขีดเส้นใต้ คำสั่งที่ใช้ <L>.........</L>
คำสั่งแสดงภาพ
รูปแบบคำสั่ง <IMG SRC= "ไฟส์รูปภาพ" > ไฟล์รูปภาพส่วนใหญ่จะเป็นไฟล์ชนิด .GIF .JPG
เพราะเว็ปเบราเซอร์ส่วนใหญ่สนับสนุนไฟล์ 2 ชนิดนี้
ที่มา : http://www.xvlnw.com/knowledge-readknowledge-id40.html
http://school.obec.go.th/pp_school/html/editor.html
http://www.easyhome.in.th/lesson/htmlindex.htm
http://www.genstyles.com/tips-11.html
http://www.oknation.net/blog/ict/2009/04/21/entry-1
คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML เครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver
ตัวอย่าง Code
ผลลัพธ์
โครงสร้างพื้นฐาน HTML
โครงสร้าง HTML ประกอบด้วย 2 ส่วนสำคัญคือ
1. ส่วนหัว ( Head )
2. ส่วนเนื้อหา ( Body )
คำสั่งเริ่มต้น
รูปแบบคำสั่ง <HTML>........</HTML> คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจบ
รูปแบบคำสั่ง <HEAD>..........</HEAD> คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย อีกคำสั่งหนึ่งคือ คำสั่ง <TITLE>........</TITLE>
รูปแบบคำสั่ง <TITLE>.........</TITLE> คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
รูปแบบคำสั่ง Body เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser เช่น การแสดงผลรูปภาพ การสร้างจุดเชื่อมโยง ซึ่งเราจะเขียน TAG ในกลุ่มของ Body ไว้ภายใน TAG <BODY> ….. </BODY>
รูปแปปคำสั่ง <BR> เป็น TAG สำหรับการขึ้นบรรทัดใหม่ของ HTML
รูปแบบคำสั่ง <p> HTML เพิ่มแถวว่างอย่างอัตโนมัติก่อนและหลังย่อหน้า
การกำหนดขนาดตัวอักษรคำสั่งที่ใช้ <FONT SIZE = VALUE >.......</FONT> การกำหนดขนาดตัวอักษรโดยทั่วไปมีด้วยกัน 7 ขนาดซึ่งตั้งแต่ -7 จนถึง +7
รูปแบบตัวอักษร
การกำหนดตัวอักษรให้เป็น ตัวหนา คำสั่งที่ใช้ <B>........</B>
การกำหนดตัวอักษรให้เป็น ตัวเอน คำสั่งที่ใช้ <U>.........</U>
การกำหนดตัวอักษรให้เป็น ตัวขีดเส้นใต้ คำสั่งที่ใช้ <L>.........</L>
คำสั่งแสดงภาพ
รูปแบบคำสั่ง <IMG SRC= "ไฟส์รูปภาพ" > ไฟล์รูปภาพส่วนใหญ่จะเป็นไฟล์ชนิด .GIF .JPG
เพราะเว็ปเบราเซอร์ส่วนใหญ่สนับสนุนไฟล์ 2 ชนิดนี้
http://school.obec.go.th/pp_school/html/editor.html
http://www.easyhome.in.th/lesson/htmlindex.htm
http://www.genstyles.com/tips-11.html
http://www.oknation.net/blog/ict/2009/04/21/entry-1
วันที่ 23 มิถุนายน 2555 :)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น