โต๊ะ - เป็นหนึ่งในสิ่งที่สำคัญที่สุด แต่ในองค์ประกอบในเวลาเดียวกันที่ซับซ้อนที่จะต้องนำเสนอบนหน้าเว็บ ด้วยความช่วยเหลือของพวกเขามันสะดวกที่จะใช้ข้อมูลที่สำคัญและมีประโยชน์ในรูปแบบที่ค่อนข้างรัดกุม แน่นอนบรรณาธิการที่สุดในแม่ที่ทำงานเกี่ยวกับเครื่องมือที่แตกต่างกันแทรกตารางโดยอัตโนมัติลงในเว็บไซต์ของคุณหรือสิ่งพิมพ์ที่แยกกัน แต่สิ่งที่ถ้าทรัพยากรการออกแบบเว็บ, หน้าเว็บของตนจะถูกสร้างขึ้นจากรอยขีดข่วน? จากนั้นนายสามเณรอาจได้รับปัญหา: วิธีการทำ ตารางใน HTML ลองมาดูวิธีการอย่างรวดเร็วและถูกต้องสร้างรายการ
เลือกแก้ไข
แรกของทั้งหมดที่เริ่มต้นในการสร้างตารางคุณควรกำหนดแก้ไขในที่ที่คุณจะทำงาน แน่นอนวิธีที่ง่ายที่สุดในการเลือกโปรแกรมที่คุณสร้างรหัสเว็บไซต์ขั้นพื้นฐาน แต่ที่ดีที่สุดคือการใช้เพื่อวัตถุประสงค์นี้ Notepad เก่าที่ดี
คุณอาจจะถามว่าทำไมซับซ้อนชีวิตของคุณเพราะถ้าคุณทำทุกอย่างถูกต้องในการแก้ไขแล้วผลที่สามารถมองเห็นได้ทันทีอีกด้วยและยังแจ้งให้โปรแกรมที่จะใช้
ใช่มันเป็นความจริง แต่การสร้างตารางจากรอยขีดข่วนที่คุณจะไม่เพียง แต่จะสามารถที่จะตรวจสอบอย่างละเอียดหลักการของการสร้างของมัน แต่ยังเพื่อป้องกันความผิดพลาดที่น่าอายและข้อผิดพลาดในรหัสอ้างอิง บางครั้งมันเกิดขึ้นโดยบังเอิญที่เคอร์เซอร์จะถูกย้ายลงและกระบวนการของการเขียนรหัสผิดพลาดในการครีพในซึ่งบางครั้งก็ยากที่จะหา การสร้างตารางในโน้ตบุ๊คคุณสามารถคัดลอกโค้ดและวางไว้ในสถานที่ที่เหมาะสมสำหรับคุณ
อัลกอริทึมสำหรับการสร้างตาราง
ในการเริ่มต้นทำอัลกอริทึมสั้น, วิธีการทำตารางใน HTML นี้เพื่อให้แน่ใจว่าคุณเข้าใจลำดับของแต่ละขั้นตอน แล้ววิเคราะห์ว่าวิธีการที่จะดำเนินการในแต่ละรายการ
ขอเริ่มต้นด้วยการกระทำเตรียมอุดมศึกษา
1. วาดแผนผังที่ภาพตารางกระดาษ
2. นับจำนวนแถวและเซลล์ หากหมายเลขที่ผ่านมาที่แตกต่างกัน - คิดของแต่ละ ryadochka แยกต่างหาก
3. กำหนดจำนวนในเซลล์แถวส่วนหัว (ตัวอย่างเช่น«№»มือถือ "ชื่อ" และ t. D. )
4. จดตัวแปรหลักของตาราง - สีสูงและความกว้าง, การจัดตำแหน่งข้อความ - ในระยะสั้นทุกอย่างที่คุณดูเหมือนพอดี
จากนั้นไปที่การสร้างตาราง:
1. ใส่ตารางแท็ก
2. ใส่แท็กของเส้นที่ขึ้นอยู่กับจำนวนเงินที่คุณต้องการ
3. แถวแทรกแท็กของเซลล์ (ปกติและตัวพิมพ์ใหญ่) ยังอยู่บนพื้นฐานของจำนวนเงินที่ได้รับการบันทึกลงบนกระดาษ
4. ตั้งค่าพารามิเตอร์สำหรับตารางทั้งหมด
5. หากคุณจำเป็นต้องตั้งค่าพารามิเตอร์สำหรับแต่ละเซลล์
6. กรอกข้อความมือถือของเรา
สร้างตาราง
ดังนั้นคุณเลือกบรรณาธิการตอนนี้ให้ดูที่วิธีการสร้างตารางใน HTML แท็กที่ช่วยให้โต๊ะ (
) ถูกแทรกลงในรหัสหน้าจะจับคู่, ที่อยู่, การก่อสร้างของเราเริ่มต้นด้วยการแท็กนี้และจบลงด้วย table>
แทรกตารางแท็กให้ดำเนินการสร้างแถวและเซลล์
ตอนนี้เราทราบว่าองค์ประกอบเหล่านี้ยังมีการจับคู่ แท็ก
กำหนดสตริงและ | - เซลล์
สำหรับบนเซลล์ควรจะใช้องค์ประกอบจับคู่ |
ดังกล่าวแล้วขั้นตอนแรกคือการวาดเส้นแล้วพวกเขาก็จะต้องลงทะเบียนมือถือ เพื่อที่จะหลีกเลี่ยงความสับสนก็จะแนะนำให้ทำช่องว่างใด ๆ ระหว่างแต่ละบล็อกเป็นเส้นหรือสองหรืออื่น ๆ เพื่อให้กำหนดองค์ประกอบของบล็อกใหม่โดยใช้ "แท็บ" ที่สำคัญ
วิธีที่จะสามารถมีลักษณะอย่างไร บางอย่างเช่นนี้
-
; -
; -
№ / p p TH>; -
ชื่อ TH>; - tr>;
-
; -
| 1 | ; -
Ivanov td>; - tr>;
- table>
ที่คุณสามารถดูไม่มีอะไรซับซ้อนเกี่ยวกับมัน สิ่งที่สำคัญ - ไม่ได้หายไปในจำนวนของแถวและเซลล์ มิฉะนั้นตารางจะเอียง
เราจะถูกรื้อถอนเพื่อสร้างตารางใน HTML, ตอนนี้เราสามารถย้ายไปยังพารามิเตอร์ของทั้งสองเมทริกซ์และแถวและเซลล์ของมัน
ตัวเลือกตาราง เมื่อรหัสที่เขียนมันเป็นสิ่งจำเป็นที่จะใส่ใจกับจุดต่อไปนี้: การจัดตำแหน่งใน ตาราง HTML ให้สีของ เส้นขอบพื้นหลัง, ข้อความ, และอื่น ๆ
พารามิเตอร์ที่ระบุไว้ในตารางแท็ก เหล่านี้รวมถึง:
1. ชายแดน - ความกว้างชายแดน กำหนดโดยจำนวนเต็ม โดยค่าเริ่มต้นเส้นขอบตารางใด ๆ หายไป
2. borderColor - สีของเส้นขอบ มันจะได้รับเป็นเลขฐานสิบหกสี (# 00008B) และชื่อของเขาใน angliykom (darkblue) โดยค่าเริ่มต้นมันก็มักจะเป็นสีเทา
3. bgcolor - สีพื้นหลัง ตามที่ระบุไว้ตามรหัสหรือชื่อ
4. จัด - จัดข้อความสำหรับตาราง เริ่มต้น - ด้านซ้าย มีตัวเลือกต่อไปนี้สำหรับพารามิเตอร์นี้คือ:
- ซ้าย - ขวาห่อ;
- ขวา -obtekanie ไปทางซ้าย;
- ศูนย์ - ตารางการส่งออกในช่วงกลางที่มีการไหลไม่มี
5. ความกว้างและความสูง - ความกว้างและความสูงของตาราง มันสามารถเป็นได้ทั้งในหน่วยพิกเซลหรือเป็นร้อยละ (เทียบกับขนาดของหน้าต่างเบราว์เซอร์)
กำหนดตัวบ่งชี้โดยเฉพาะอย่างยิ่งที่คุณควรให้ความสนใจเป็นพิเศษในการออกแบบ หลังจากระบุพารามิเตอร์ที่จะไปเข้าสู่ระบบ "เท่ากับ" หลังจากที่ในคำพูดที่บ่งบอกถึงค่าที่กำหนดไว้
สำหรับสีของข้อความแล้วทำออกมาในลักษณะเดียวกับข้อความธรรมดาในรูปแบบ HTML
ตัวอย่างของตาราง:
- <เส้นขอบตาราง = "2" borderColor = "# 00008B" bgcolor = "# FFFFFF" align = "center" width = "800" height = "800">;
-
; -
№ / p p TH>; -
ชื่อ TH>; - tr>;
-
; -
| 1 | ; -
Ivanov td>; - tr>;
- table>
แถวพารามิเตอร์ ดังนั้นเราจึงได้คิดแล้ววิธีที่จะทำให้ตารางใน HTML และกำหนดพารามิเตอร์หลัก แต่ถ้าเราต้องจัดสรรสตริง? ตรวจสอบของเธอไม่ได้เป็นตัวหลักของตาราง?
พารามิเตอร์บรรทัดที่เขียนในแท็ก | ในลักษณะเดียวกับตารางข้อมูล กับสายตัวแปรต่อไปนี้สามารถกำหนด:
1. รู้จักกันอยู่แล้วกับคุณชายแดน borderColor และ bgcolor
2. จัด - จัดข้อความในบรรทัด สามารถตั้งค่าไปทางซ้ายและขวาศูนย์
3. valign - แท็กสอดคล้องข้อความในแนวตั้ง มันต้องใช้ค่าต่อไปนี้:
- ด้านบน - ข้อความที่สอดคล้องกับขอบเขตบน;
- กลาง - ที่อยู่ตรงกลาง;
- ด้านล่าง - ขอบด้านล่าง
ตัวอย่างการกวาดล้างบรรทัด:
-
; -
№ / p p TH>; -
ชื่อ TH>; - tr>
เซลล์พารามิเตอร์ และสิ่งสุดท้ายที่คุณควรให้ความสนใจกับผู้ที่ต้องการทราบวิธีการทำตารางใน HTML - พารามิเตอร์ของแต่ละเซลล์ทั้งปกติและเงินทุน ในความเป็นจริงทุกอย่างจะทำในลักษณะเดียวกับที่สำหรับตารางหรือแถว เพิ่มเพียงสององค์ประกอบที่สำคัญ:
1. colspan - พารามิเตอร์นี้ระบุจำนวนคอลัมน์ที่เซลล์อาจขยาย
2. Rowspan - แล้วระบุจำนวนแถวที่ถูกครอบครองโดยเซลล์นี้
ตั้งแต่การออกแบบที่ไม่แตกต่างจากบรรทัดใบสั่งยาก็จะไม่ส่งผลในโค้ดตัวอย่าง
ผลการวิจัย ทำให้ตารางไม่ได้เป็นเรื่องยากที่มันอาจจะดูเหมือนได้อย่างรวดเร็วก่อน สิ่งที่สำคัญเมื่อเขียนรหัสของ - ความเพียรและความสนใจ
สำหรับวิธีการแทรกตารางใน HTML แล้วหมายเลขรหัสของมันก็เพียงพอที่จะคัดลอกและวางลงในสถานที่ของหน้าของคุณซึ่งในความคิดของคุณควรจะอยู่
อย่ากลัวที่จะทดสอบและเร็ว ๆ นี้คุณจะเข้าใจได้อย่างสมบูรณ์แบบเทคนิคการสร้างตาราง โชคดี!
| |
| | |
| | | |
|