Blop tips เก็บตกเค้ามา #4 ว่าด้วยการจัดระเบียบข้อความ tags ยอดนิยม-จัดเนื้อหาดีกว่า tags ในการตกแต่งเนื้อความ เรียงลำดับ tag ... การจัดรูปแบบ มีกฏสำคัญอยู่ว่า ต้องเรียงลำดับครับ คือต้องสั่งแล้วจบทีละ tag ไป ไม่งั้นจะแปลผลผิดพลาดได้ ดังนั้น หากว่าวาง tag เปิด แล้วต้องปิดก่อนจะว่าง tag ปิดของตัวถัดไปครับ ตัวอย่างที่ถูกต้อง : ข้อความต่อไปนี้จะ < b > < i > < u >ตัวหนา เอียง และมีเส้นใต้< /u >< /i > < /b > ผลที่ได้ : ข้อความต่อไปนี้จะ ตัวหนา เอียง และมีเส้นใต้ สำหรับตัวอักษรตัวใหญ่ (upper case, capital letter) หรือเล็ก (lower case) ไม่สำคัญครับ การสร้างเส้น เส้นที่ว่า คือไอ้ที่เห็นแบ่งหัวข้อในหน้านี้ล่ะครับ การสร้างจะมีประโยชน์มาก โดยเฉพาะคนที่เลือกแบบไม่มีกรอบแบบผม คำสั่งที่ใช้ก็คือ หรือ Horizental Rule หรือเส้นแนวขวางครับ คำสั่งนี้ไม่ต้องใช้ tags ปิดนะครับ ขนาดของเส้น (size) กำหนดได้เป็น pixels สี (color) ก็กำหนดได้ครับ โดยระบุ code สี หรือถ้าจำไม่ได้ สีพื้นฐานก็ระบุไปได้เลยเป็น ขาว white ดำ black ทำนองนี้ครับ สำหรับความยาว (width) กำหนดได้ทั้งเป็นตัวเลขไปเลย และเป็นเปอร์เซ็นต์ครับ สำหรับบางคนที่กำหนดเส้นหนา ๆ อาจพบว่ามันจะมีสองสีนะครับ เป็นเทาอ่อน เทาแก่ ทำนองนั้น (shade) สามารถกำหนดให้ไม่มี (noshade)ได้ด้วย กรณีที่กำหนดไม่เต็มหน้าก็ระบุไปได้อีกว่าจะให้ชิดซ้ายหรือขวาครับ (align) ครับ ค่าที่อยู่หลังเครื่องหมายเท่ากับ (=) ต้องมี " หรือ ' ด้วยนะครับ อย่าลืม ตัวอย่าง : <--- แบบนี้ไม่ระบุ noshade ผลที่ได้ : <--- เห็นว่ามีขอบเงาดำ ๆ อยู่ ตัวอย่าง : ผลที่ได้ : การจัดหน้า การจัดหน้า หรือ Attributes คือการจัดให้มีข้อความชิดซ้าย ชิดขวา อยู่ตรงกลางครับ ตามปกติเราอาจจะจัดรูปแบบหน้าได้หลายวิธี แล้วแต่ชนิดของคำสั่ง tag ที่เราใช้ กรณีที่เป็นข้อความทั่วไป เราใช้คำสั่ง ข้อความที่ต้องการ แทน สำหรับถ้าต้องการให้ชิดซ้ายหรือขวา ก็ใส่ left หรือ right แทนที่ center ได้ตามลำดับ "p" ก็หมายถึง "paragraph" หรือข้อความในย่อหน้านั้น ๆ "algin" ก็คือการจัดเรียงตัวครับ นอกจากนี้ยังใช้ได้กับ top, bottom ในกรณีที่ทำตารางหรือมีกรอบได้อีกด้วยครับตัวอย่าง : < p align=right > เพื่อให้ย่อหน้านี้ชิดขวา ผลที่ได้ : เพื่อให้ย่อหน้านี้ชิดขวา ตัวอย่าง : < p align=center > เพื่อให้ย่อหน้านี้อยู่กลางหน้า ผลที่ได้ : เพื่อให้ย่อหน้านี้อยู่กลางหน้า ขึ้นบรรทัดใหม่ สำหรับ blog ของพันทิปนั้น เมื่อเราเคาะแป้น enter ระบบจะจัดการให้ข้อความของเราขึ้นบรรทัดใหม่ทันทีครับแต่สำหรับระบบอื่น ๆ นั้นแตกต่างกัน เราจำเป็นต้องมี code ที่ระบุว่า ตอนนี้นะ ชั้นจะขึ้นบรรทัดใหม่แล้วนะ โดยคำสั่ง tag ที่เราใช้ก็คือ ซึ่งมาจากคำว่า BReak นั่นเองครับ แปลว่าได้เวลาที่ต้องแตกหักกันซะที... สำหรับการขึ้นบรรทัดใหม่นี้อาจจะทำให้ระบบของพันทิปอ่านคำสั่งพลาดได้ ดังนั้นเอาเป็นว่าแค่รู้ก็แล้วกันนะครับ นอกจากนี้ยังอาจจะใช้ วางในหน้าของประโยคที่ต้องการขึ้นหน้าใหม่ครับ หัวเรื่องของเรา หัวเรื่องก็คือ Heading จะเรียก พาดหัวข่าว งั้นก็ได้ครับ ปกติทำได้ไม่ยาก หากเราต้องการให้ข้อความที่เราต้องการเป็นหัวเรือง ก็ใส่คำสั่งนี้ .... หรือ heading ลงไป โดยเราจะกำหนดเลขหลัง h เพื่อแสดงขนาดของ font ซึ่งปกติ จะมีได้ 6 ขนาดใน font ทั่วไป ส่วนถ้าเรากำหนด font ในหน้าเป็นของตัวเองก็กำหนดขนาดได้ตามใจชอบครับขอบคุณที่นำมาฝากกันจ้า
เรื่องต่อไป..ขอเหมือนคนข้างบนนะนะ โดย: zaesun วันที่: 1 มิถุนายน 2548 เวลา:1:47:21 น.
แค่กำลังเริ่มหัดครับ เลยต้องขออณญาติเข้ามาหาความรู้ ขอบคุณมากครับ
โดย: kaman วันที่: 24 กันยายน 2548 เวลา:16:39:04 น.
|
บทความทั้งหมด
|
ขอบคุณสำหรับความรู้ค่ะเพ่
=@^__^@=
เรื่องต่อไป ขอเป็นการแทรกเพลง แทรกภาพ แทรก link นะเคอะ
อิอิ