งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

+ HTML เบื้องต้น ธวัชชัย สลางสิงห์. + HTML เบื้องต้น ประวัติความเป็นมา HTML.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "+ HTML เบื้องต้น ธวัชชัย สลางสิงห์. + HTML เบื้องต้น ประวัติความเป็นมา HTML."— ใบสำเนางานนำเสนอ:

1 + HTML เบื้องต้น ธวัชชัย สลางสิงห์

2 + HTML เบื้องต้น ประวัติความเป็นมา HTML

3 + ความเป็นมาของ HTMLMakeup L HTML >> HyperText Markup Language ภาษาที่ใช้สำหรับสร้าง เอกสารแบบ HyperText ข้อความใน เอกสารที่เชื่อมโยงถึงข้อมูลต่างๆได้ Tim Berners-Lee ปี 1990 มีการพัฒนาและถูกนำไปใช้อย่าง แพร่หลาย จึงกำหมดรูปแบบมาตรฐาน ขึ้น

4 + ความเป็นมาของ HTMLMakeup L HTML 1.0 เกิดขึ้นในปี 1993 โดย Tim Berners-Lee and Dave Ragget กำหนดให้เอกสาร HTML ไม่ว่าเขียน ด้วยมาตรฐานใดๆ ต้องไม่ทำให้เอกสาร ที่สร้างนั้นอ่านไม่ได้ HTML พัฒนาโดย IETF (Internet Engineering Task ForceX) มุ่งหวังให้สามารถเปิดแสดงผลกับ บราวเซอร์ที่ใช้งานทั่วไป

5 + ความเป็นมาของ HTMLMakeup L HTML 3.0 ในปี 1995 ยังมีการพัฒนา HTML เพิ่มการทำตาราง ปรับข้อความ รอบภาพ และช่วยให้บราวเซอร์ ย้อนกลับไปดูเว็บเพจหน้าที่เคยชมก่อน ได้ดีกว่าเวอร์ชั่น 2.0 HTML 3.2 ในปี 1996 เพิ่ม element และ attribute ที่ทำงานร่วมกับ บราวเซอร์หลายๆตัวมากขึ้น

6 + ความเป็นมาของ HTMLMakeup L HTML 4.0 ในปี 1997 องค์กรกลางที่ ชื่อว่า W3C (the world wide web consortium) พัฒนาให้การแสดงผลให้ มีประสิทธิภาพมากขึ้นด้วย style sheet, frame, การฝังออบเจ็กของ โปรแกรมเสริมเพื่อแสดงภาพและเสียง การสร้างฟอร์ม และใช่ร่วมกับภาษา script แบบต่างๆ

7 + ความเป็นมาของ HTMLMakeup L HTML 4.1 W3C หยุดพัฒนา HTML เปลี่ยนมาเป็นภาษามาตรฐานใหม่ XHTML เพื่อขยายการใช้เว็บไปสู่อุปกรณ์ต่างๆมาก ขึ้น แต่ยังคงให้มีการแสดงผล HTML ได้ เหมือนเดิม HTML 5.0 ในปี 2012 W3C และ WHATWG ได้พัฒนาภาษาที่สามารถใช้ งานได้ทุกแพล็ตฟอร์ม และยังสามารถอ้าง ถึงเทคโนโลยีต่างๆและ API อื่นๆได้ ทำให้ การทำงานของ HTML เหมาะกับการทำ application และงาน multimedia มากขึ้น

8 + ลักษณะของ HTML คำสั่งของภาษา html จะเรียกว่า แท็ก (tag) โดยคำสั่งแต่ละตัวจะอยู่ภายใน เครื่องหมาย หลักการเขียน tag html tag จะแยกเป็น 2 ส่วน แท็กเปิดและแท็กปิด โดยส่วนของแท็กปิดจะมีเครื่องหมาย slash(/) เช่น … กรณีที่มี tag ซ้อนกันให้ปิดแท็กในสุดก่อนแล้วไล่ปิด ตามลำดับ บางแท็กก็ไม่ต้องปิดก็ได้ HTML จะเขียนตัวใหญ่หรือเล็กก็ได้ แต่ XHTML ตัวใหญ่ตัวเล็กต่างกัน บางแท็กจะมีตัวกำหนดคุณสมบัติ (attribute) จะเขียนไว้หลักแท็ก เช่น

9 + โครงสร้างของ HTML

10 + …. tag แรกที่ต้องมี ในภาษา html บ่งบอกว่าเป็นเอกสาร html อยู่ที่จุดเริ่มและสุดท้ายของ เอกสาร ….. กำหนด รายละเอียดหัวเอกสาร HTMl เช่น กำหนดชื่อเว็บเพจ … กำหนดรูปแบบสไตล์ซีท …. ส่วนที่เป็นเนื้อหา ของเว็บเพจ

11 + เครื่องมือที่ใช้สร้างเอกสาร HTML เนื่่องจาก html เป็นการเขียนรูปแบบ ASCII text ธรรมดา จึงสามารถใช้ โปรแกรม Text Editor ทั่วไปได้ เช่น Notepad และ EditPlus นอกจากนี้ยังมีโปรแกรม web editor ที่สามารถแปลง graphic ให้เป็นภาษา HTML เช่น Frontpage, Dreamweaver, และ MUSE เป็นต้น

12 + สร้างเว็บเพจง่ายๆ ด้วย Notepad

13

14

15

16 + HTML and XHTML XHTML ( ย่อมาจาก Extensible Hyper Text Markup Language) เป็นภาษาประเภท Markup Language ที่เกิดจากการนำ XML และ HTML มารวมกัน กลายเป็นมาตรฐานใหม่ของ HTML คำสั่งต่างๆนั้นก็ยังเหมือนกับ HTML แต่จะมีความ เข้มงวดในเรื่องโครงสร้างภาษามากกว่า และมีการตัด tag และ attribute ที่ล้าสมัยออกไป และเนื่องจาก html มีข้อเสียในการแสดงผลใน brownser ต่างๆ อาจไม่เหมือนกัน เช่น เว็บไซต์ที่ออกแบบอาจแสดงผลออกมา สวยงามใน IE แต่ไม่สามารถแสดงผลสวยงามได้ใน browser อื่นๆ W3C จึงพัฒนา HTML4.0 โดยปรับปรุงใหม่ ให้เป็น มาตรฐานมากยิ่งขึ้น เพื่อเป็นแนวทางให้ browser ต่างๆได้ พัฒนาโปรแกรมไปในแนวทางเดียวกัน

17 + ข้อแตกต่างระหว่าง html และ xhtml ค่าของ attribute ต้องอยู่ในเครื่องหมาย ".." เสมอ ใช้ attribute id แทน attribute name

18 + ข้อแตกต่างระหว่าง html และ xhtml ทุก XHTML element ต้องทำการปิดให้ เรียบร้อย ไม่เว้นแม้แต่ element ที่ไม่มี tag ปิด เช่น จะต้องทำการปิด โดยใช้ เครื่องหมาย ' /' เป็น เป็นต้น

19 + ข้อแตกต่างระหว่าง html และ xhtml ทุก XHTML element ต้องเขียน tag, attribute และค่าของ attribute ด้วยตัวพิมพ์ เล็ก

20 + ข้อแตกต่างระหว่าง html และ xhtml เอกสาร XHTML จะต้องประกาศ DOCTYPE และจะต้องมี element html, head, title และ body/frame อย่างครบถ้วนเสมอ

21 + Document Type Definitions Document Type Definition (DTD) คือ ตัวกำหนด โครงสร้างของเอกสาร ไม่ว่าจะเป็นเอกสาร HTML หรือ XHTML หรือ XML ก็ต้องมี DTD ด้วยกันทั้งนั้น แต่ใน HTML นั้นไม่ได้บังคับว่าต้องประกาศ Doctype การประกาศ ก็เพื่อบอกให้เว็บเบราเซอร์์ ทราบว่า เว็บเพจของเราใช้ภาษา HTML หรือ XHTML และ คำสั่ง HTML/XHTML ที่ใช้เป็นรุ่นใด และบอกชนิดของ เอกสาร (Document Type Definition : DTD) ที่ใช้ ซึ่งจะ ช่วยให้เว็บเบราเซอร์แปลเอกสารได้อย่างถูกต้อง สามารถตรวจสอบความถูกต้องของคำสั่งในเอกสาร XHTML ว่าถูกต้องตามกฏเกณฑ์หรือไม่ ตาม DTD ที่ระบุไว้ในแถว แรกของเอกสาร ที่

22 + Document Type Definitions

23 +


ดาวน์โหลด ppt + HTML เบื้องต้น ธวัชชัย สลางสิงห์. + HTML เบื้องต้น ประวัติความเป็นมา HTML.

งานนำเสนอที่คล้ายกัน


Ads by Google