SlideShare 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

Viewers also liked

Temeto
TemetoTemeto
Temeto
krizma
 
Bioequivalence studies
Bioequivalence studiesBioequivalence studies
Bioequivalence studies
wonderingsoul114
 
Collecting Code LaTeX 2013
Collecting Code LaTeX 2013 Collecting Code LaTeX 2013
Collecting Code LaTeX 2013
Hirwanto Iwan
 
EU Funds investments and projections, preparation for the 2014-2020 period
EU Funds investments and projections, preparation for the 2014-2020 periodEU Funds investments and projections, preparation for the 2014-2020 period
EU Funds investments and projections, preparation for the 2014-2020 period
Finanšu ministrija
 
Main principles of Fiscal policy in Latvia
Main principles of Fiscal policy in LatviaMain principles of Fiscal policy in Latvia
Main principles of Fiscal policy in Latvia
Finanšu ministrija
 
Questionnaire and analysis
Questionnaire and analysisQuestionnaire and analysis
Questionnaire and analysis
Jordan Booker
 
How to join a Twitter Chat from Exclusive Networks Group
How to join a Twitter Chat from Exclusive Networks GroupHow to join a Twitter Chat from Exclusive Networks Group
How to join a Twitter Chat from Exclusive Networks Group
Elsa Cariello
 
APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...
APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...
APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...
Zac Darcy
 
Pavliuk final
Pavliuk finalPavliuk final
Pavliuk final
Volyn Media
 

Viewers also liked (9)

Temeto
TemetoTemeto
Temeto
 
Bioequivalence studies
Bioequivalence studiesBioequivalence studies
Bioequivalence studies
 
Collecting Code LaTeX 2013
Collecting Code LaTeX 2013 Collecting Code LaTeX 2013
Collecting Code LaTeX 2013
 
EU Funds investments and projections, preparation for the 2014-2020 period
EU Funds investments and projections, preparation for the 2014-2020 periodEU Funds investments and projections, preparation for the 2014-2020 period
EU Funds investments and projections, preparation for the 2014-2020 period
 
Main principles of Fiscal policy in Latvia
Main principles of Fiscal policy in LatviaMain principles of Fiscal policy in Latvia
Main principles of Fiscal policy in Latvia
 
Questionnaire and analysis
Questionnaire and analysisQuestionnaire and analysis
Questionnaire and analysis
 
How to join a Twitter Chat from Exclusive Networks Group
How to join a Twitter Chat from Exclusive Networks GroupHow to join a Twitter Chat from Exclusive Networks Group
How to join a Twitter Chat from Exclusive Networks Group
 
APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...
APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...
APPLICATION OF PARTICLE SWARM OPTIMIZATION FOR ENHANCED CYCLIC STEAM STIMULAT...
 
Pavliuk final
Pavliuk finalPavliuk final
Pavliuk final
 

การขึ้นย่อหน้าใหม่

  • 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> แบบจัดซ้าย จัดกึ่งกลาง และจัดขวา