คำสั่งย่อหน้า เว้นวรรค HTML5

คำสั่ง <p></p>   เป็นคำสั่งย่อหน้า มีทั้งแท็กเปิด และแท็กปิด

คำสั่ง </br>   เป็นคำสั่งเว้นบรรทัด

คำสั่ง <hr>   เป็นคำสั่งเว้นบรรทัดแล้วขีดเส้นใต้

ส่วนการเขียนโค้ด

ส่วนการแสดงผล

โค้ดตัวหนังสือ HTML5

คำสั่งที่ทำการจัดการกับตัวหนังสือบนเว็บไซต์ (`** ต้องมีทั้งแท็กเปิด และปิดน่ะครับ )

<B> ข้อความ</B>  <I>ข้อความ</I> <S>ข้อความ</S> <Sub>ข้อความ</Sub> <Sup>ข้อความ</Sup> <U>ข้อความ</U>

ตัวหนังสือแบบตัวหนา  ตัวหนังสือบบตัวเอน  ตัวหนังสือแบบตัวขีดฆ่า  ตัวหนังสือแบบตัวห้อย ตัวหนังสือแบบตัวยก  ตัวหนังสือบบขีดเส้นใต้

แสดงการทำงาน

จะสังเกตุเห็นว่า บรรทัดที่ 4 นี้จะเป็นคำสั่งสำหรับแสดงผลฟอร์น หรือตัวหนังสือไทย

 (** ในตัวโปรแกรมsublime ในการเขียนที่เป็นภาษาไทยจะมีการวางตำแหน่งที่ผิดเพี้ยนไป  แต่การแสดงบนเว็บราวน์เซอร์นั้นจะเป็นปกติ )

การแสดงผลจากโค้ดที่เราทำการเขียนจากข้างบน

คำสั่ง HTML

คำสั่งในภาษา HTML หรือเรียกว่า แท็ก ( Tag )

จะมีคำสั่ง ( Tag )อยู่ 2 อย่างคือ

                * คำสั่งที่ต้องมีทั้งแท็กเปิด< > และแท็กปิด </ > เช่น  <title>    </title> จากที่เห็นจะสังเกตุกันได้ว่าแท็กปิดจะมี เครื่องหมาย  / อยู่หน้าคำสั่ง

                * คำสั่งที่มีแต่แท็กเปิดอย่างเดียว เช่น  </br>  , </hr> เป็นต้น


วิธีการเขียน และบันทึกเว็บไซต์

      การเขียนเว็บไซต์ผมได้ทำการแนะนำให้ใช้ Sublime ในการเขียนนะครับ

ตัวอย่างโค้ด

พอเราเขียนเสร็จให้ทำการกด file --> save จากนั้น เลือกที่ที่เราจะทำการบันทึกแล้วทำการตั้งชื่อตามด้วย .html  ( บรรทัดที่ 3  คือ คำสั่งการแสดงผลให้เป็นภาษาไทยได้นะครับ)

ไฟล์ที่บันทึก

ในที่นี้ผมเซฟว่า test.html นะครับ พอเราทำการเข้าโฟลเดอร์ที่เราทำการเซฟไว้แล้ว ก็ทำการดับเบิ้ลคลิกไฟล์เว็บไซต์ของเราได้เลย

การแสดงผล

ก็จะได้หน้าตาของเว็บไซต์ของเราขึ้นมา 

                         

โครงสร้าง HTML

   

โครงสร้างของภาษา HTML5

บรรทัดที่ 1     จะเป็นการเลือกใช้ภาษา และเวอร์ชันของ HTML5

บรรทัดที่ 2,6  เป็นการประกาศเริ่ม การเขียนภาษา HTML  โดยจะมีทั้งแท็กเปิดบรรทัดที่ 2 และแท็กปิด                           บรรทัดที่ 6 

บรรทัดที่ 3,4 เป็นส่วนหัวของการเขียน โดยจะมีทั้งแท็กเปิดบรรทัดที่ 3 และแท็กปิดบรรทัดที่ 4           

บรรทัดที่ 5    เป็นส่วนหน้าตาเว็บไซด์ของเรานั้นเอง

การลงฐานข้อมูล AppServ

       ฐานข้อมูล ( Data Base) คือ พื้นที่สำหรับเก็บข้อมูลเว็บไซต์ โดยสามารถ แก้ไข เพิ่ม ลบ แสดงผล ตามที่ต้องการ

      โปรแกรมจำลองเซิฟเวอร์ มีหน้าที่ แสดงผลหน้าเว็บไซด์ของเรา และก็บันทึกข้อมูลในฐานข้อมูล (Data Base) โดยตัวโปแกรมก็มีหลายตัวนะครับ เช่น Apache , Appserv  เป็นต้น ในที่นี้ ผมจะขอแนะนำ Appserv นะครับ เพราะเป็นโปรแกรมที่ค่อนข้างสนับสนุนต่อการทำงานได้หลายภาษาครับ

วิธีการติดตั้ง โปรแกรม Appserv
        1.ทำติดตั้ง Appserv นะครับ

เพิ่ม 1.1 double cilck ที่ appserv ที่ทำการโหลดมาคำอธิบายภาพ

1.2 กด next

1.3 กด I Agree เพื่อยอมรับข้อตกลง

1.4 ทำการเลือกที่ลงโปรแกรม ในที่นี้ผมจะลงตามที่เขาแนะนำไว้ครับ เลือกแล้วกด Next

1.5 กดเลือกแพ็คเก็จให้หมดครับ แล้วทำการกด Next

1.6 server name ให้เราใส่ localhost และต่อมาให้ทำการใส่ Email ของเรา

1.7 ตั้งรหัสผ่านสำหรับเข้าจัดการฐานข้อมูลน่ะครับ เน้นครับ อย่าลืมรหัสกันน่ะครับ ตั้งเสร็จแล้วกด Next 

1.8  เลือกเริ่มการทำงาน แล้วกด Finish เป็นอันติดตั้งเสร็จสมบูรณ์ครับ 

 การเข้าใช้งานฐานข้อมูล(Data Base)

2.1 เปิด web brower แล้วทำการพิมพ์ localhost/phpmyadmin หลังจากนั้นทำการใส่ชื่อผู็ใช้ และรหัสผ่าน ซึ่งชื่อผู้ใช้จะเป็น root และส่วนรหัสก็เป็นที่เราได้ตั้งไว้

2.2 หน้าตาของ ฐานข้อมูล (Data Base)

สิ่งที่ต้องรู้ก่อนการเขียนเว็บไซด์

     การเขียนเว็บไซต์นั้น ปัจจุบันจะมีการเขียนเว็บไซต์แบบใช้โปรแกรมสำเร็จรูป กับเขียนโค้ดเอง สำหรับผมแนะนำให้เขียนโค้ดเองเอานะครับ เพราะว่า มีปัญหาตรงจุดไหนเราจะได้รู้ครับ แม้โค้ดที่เราเขียนอาจจะไม่ซับซ้อนเหมือนในโปรแกรมเขียนให้ แต่ตอนเมื่อเกิดปัญหาเราสามารถแก้ไขได้ตรงจุดกว่านะครับ ^^

สิ่งที่ต้องรู้ก่อนการเขียนเว็บไซด์

1. เครื่องมือในการเขียน(editor)

    ก่อนเราจะทำเว็บไซด์เราก็ควรมีเครื่องมือในการเขียนเว็บไซด์ก่อน ซึ่งปัจจุบันก็มีเครื่องมือในการเขียนเว็บไซด์ออกมาหลายโปรแกรม เช่น Dreamweaver , Sublime เป็นต้น อันนี้ผมขอบอกเลยว่าแล้วแต่ความถนัดของคุณเลย สำหรับผมจะใช้ sublime ในการเขียนโค้ดนะครับ แต่เราจะต้องเขียนโค้ดเองนะครับ แต่มือใหม่ผมแนะนำให้ใช้ Dreamweaver นะครับ เพราะโปรแกรมนี้จะสามารถเขียนโค้ด และแปลงโค้ดให้เห็นเป็นเว็บไซด์ได้เลยในทันที 

2.ภาษาที่ใช้ในการเขียนเว็บไซด์
   ปัจจุบันภาษาที่ใช้ในการเขียนเว็บไซด์มีเยอะมาก ทั้ง Css , Java Script ,Php ภาษาพวกนี้เป็นตัวเพิ่มลูกเล่นให้เว็บไซด์ของคุณเฉยๆ แต่ภาษาที่คุณต้องรู้ในการเขียนเว็บไซด์ และเป็นพื้นฐานของการเขียนก็คือ ภาษา HTML

สิ่งที่ต้องรู้ในภาษา HTML
  * โครงสร้าง
  * คำสั่งต่างๆ หรือเรียกว่า แท็ก (Tag)
  * คุณสมบัติเพิ่มเติม หรือคุณลักษณะ (Attribute)

เดียวผมจะพยายามมาบอกให้ตลอดนะครับ ติดตามได้นะครับ ยิ่งมีคนเยอะก็เริ่มมีกำลังใจ มีแรงในการแนะนำครับ

facebook : thanapol churmun