บทที่ 2 [HTML] แท็ก <br> <hr>
หน้า 1 จาก 1
บทที่ 2 [HTML] แท็ก <br> <hr>
จากตอนที่แล้ว ที่ได้อธิบายแท็กพื้นฐานทั้ง 8 แท็ก คราวนี้ เรามาเริ่มศึกษาแท็กกันเลยดีกว่า
แท็กที่จะอธิบายในครั้งนี้ คือแท็ก <br> ซึ่งเอาไว้ใช้ในการขึ้นบรรทัดใหม่ และแท็ก <hr> ซึ่งไว้ใช้ขีดเส้นคั่นเว็บ
เรามาเริ่มจากแท็ก <br> กันก่อน
<br> เป็นคำสั่งที่ใช้สั่งให้ขึ้นบรรทัดใหม่ เช่น มีข้อความ "หน้าที่สำคัญของไต 1. ขับถ่ายของเสีย ที่เกิดจากกระบวนการ Metabolism ออกจากร่างกาย 2. รักษาสมดุลของร่างกายให้คงที่ เช่น ปริมาตรสารละลาย, pH, เกลือแร่, และสารเคมีต่างๆ 3. รักษาความเข้มข้นของสารละลายในน้ำเลือด 4. มีส่วนร่วมในการสร้างเม็ดเลือดแดง โดยไตจะช่วยสร้าง Erythropoietin เพื่อไปกระตุ้นไขกระดูก ให้สร้างเม็ดเลือดแดง"
หากเราจัดระเบียบข้อความดังกล่าว ด้วยแท็ก <br> เช่น "หน้าที่สำคัญของไต<br> 1. ขับถ่ายของเสีย ที่เกิดจากกระบวนการ Metabolism ออกจากร่างกาย<br> 2. รักษาสมดุลของร่างกายให้คงที่ เช่น ปริมาตรสารละลาย, pH, เกลือแร่, และสารเคมีต่างๆ<br> 3. รักษาความเข้มข้นของสารละลายในน้ำเลือด<br> 4. มีส่วนร่วมในการสร้างเม็ดเลือดแดง โดยไตจะช่วยสร้าง Erythropoietin เพื่อไปกระตุ้นไขกระดูก ให้สร้างเม็ดเลือดแดง"
ก็จะได้ผลลัพธ์แบบนี้
หน้าที่สำคัญของไต
1. ขับถ่ายของเสีย ที่เกิดจากกระบวนการ Metabolism ออกจากร่างกาย
2. รักษาสมดุลของร่างกายให้คงที่ เช่น ปริมาตรสารละลาย, pH, เกลือแร่, และสารเคมีต่างๆ
3. รักษาความเข้มข้นของสารละลายในน้ำเลือด
4. มีส่วนร่วมในการสร้างเม็ดเลือดแดง โดยไตจะช่วยสร้าง Erythropoietin เพื่อไปกระตุ้นไขกระดูก ให้สร้างเม็ดเลือดแดง
เรามาต่อที่แท็ก <hr>
<hr> เป็นแท็กที่ใช้ขีดเส้นคั่นหน้า ซึ่งภายในคำสั่ง <hr> นี้ สามารถใส่คำสั่งเพิ่มเติม (Attribute) ได้
คำสั่งเพิ่มเติม (Attribute)
size = "n" กำหนดให้เส้น หนาเท่ากับ n พิกเซล (px)
width = "n" กำหนดให้เส้น ยาวเท่ากับ n พิกเซล นอกจากนี้ ยังกำหนดเป็นเปอร์เซนต์ ได้อีกด้วย โดยจะคิดจากความยาวของพื้นที่ที่ใช้แสดงผล เช่น width = "50%"
color = "00ff00" กำหนดให้สีเส้นเป็น 00ff00 โดยต้องกำหนดเป็นรหัสเลขฐานสิบหก ซึ่งรหัสเลขฐานสิบหกพวกนี้ เราสามารถหาได้จากอินเทอร์เน็ต หรือตามโปรแกรมกราฟฟิกต่างๆ ซึ่งรหัส 00ff00 ที่พิมพ์ไปนั้น เป็นรหัสของสีเขียว
นอกจากนี้ ยังมีคำสั่งเพิ่มเติม อีกเป็นจำนวนมาก ที่ยกมาเป็นเพียงส่วนน้อย ซึ่งเป็นคำสั่งที่ใช้บ่อยๆ
ตัวอย่างการแสดงผล จากคำสั่ง <hr size = "10" width = "90%" color = "006600" >
รหัสสีเลขฐาน 16 เนื่องจากในการเขียนเว็บไซต์ จำเป็นอย่างยิ่งที่จะต้องทราบรหัสเลขฐานสิบหก แต่การจะจำรหัสทั้งหมด หรือการเข้าใจการผสมสีของแสงก็ยาก จึงมีผู้ทำตารางแสดงรหัสสีสำหรับเว็บไซต์ ซึ่งเป็นสีพื้นฐาน จำนวน 256 สี ซึ่งด้านล่างนี้ จะเป็นการยกตัวอย่างตารางสี จากเว็บไซต์แห่งหนึ่ง
เนื่องจากภาพมีขนาดใหญ่ หากท่านต้องการชมภาพขนาดจริง สามารถชมได้ที่เว็บ http://www.real-world-solutions.org/calvin/images/colorcht.gif
แท็กที่จะอธิบายในครั้งนี้ คือแท็ก <br> ซึ่งเอาไว้ใช้ในการขึ้นบรรทัดใหม่ และแท็ก <hr> ซึ่งไว้ใช้ขีดเส้นคั่นเว็บ
เรามาเริ่มจากแท็ก <br> กันก่อน
<br> เป็นคำสั่งที่ใช้สั่งให้ขึ้นบรรทัดใหม่ เช่น มีข้อความ "หน้าที่สำคัญของไต 1. ขับถ่ายของเสีย ที่เกิดจากกระบวนการ Metabolism ออกจากร่างกาย 2. รักษาสมดุลของร่างกายให้คงที่ เช่น ปริมาตรสารละลาย, pH, เกลือแร่, และสารเคมีต่างๆ 3. รักษาความเข้มข้นของสารละลายในน้ำเลือด 4. มีส่วนร่วมในการสร้างเม็ดเลือดแดง โดยไตจะช่วยสร้าง Erythropoietin เพื่อไปกระตุ้นไขกระดูก ให้สร้างเม็ดเลือดแดง"
หากเราจัดระเบียบข้อความดังกล่าว ด้วยแท็ก <br> เช่น "หน้าที่สำคัญของไต<br> 1. ขับถ่ายของเสีย ที่เกิดจากกระบวนการ Metabolism ออกจากร่างกาย<br> 2. รักษาสมดุลของร่างกายให้คงที่ เช่น ปริมาตรสารละลาย, pH, เกลือแร่, และสารเคมีต่างๆ<br> 3. รักษาความเข้มข้นของสารละลายในน้ำเลือด<br> 4. มีส่วนร่วมในการสร้างเม็ดเลือดแดง โดยไตจะช่วยสร้าง Erythropoietin เพื่อไปกระตุ้นไขกระดูก ให้สร้างเม็ดเลือดแดง"
ก็จะได้ผลลัพธ์แบบนี้
หน้าที่สำคัญของไต
1. ขับถ่ายของเสีย ที่เกิดจากกระบวนการ Metabolism ออกจากร่างกาย
2. รักษาสมดุลของร่างกายให้คงที่ เช่น ปริมาตรสารละลาย, pH, เกลือแร่, และสารเคมีต่างๆ
3. รักษาความเข้มข้นของสารละลายในน้ำเลือด
4. มีส่วนร่วมในการสร้างเม็ดเลือดแดง โดยไตจะช่วยสร้าง Erythropoietin เพื่อไปกระตุ้นไขกระดูก ให้สร้างเม็ดเลือดแดง
เรามาต่อที่แท็ก <hr>
<hr> เป็นแท็กที่ใช้ขีดเส้นคั่นหน้า ซึ่งภายในคำสั่ง <hr> นี้ สามารถใส่คำสั่งเพิ่มเติม (Attribute) ได้
คำสั่งเพิ่มเติม (Attribute)
size = "n" กำหนดให้เส้น หนาเท่ากับ n พิกเซล (px)
width = "n" กำหนดให้เส้น ยาวเท่ากับ n พิกเซล นอกจากนี้ ยังกำหนดเป็นเปอร์เซนต์ ได้อีกด้วย โดยจะคิดจากความยาวของพื้นที่ที่ใช้แสดงผล เช่น width = "50%"
color = "00ff00" กำหนดให้สีเส้นเป็น 00ff00 โดยต้องกำหนดเป็นรหัสเลขฐานสิบหก ซึ่งรหัสเลขฐานสิบหกพวกนี้ เราสามารถหาได้จากอินเทอร์เน็ต หรือตามโปรแกรมกราฟฟิกต่างๆ ซึ่งรหัส 00ff00 ที่พิมพ์ไปนั้น เป็นรหัสของสีเขียว
นอกจากนี้ ยังมีคำสั่งเพิ่มเติม อีกเป็นจำนวนมาก ที่ยกมาเป็นเพียงส่วนน้อย ซึ่งเป็นคำสั่งที่ใช้บ่อยๆ
ตัวอย่างการแสดงผล จากคำสั่ง <hr size = "10" width = "90%" color = "006600" >
รหัสสีเลขฐาน 16 เนื่องจากในการเขียนเว็บไซต์ จำเป็นอย่างยิ่งที่จะต้องทราบรหัสเลขฐานสิบหก แต่การจะจำรหัสทั้งหมด หรือการเข้าใจการผสมสีของแสงก็ยาก จึงมีผู้ทำตารางแสดงรหัสสีสำหรับเว็บไซต์ ซึ่งเป็นสีพื้นฐาน จำนวน 256 สี ซึ่งด้านล่างนี้ จะเป็นการยกตัวอย่างตารางสี จากเว็บไซต์แห่งหนึ่ง
เนื่องจากภาพมีขนาดใหญ่ หากท่านต้องการชมภาพขนาดจริง สามารถชมได้ที่เว็บ http://www.real-world-solutions.org/calvin/images/colorcht.gif
Similar topics
» บทที่ 1 [HTML] แท็ก HTML พื้นฐาน
» บทที่ 10 [HTML]การสร้างจุดเชื่อมโยง
» บทที่ 3 [HTML] การตกแต่งข้อความ
» บทที่ 5 [HTML] คำสั่ง <ul> <ol>
» บทที่ 7 [HTML] คำสั่ง <img>
» บทที่ 10 [HTML]การสร้างจุดเชื่อมโยง
» บทที่ 3 [HTML] การตกแต่งข้อความ
» บทที่ 5 [HTML] คำสั่ง <ul> <ol>
» บทที่ 7 [HTML] คำสั่ง <img>
หน้า 1 จาก 1
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ
|
|