ikapeng.com

ทำความรู้จัก HTML

วันนี้เรามาทำความรู้จักกับภาษา HTML กันนะคับ

HTML ย่อมาจาก HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง มีโครงสร้างการเขียนโดยใช้แท็ก (Tag) ควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเว็บเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล

ภาษา HTML เป็นภาษาที่ถูกกำหนดให้เป็นมาตรฐานในการเขียนโฮมเพจ ดังนั้นการศึกษาถึงโครงสร้างของภาษา HTML จึงถือเป็นพื้นฐานที่สำคัญ ในการต่อยอดเพื่อเขียนภาษาคอมพิวเตอร์อื่น ๆ ที่ทำงานผ่านเว็บเบราเซอร์ หรือการพัฒนา Web Application ต่าง ๆ ใครที่คิดว่าจะเมินภาษา HTML เพราะสามารถสร้างโฮมเพจ หรือเว็บเพจโดยอาศัย โปรแกรมช่วยสร้าง ประเภท WYSIWYG (What – You -See -Is – What – You – Get) เช่น Dreamweaver Frontpag ฯลฯ เีพียงอย่างเดียว คงไม่สามารถต่อยอดความรู้ในการพัฒนาโฮมเพจ โดยใช้ภาษา PHP หรือ ASP ได้ ซึ่งในอนาคตสำหรับคนทำเว็บแล้ว ภาษาสคริปต์ PHP หรือ ASP เป็นสิ่งจำเป็นทีเดียวในการพัฒนา Web Application

ก่อนที่เราจะเริ่มลงมือเขียน HTML เราต้องเตรียมเครื่องมือที่จำเป็นต้องใช้ในการเขียน homepage เบื้องต้น ซึ่งคงต้องมีอย่างน้อยที่สุด 2 อย่าง คือ

1. Editer สำหรับใช้เขียนภาษา HTML ซึ่งในที่นี้เพื่อความสะดวกที่สุด ขอแนะนำให้ใช้ Notepad ซึ่งมีติดเครื่องมาอยู่แล้วเมื่อลงวินโดวน์ หรือหากใครจะดาวน์โหลดโปรแกรม Editplus มาใช้ก็ได้ เพราะโปรแกรมตัวนี้สามารถแบ่งแยกสีของ Tag ได้ ซึ่งในอนาคตหากจะเขียน PHP โปรแกรมตัวนี้ก็ช่วยให้เขียนโปรแกรมได้ง่ายกว่า Notepad เยอะเลยคับ เพิ่มเติมนิดนึงคับถ้ายังไม่เข้าใจเรื่องของ Tag ต่างๆเท่าใดนักก็แนะนำเป็น Macromedia Dreamweaver ก็ได้นะคับ ใช้งานได้ง่ายทีเดียว

2. Web Browser สำหรับใช้แสดงผลของโฮมเพจ สำหรับเว็บเบราเซอร์ อ่านต่อ Click »

Posted in HTML | 1 Comment »

ใช้งาน vi editor เบื้องต้น

ใช้งาน vi editor เบื้องต้น

สำหรับคนที่พัฒนาระบบงานบน Linux หรือ Unix และเป็นผู้ที่ไม่ชอบย้ายมือออกจากคีย์บอร์ดนั้น ขอแนะนำให้ใ้ช้ Vi Editor แล้วท่านจะไม่ผิดหวัง เนื่องจาก vi นั้นถูกออกแบบมาให้ใช้งาน โดยที่ไม่จำเป็นต้องเอามือออกจากคีย์บอร์ดเลย ไม่เพียงเท่านั้น 10 นิ้วของท่าน จะไม่หลุดออกแป้น a s d f space j k l : เลย แม้แต่ลูกศรขึ้นลง ก็ไม่ได้ใช้ ตัวเลข ก็ไม่ได้ใช้ อยากรู้แล้วใช้ไหมครับ ว่ามันทำงานอย่างไร

vi ประกอบด้วย 2 Mode คือ

1. Mode command ไว้สำหรับใช้คำสั่ง Mode นี้ เพียงกด Esc ก็จะเข้าสู่ Mode command อัตโนมัติ (คิดอะไรไม่ออก กด Esc ลูกเดียว)
2. Mode การพิมพ์ ไว้สำหรับเพิ่มข้อมูล เลื่อน Cursor ต่าง ๆ แต่เราต้องใช้ Command ก่อน เช่น หากต้องการเพิ่มอักษร ต้องสั่ง I (Insert) เสียก่อน และเมื่อพิมพ์จะเป็นการแทรกข้อความอัตโนมัติ

ผมขอแนะนำเทคนิคที่ใช้กันบ่อย ๆ นะครับ

รูปแสดงแผนผังการใช้งาน VI Editor แบบไม่ยกนิ้วกันเลยครับผม

การเลื่อนทิศทาง (Motivation)
สังเกตุนะครับ มือจะไม่ขยับไปใช้ ลูกศร ขึ้นลง เลย ทำให้ทำงานได้เร็วขึ้น

• h = เลื่อนไปทางซ้าย
• l = เลื่อนไปทางขวา
• j = เลื่อนลง
• k = เลื่อนขึ้น
• หาก พิมพ์ 8l = เลื่อนไปทางขวา 8 ตัวอักษร
• w , W = เลื่อนไปทางขวา 1 คำ เช่น this is test เมื่อกด w จะเลื่อน Cursor ไป 1 word Cursor จะไปยืนอยู่ที่ this is test เป็นต้น
• { = เลื่อนไปยังต้น Paragraph
• } = เลื่อนไปยังท้าย Paragraph
• :หมายเลขบรรทัด = เลื่อนไปยังบรรทัดที่ต้องการ เช่น :10 หมายถึงไปบรรทัดที่ 10 เป็นต้น
• $ = ไปตัวอักษรท้ายสุดของบรรทัด
• 0 = ไปตัวอักษรตัวแรกสุด ของบรรทัด

การกระทำการ (Operator)

• i = เพิ่มตัวอักษร (insert) ใช้งาน โดยพิมพ์ i แล้วพิมพ์ต่อได้เลย
• I = เพิ่มตัวอักษรต้นบรรทัด
• x = ลบตัวษรทีละ 1 ตัว
• 10x = ลบตัวอักษร 10 ตัว
• dw = ลบทั้งคำ
• dd = ลบทั้งบรรทัด
• yy = yank หมายถึง Copy ทั้งบรรทัด
• p = วาง (Paste) วางบรรทัดล่างจาก Cursor อยู่
• P = วาง (Paste) วางแทรกบรรทัดปัจจุบัน

การจัดการเกี่ยวกับไฟล์

• :w ชื่อไฟล์ = save ไฟล ์ด้วยชื่อที่กำหนด
• :wq = save ไฟล์ และออกจาก vi (Quit)
• :q! = ออกจาก vi โดยไม่ Save
• :set
  • set nu = สั่งให้ vi แสดงหมายเลขบรรทัด
  • set ic = สั่งให้เวลา Search ไม่ดูการค้น ตัวเล็ก ตัวใหญ่ ใด ๆ (Ignore Case)
  • set nu ic สั่งให้ทำงานทั้ง 2 แบบ

ลอง Telnet แล้วไปของพิมพ์เล่น ๆ ดูนะครับ ทางด้านบนนั้น เป็นเพียงแค่ความสามารถเพียงนิดเดียวของ Vi ครับ หวังว่าหลายคนที่มองหา Editor ฟรี ๆ ความสามารถสูง ๆ ที่พร้อมใช้ังานอยู่ใน Server อยู่แล้วครับ

*** จำไม่ได้แล้วคับว่าเอามาจากเว็บไหน ยังไงก็ขอบคุณต้นฉบับนะคับ

Posted in Linux | No Comments »