3.คำสั่งการจัดเอกสารบนหน้าเว็บ
TRANSCRIPT
คำ��สั่��งในก�รจั�ดหน��เอกสั่�รบนหน��เว็�บเพจั
ชั้��นมั�ธยมัศึกษา กลุ่��มัสาระการงานพื้��นฐานอาชั้�พื้แลุ่ะเทคโนโลุ่ย�จั�ดท!าขึ้�นเพื้�#อใชั้%เป็'นส�#อป็ระกอบการเร�ยนการสอน โดย นาย อ�ศึวิ*น ขึ้�ดชั้��มัแสง
ก�รตั�ดคำ��ขึ้��นบรรทั�ดใหม่� <br>
ก�รตั�ดคำ��ขึ้��นบรรทั�ดใหม่� <br> การตั�ดบรรท�ดใหมั�น��นป็รกตั* web browser จัะท!าการตั�ดให%อย-�แลุ่%วิ แตั�การตั�ดค!าขึ้อง web browser จัะตั�ดเมั�#อแสดงผลุ่ไมั�ได% แตั�ถ้%าเราใส�ค!าส�#ง <br> เขึ้%าไป็ web browser จัะตั�ดให%ท�นท� ซึ่#งค�ณอาจัจั!าเป็'นท�#จัะตั%องตั�ดค!าเป็'นบรรท�ดส��นๆชั้�#อแท4ก br
ตั!าแหน�งขึ้องแท4ก อย-�ภายใตั%แท4ก <body>…</body> ร-ป็แบบ HTML <br> ขึ้%อควิามัท�#ตั%องการขึ้�นบรรท�ดใหมั�
คำ��สั่��ง <br>
ก�รตั�ดคำ��ขึ้��นย่�อหน��ใหม่� <P> การขึ้�นย�อหน%าใหมั�ด%วิยแท4ก P จัะแตักตั�างจัากการขึ้�นบรรท�ดใหมั�ด%วิยแท4ก br ค�อ การขึ้�นย�อหน%าใหมั�มั�การเวิ%นบรรท�ดวิ�างไวิ% เพื้�#อให%ย�อหน%าใหมั�ถ้-กแยกออกจัากหน%าท�#ผ�านมัาได%อย�างชั้�ดเจันAttribute
Align โดย่ม่ คำ��ทั �จัะก��หนดได�ด�งน �Center : จั�ดกล�งLeft : ชิ%ดซ้��ย่ Right : ชิ%ดขึ้ว็�
ร'ปแบบก�รใชิ�คำ��สั่��ง <p>…..</p> <p align= left | center | right>text</p>
คำ��สั่��งไม่�ม่ ก�รตั�ดขึ้�อม่'ลขึ้��นบรรทั�ดใหม่� <nobr>
ควิามัหมัายขึ้องค!าส�#ง
เมั�#อเราตั%องการยกเลุ่*กการตั�ดค!าบนบราวิเซึ่อร6
ป็ระเภทขึ้อง tag tag ค-�ร-ป็แบบการใชั้%ค!าส�#ง <nobr>....................ขึ้%อควิามั.......
................</nobr>
ก�รจั�ดร'ปแบบเอกสั่�รตั�ม่ทั �ก��หนด <pre>
ควิามัหมัายขึ้องค!าส�#ง
เป็'นค!าส�#งท�#ใชั้%จั�ดร-ป็แบบเอกสารตัามัท�#ก!าหนดไวิ%ใน Notepad (Preformatted)
ป็ระเภทขึ้อง tag tag ค-�ร-ป็แบบการใชั้%ค!าส�#ง <pre>....................ขึ้%อควิามั.........
..............</pre>
คำ��สั่��งก��หนดจั*ดให�บร�ว็เซ้อร+ตั�ดคำ�� <wbr>
ควิามัหมัายขึ้องค!าส�#ง
เป็'นค!าส�#งท�#ใชั้%ร�วิมัก�บแท4ก <nobr>….
</nobr> ใชั้%วิางจั�ดตั!าแหน�งท�#ตั%องการตั�ดค!าภายในแท4ก <nobr>…. </nobr>
ป็ระเภทขึ้อง tag Tag เด�#ยวิร-ป็แบบการใชั้%ค!าส�#ง <wbr>ขึ้%อควิามั
เสั่�นคำ��นในแนว็นอน ชิ,�อแทั�ก <hr>
<hr width="n" align="left/right/center" size="n" noshade="noshade" color="สั่ " />
align - ก�รจั�ดว็�งตั��แหน�งขึ้องเสั่�น size , width - เป็'นการก!าหนดควิามัยาวิให%ก�บเส%น สามัารถ้ก!าหนดเป็'นท��ง pixels แลุ่ะ % โดยป็กตั*ถ้%าไมั�ก!าหนด เส%นจัะยาวิเตั4มัจัอภาพื้ noshade - ไม่�ตั�องแสั่ดงเป-นแบบ 3 ม่%ตั% color - ระบ*สั่ ขึ้องเสั่�น แสั่ดงผลเฉพ�ะบน IE
ก�รเขึ้ ย่นคำ��บรรย่�ย่ Soure code
ก�รเขึ้ ย่นคำ��บรรย่�ย่ Soure code ในส�วินขึ้องค!าบรรยาย soure code น��นจัะไมั�แสดงท�# web browser เราเขึ้�ยนเพื้�#อบรรยายวิ�า sorce code ส�วินน��ใชั้%ท!าอะไร เพื้�#อควิามัสะดวิกเมั�#อกลุ่�บมัาแก%ไขึ้ sorce code ในภายหลุ่�งเพื้ราะเราอาจัจั!าไมั�ได%วิ�าเราเขึ้�ยนส�วินน��ไวิ%เพื้�#ออะไร เพื้ราะวิ�าจัร*งๆแลุ่%วิ soure code ท�#เราใชั้%งานจัร*งน��นจัะมั�มัากมัายหลุ่ายร%อยบรรท�ด ถ้%าเราไมั�เขึ้�ยนบรรยายไวิ%ก4ท!าให%เส�ยเวิลุ่าในการหาส�วินท�#เราตั%องการจัะแก%ไขึ้
<!-- ค!าบรรยาย source code --!>
ก%จักรรม่ แบบฝึ2กห�ดทั��ย่บทัทั � 3