Page: 1 การพัฒนาโปรแกรมประยุกต์บนเว็บ อ. บุรินทร์ รุจจนพันธุ์.. ปรับปรุง 12 กรกฎาคม 2550 HTML (HyperText Markup Language) มหาวิทยาลัยโยนก จังหวัด ลำปาง ศูนย์กลางความรู้และภูมิปัญญา แผ่นดิน
Page: 2 เอชทีเอ็มแอล (HTML) HTML (HyperText Markup Language) คือ ภาษาคอมพิวเตอร์ที่ ออกแบบมาเพื่อใช้ในการเขียนเว็บเพจ ถูกเรียกดูผ่านเว็บบราวเซอร์ เริ่มพัฒนา โดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) HTML เป็นมาตรฐานที่จัดการโดย World Wide Web Consortium แต่ ปัจจุบัน W3C ผลักดัน XHTML ที่ใช้ XML มาทดแทน HTML รุ่น 4.01
Page: 3 เครื่องมือที่ใช้ฝึกเขียน HTML 1. Notepad Save As ชื่อ "c:\x.htm" เพื่อจัดเก็บแฟ้มใน Drive C:\ 2. Internet Explorer (IE) เปิด c:\x.htm ในช่อง Address กดปุ่ม Refresh หรือ F5 เมื่อต้องการดูผลการแก้ไขที่ทำ ใน Notepad 3. Web editor ซึ่งมี editor และ preview ในตัว เช่น DreamWeaver, FrontPage, Namo, Composer, Hotdog, Pagemill, Word
Page: 4 HTML แฟ้มแรกของฉัน เช่น x.htm hello welcome to my web page
Page: 5 หนา เอียง เส้นใต้ และปัดบรรทัด First : lampang Second : bangkok Third : nan
Page: 6 แสดงแนวขอบฟ้า (Horizontal Line) lampang bangkok nan prayao
Page: 7 กำหนดรูปแบบตัวอักษร tak lampang nan romeo bangkok
Page: 8 Webpage Link My Home My Friends Contact About Us
Page: 9 Body Properties A page
Page: 10 Internet Webpage Link Products Lampang PHP
Page: 11 Red Green Blue Red Green Blue 16 Million (256 * 256 * 256) red green blue yellow black white gray
Page: 12 Image Tag
Page: 13 Link of Image
Page: 14 ตาราง 1 ช่อง abc
Page: 15 ตาราง 2 ช่อง lampang bangkok
Page: 16 ตาราง มีขอบ มีสีพื้น lampang bangkok nan
Page: 17 ตาราง 2 บรรทัด มีทั้งหมด 6 ช่อง lampang bangkok nan boy girl baby
Page: 18 กำหนดตำแหน่งข้อมูลในตาราง a b c d e f
Page: 19 ขยายช่องเดียวเป็น 2 ช่อง a b c
Page: 20 ขยายช่องเดียวเป็น 2 แถว a b c d e
Page: 21 ชิดขวาด้วย DIV abc
Page: 22 กำหนดตำแหน่งของ DIV (Layer) abc
Page: 23 กำหนดลำดับของ Layer
Page: 24 Form: Radio, Checkbox, Select thai china rice ice coke Male Female
Page: 25 Form: Textarea, Button a b c <input type=button value=close onclick="javascript:window.close()">
Page: 26 CSS (Cascading Style Sheets)Cascading Style Sheets body {font-family:"ms sans serif"; color:blue;background-color:pink} td {font-size:20px;font-family:arial; color:red;background-color:yellow} Hello abc
Page: 27 Redirect to New WebPage hello from burin <meta http-equiv=refresh content="0;url= <meta http-equiv=content-type content="text/html; charset=windows-874"> please wait