ݺߣ

ݺߣShare a Scribd company logo
ครูผู้สอน นายไกรลาศ จิบจันทร์
เอกสารประกอบการเรียน
รายวิชา การสร้างเว็บไซต์ด้วยภาษา HTML
เรื่อง การྺึ้Ȩ่อหน้าใหม่
เป็นคาสั่งที่ใช้กาหนดย่อหน้าของข้อความ ในภาษาอังกฤษเรียกว่า paragraph โดยคาสั่งการขึ้นย่อ
หน้าย่อหน้าใหม่คือ คาสั่ง <p> มีรูปแบบของคาสั่ง ดังนี้
คาสั่ง <p> มีแอททริบิวต์ คือ align ซึ่งจะกาหนดหรือไม่กาหนดก็ได้ มีรายละเอียดดังนี้
แอททริบิวต์ ความหมาย
align ใช้สาหรับจัดตาแหน่งของย่อหน้าข้อความตามค่าของ alignConstant ดังนี้
- left กาหนดให้แสดงย่อหน้าชิดซ้ายของหน้าต่างโปรแกรมเว็บบราวเซอร์
- right กาหดให้แสดงย่อหน้าชิดขวาของหน้าต่างโปรแกรมเว็บบราวเซอร์
- center กาหดให้แสดงย่อหน้ากึ่งกลางของหน้าต่างโปรแกรมเว็บบราวเซอร์
กรณีที่ไม่กาหนด align ย่อหน้าของข้อความจะอยู่ชิดซ้าย (มีความหมายเหมือนกันกับการกาหนด
align= "left")
<html>
<head> <title> ตัวอย่างการแสดงข้อความของโปรแกรมเว็บบราวเซอร์ </title> </head>
<body>
หน่วยเก็บข้อมูลสารอง (Secondary Storage Device) ประกอบไปด้วยอุปกรณ์ดังนี้
<p>
1 ฮาร์ดดิสก์ (Hard Disk) เป็นฮาร์ดแวร์ที่ทาหน้าที่เก็บข้อมูลในเครื่องคอมพิวเตอร์ ทั้งโปรแกรม
ใช้งานต่างๆ ไฟล์เอกสาร รวมทั้งเป็นที่เก็บระบบปฏิบัติการที่เป็นโปรแกรมควบคุมการทางานของเครื่อง
คอมพิวเตอร์ด้วย
</p>
<p>
2 ฟล็อบปี้ดิสก์ (Floppy Disk) เป็นอุปกรณ์บันทึกข้อมูลที่มีขนาด 3.5 นิ้ว มีลักษณะเป็นแผ่น
กลมบางทาจากไมลาร์ (Mylar) สามารถบรรจุข้อมูลได้เพียง 1.44 เมกะไบต์ เท่านั้นี
</p>
</body>
</html>
รูปแบบ
<p align="ตาแหน่งการแสดงผล">……………</p>
ครูผู้สอน นายไกรลาศ จิบจันทร์
รูปแสดงผลไฟล์ HTML การྺึ้Ȩ่อหน้าใหม่ด้วยคาสั่ง <p>
<html>
<head> <title> ตัวอย่างการแสดงข้อความของโปรแกรมเว็บบราวเซอร์ </title> </head>
<body>
หน่วยเก็บข้อมูลสารอง (Secondary Storage Device) ประกอบไปด้วยอุปกรณ์ดังนี้
<p aling="left">
1 ฮาร์ดดิสก์ (Hard Disk)
</p>
<p aling="center">
2 ฟล็อบปี้ดิสก์ (Floppy Disk)
</p>
<p aling="right">
3 ซีดี (Compact Disk - CD)
</p>
</body>
</html>
ครูผู้สอน นายไกรลาศ จิบจันทร์
รูปแสดงผลไฟล์ HTML การྺึ้Ȩ่อหน้าใหม่ด้วยคาสั่ง <p>
แบบจัดซ้าย จัดกึ่งกลาง และจัดขวา

More Related Content

การྺึ้Ȩ่อหน้าใหม่

  • 1. ครูผู้สอน นายไกรลาศ จิบจันทร์ เอกสารประกอบการเรียน รายวิชา การสร้างเว็บไซต์ด้วยภาษา HTML เรื่อง การྺึ้Ȩ่อหน้าใหม่ เป็นคาสั่งที่ใช้กาหนดย่อหน้าของข้อความ ในภาษาอังกฤษเรียกว่า paragraph โดยคาสั่งการขึ้นย่อ หน้าย่อหน้าใหม่คือ คาสั่ง <p> มีรูปแบบของคาสั่ง ดังนี้ คาสั่ง <p> มีแอททริบิวต์ คือ align ซึ่งจะกาหนดหรือไม่กาหนดก็ได้ มีรายละเอียดดังนี้ แอททริบิวต์ ความหมาย align ใช้สาหรับจัดตาแหน่งของย่อหน้าข้อความตามค่าของ alignConstant ดังนี้ - left กาหนดให้แสดงย่อหน้าชิดซ้ายของหน้าต่างโปรแกรมเว็บบราวเซอร์ - right กาหดให้แสดงย่อหน้าชิดขวาของหน้าต่างโปรแกรมเว็บบราวเซอร์ - center กาหดให้แสดงย่อหน้ากึ่งกลางของหน้าต่างโปรแกรมเว็บบราวเซอร์ กรณีที่ไม่กาหนด align ย่อหน้าของข้อความจะอยู่ชิดซ้าย (มีความหมายเหมือนกันกับการกาหนด align= "left") <html> <head> <title> ตัวอย่างการแสดงข้อความของโปรแกรมเว็บบราวเซอร์ </title> </head> <body> หน่วยเก็บข้อมูลสารอง (Secondary Storage Device) ประกอบไปด้วยอุปกรณ์ดังนี้ <p> 1 ฮาร์ดดิสก์ (Hard Disk) เป็นฮาร์ดแวร์ที่ทาหน้าที่เก็บข้อมูลในเครื่องคอมพิวเตอร์ ทั้งโปรแกรม ใช้งานต่างๆ ไฟล์เอกสาร รวมทั้งเป็นที่เก็บระบบปฏิบัติการที่เป็นโปรแกรมควบคุมการทางานของเครื่อง คอมพิวเตอร์ด้วย </p> <p> 2 ฟล็อบปี้ดิสก์ (Floppy Disk) เป็นอุปกรณ์บันทึกข้อมูลที่มีขนาด 3.5 นิ้ว มีลักษณะเป็นแผ่น กลมบางทาจากไมลาร์ (Mylar) สามารถบรรจุข้อมูลได้เพียง 1.44 เมกะไบต์ เท่านั้นี </p> </body> </html> รูปแบบ <p align="ตาแหน่งการแสดงผล">……………</p>
  • 2. ครูผู้สอน นายไกรลาศ จิบจันทร์ รูปแสดงผลไฟล์ HTML การྺึ้Ȩ่อหน้าใหม่ด้วยคาสั่ง <p> <html> <head> <title> ตัวอย่างการแสดงข้อความของโปรแกรมเว็บบราวเซอร์ </title> </head> <body> หน่วยเก็บข้อมูลสารอง (Secondary Storage Device) ประกอบไปด้วยอุปกรณ์ดังนี้ <p aling="left"> 1 ฮาร์ดดิสก์ (Hard Disk) </p> <p aling="center"> 2 ฟล็อบปี้ดิสก์ (Floppy Disk) </p> <p aling="right"> 3 ซีดี (Compact Disk - CD) </p> </body> </html>
  • 3. ครูผู้สอน นายไกรลาศ จิบจันทร์ รูปแสดงผลไฟล์ HTML การྺึ้Ȩ่อหน้าใหม่ด้วยคาสั่ง <p> แบบจัดซ้าย จัดกึ่งกลาง และจัดขวา