<FRAMESET COLS or ROWS = "80%,*" > </FRAMESET> <FRAME SRC = "main.html" > </FRAMESET> <FRAME SRC = "main.html" > </FRAMESET> <FRAME SRC = "top.html" > <FRAMESET COLS = "20%,80%" >
<FRAME
SRC = "left.html" > </FRAMESET> </FRAMESET> <FRAMESET> �繤����������鹡����˹�Ҩ� ��лԴ���´��� </FRAMESET> <FRAME SRC > �繤�������¢ͧ FRAMESET ���͡�˹�����ʴ��Ţ�������� ���ʴ��� HTML �ա��� ���ͨ�����ʴ����ٻ�Ҿ���� �ҡ������ҧ��ҹ���� ��ҡ�˹���Ҵ�ͧ���Ҿ�������繵� 80%,*
(����ͧ���� * ���¶֧ ��Ҵ�ͨ��Ҿ��������) �͡�ҡ�������ѧ����ö��˹��� pixel ����� �� 500,100 �繵� ��˹����˹觢�ͤ�������ǵ�� �ٻẺ����� <FRAME SRC = "right.html" name = "show" > โดยปกติเมื่อเราเขียนข้อมูลต่าง ๆ ใน Text Editor เมื่อนำไปแสดงผลที่บราวเซอร์จะไม่เหมือนกับรูปแบบที่เราเขียนใน Text Editor เพราะว่าการจัดรูปแบบเอกสารต้องใช้คำสั่งภาษา HTML เพื่อกำหนดให้เอกสารมีรูปแบบตามต้องการ เมื่อแสดงผลในเว็บบราวเซอร์ 1. การตัดคำขึ้นบรรทัดใหม่<br /> แท็ก <br /> เป็นคำสั่งที่กำหนดจุดสิ้นสุดของบรรทัด (break rule) แล้วทำการขึ้นบรรทัดใหม่เพื่อแสดงข้อความส่วนที่เหลือในบรรทัดถัดไป คำสั่งนี้จึงให้ผลเสมือนการกดคีย์ ENTER บนคีย์บอร์ดนั่นเอง ข้อสังเกต แท็ก <br /> ส่วนใหญ่มักนิยมจะวางไว้ในตำแหน่งสุดท้ายของประโยค โดยต้องการให้แสดงผลประโยคใหม่ในบรรทัดต่อมา ตัวอย่างการใช้แท็ก <br /> <!DOCTYPE HTML> <html> <head> <title>การตัดคำขึ้นบรรทัดใหม่</title> </head> <body> การใช้งานคำสั่ง br <br />ซึ่งเป็นคำสั่งที่ทำให้ข้อความขึ้นบรรทัดใหม่ </body> </html> ผลลัพธ์ที่ได้ 2. การตัดคำขึ้นย่อหน้าใหม่ <p> แท็ก <p> เป็นแท็กที่สั่งให้โปรแกรมเว็บบราวเซอร์ขึ้นย่อหน้าใหม่ (paragraph) โดยจะมีการเว้นบรรทัดว่างไว้ 1 บรรทัด รูปแบบแท็ก <p>ข้อความที่ต้องการขึ้นย่อหน้าใหม่</p> ตัวอย่างการใช้งานแท็ก <p> <!DOCTYPE HTML> <html> <head> <title>การตัดคำขึ้นย่อหน้าใหม่</title> </head> <body> การใช้งานคำสั่ง p <p>ซึ่งเป็นคำสั่งที่ทำให้ข้อความขึ้นย่อหน้าใหม่</p> </body> </html> ผลลัพธ์ที่ได้ ข้อสังเกต 3. การจัดวางตำแหน่งข้อความในย่อหน้า เราสามารถจัดเรียงข้อความในแต่ละย่อหน้าของเว็บเพจได้ โดยการกำหนดตำแหน่งในแอตทริบิวต์ align (Alignment) ของแท็ก p ดังนี้ รูปแบบของแท็ก <p align= “ตำแหน่ง”>ข้อความ</p> ตัวอย่างการใช้งานแท็ก <!DOCTYPE HTML> <html> <head> <title>การจัดตำแหน่งการตัดคำขึ้นย่อหน้าใหม่</title> </head> <body> <p align=”left”>การจัดวางตำแหน่งข้อความในย่อหน้าด้านซ้าย</p> <p align=”center”>การจัดวางตำแหน่งข้อความในย่อหน้าตรงกลาง</p> <p align=”right”>การจัดวางตำแหน่งข้อความในย่อหน้าด้านขวา</p> <p align=”justify”>การจัดวางตำแหน่งข้อความในย่อหน้าแบบจัดเต็มพื้นที่ ซึ่งข้อความจะมีลักษณะเท่ากันทั้งด้านซ้ายและด้านขวา</p> </body> </html> ผลลัพธ์ที่ได้ 4. การจัดวางตำแหน่งข้อความให้อยู่กึ่งกลาง <center> รูปแบบของแท็ก <center>ข้อความ</center> 5. การจัดรูปแบบเอกสารตามที่กำหนด <pre> เป็นการกำหนดให้แสดงข้อความที่อยู่ในย่อหน้าที่อยู่ในชุดคำสั่งดังกล่าว เหมือนกับที่พิมพ์ไม่ว่าจะเป็นการเว้นวรรค หรือขึ้นบรรทัดใหม่ แต่จะบังคับใช้ fixed width fonts รูปแบบแท็ก <pre>ข้อความ</pre> ตัวอย่างการใช้แท็ก pre (Preformatted) <!DOCTYPE HTML> <html> <head> <title>การใช้แท็ก pre (Preformatted)</title> </head> <body> <pre>ข้อดีของ HTML คือ สามารถใช้ได้กับเครื่องคอมพิวเตอร์ และระบบปฏิบัติการได้หลากหลายชนิด </pre> </body> </html> ผลลัพธ์ที่ได้ 6. การสร้างเส้นคั่น<hr> แท็ก <hr> เป็นแท็กที่แสดงเส้นขีดคั่นทางแนวนอน (horizontal rule) โดยอาจใช้เป็นเส้นแบ่งเนื้อหาระหว่างบท หรือเป็นเส้นขีดคั่นเพื่อความสวยงามและเป็นระเบียบของเนื้อหา เป็นการกำหนดเส้นคั่นซึ่งเป็นคำสั่งที่ไม่ต้องมีคำสั่งปิด (Single Tag) รูปแบบแท็ก <hr /> (เป็นแท็กว่างต้องปิดแท็กด้วย / หลังจากแท็กคำสั่ง)
ตัวอย่างการใช้แท็ก hr (Horizontal Rule) <!DOCTYPE HTML> <html> <head> <title>การใช้แท็ก hr (Horizontal Rule)</title> </head> <body> <body> เส้นคั่นยาว=50% ความหนา=5 พิกเซล ตำแหน่ง=ซ้าย สีเส้นคั่น=สีแดง เส้นทึบ <hr width=”50%” size=”5″ align=”left” color=”red” noshade=”noshade” /> เส้นคั่นยาว=50% ความหนา=5 พิกเซล ตำแหน่ง=ขวา สีเส้นคั่น=สีเหลือง เส้นทึบ <hr width=”50%” size=”5″ align=”right” color=”yellow” noshade=”noshade” /> เส้นคั่นยาว=50% ความหนา=5 พิกเซล ตำแหน่ง=ขวา สีเส้นคั่น=สีน้ำเงิน เส้นทึบ <hr width=”50%” size=”5″ align=”center” color=”blue” noshade=”noshade” /> </body> </html> ผลลัพธ์ที่ได้ คลิปวิดีโอ
คำสั่งที่ใช้ในการจัดรูปแบบการจัดวางข้อมูลคืออะไรคำอธิบาย align (Alignment) กำหนดตำแหน่งของการจัดวางข้อความ ได้แก่ left (ซ้าย), right (ขวา), center (ตรงกลาง) และ justify (จัดเต็มพื้นที่)
คำสั่งที่ใช้สำหรับการจัดย่อหน้าคือข้อใดการจัดย่อหน้าในเอกสาร HTML จะใช้คำสั่ง <p> เป็นคำสั่งที่สั่งให้โปรแกรมเว็บเบราเซอร์ขึ้นย่อหน้าใหม่ (paragraph) คำสั่ง <p> จะเป็นการจัดเอกสารขึ้นบรรทัดใหม่เช่นเดียวกับการใช้คำสั่ง <br> แต่จะแตกต่างที่ช่องว่างระหว่างบรรทัดมากกว่าคำสั่ง <br>
ข้อใดเป็นคำสั่งที่ใช้สำหรับตัดคำขึ้นบรรทัดใหม่ในการแสดงผลข้อมูล บนหน้าเว็บเพจ3.1 การขึ้นบรรทัดใหม่ (Break) คำสั่งแรกในการจัดรูปแบบเอกสาร ในภาษา HTML คือ การขึ้นบรรทัดใหม่ จะใช้คำสั่ง <br> จะให้ผลเสมือนการกด Enter บนคีย์บอร์ด
ข้อใดเป็นคำสั่งเว้นบรรทัดการเว้นบรรทัดใน HTML ให้ใช้คำสั่ง <br /> <br /> ตามท้ายข้อความที่ต้องการขึ้นบรรทัดใหม่ต่อไป คำสั่งท<br /> เป็นคำสั่งที่ไม่ต้องมีคำสั่งปิด (Single Tag)
|