แท็กพื้นฐาน (Basic Tag)
- HTML (>' '<)
ทำความรู้จักHTML HTML คืออะไร ใช้อะไรในการเขียน HTML โครงสร้างพื้นฐาน HTML
HTML คืออะไร
HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ
ใช้อะไรในการเขียน HTML
HTML คืออะไร
HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ
ใช้อะไรในการเขียน HTML
การสร้างไฟล์ 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 , Goolgle chrome
- Text Editor (> <" )
คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver
ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย ในบทเรียนชุดนี้ จะใช้โปรแกรม Notepad ในการสร้างเว็บเพจด้วยภาษา HTML
ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย ในบทเรียนชุดนี้ จะใช้โปรแกรม Notepad ในการสร้างเว็บเพจด้วยภาษา HTML
ตัวอย่าง Code
ผลลัพธ์
- โครงสร้างพื้นฐาน HTML !!
2. ส่วนเนื้อหา ( Body )
โดย CODE จะเป็นแบบนี้นะค่ะ
- คำสั่งเริ่มต้น ...
คำสั่งเริ่มต้น
รูปแบบคำสั่ง <HTML>........</HTML>
คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจบ
การเขียน HTML
รูปแบบคำสั่ง <HEAD>..........</HEAD>
คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย อีกคำสั่งหนึ่งคือ คำสั่ง <TITLE>........</TITLE>
รูปแบบคำสั่ง <TITLE>.........</TITLE>
คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
รูปแบบคำสั่ง <Body>.......</body>
แหล่งที่มานะค่ะ :
คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจบ
การเขียน HTML
รูปแบบคำสั่ง <HEAD>..........</HEAD>
คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย อีกคำสั่งหนึ่งคือ คำสั่ง <TITLE>........</TITLE>
รูปแบบคำสั่ง <TITLE>.........</TITLE>
คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
รูปแบบคำสั่ง <Body>.......</body>
คำสั่ง <Body>....</Body> เป็นส่วนที่แสดงออกไปตรงหน้า web browser เช่นการแสดงรูปภาพ การสร้างจุดเชื่อโยง ซึ่งจะเขียน Tag ไว้ในกลุ่มของ Body ไว้ภายใน Tag <Body>....</Body>
รูปแบบคำสั่ง <BR> เป็น Tag ของการขึ้นบรรทัดใหม่ของ HTML
รูปแบบคำสั่ง <P> HTML เพิ่มแถวว่างอย่างอัตโนมัติก่อนและหลังย่อหน้า
รูปแบบคำสั่ง <BR> เป็น Tag ของการขึ้นบรรทัดใหม่ของ HTML
รูปแบบคำสั่ง <P> HTML เพิ่มแถวว่างอย่างอัตโนมัติก่อนและหลังย่อหน้า
แหล่งที่มานะค่ะ :
วันที่ 29 มิถุนายน พ.ศ 2555
ไม่มีความคิดเห็น:
แสดงความคิดเห็น