คอมพิวเตอร์ซอฟต์แวร์

ใช้ตาราง HTML

ในรูปแบบ HTML มีองค์ประกอบมากมายและแต่ละของพวกเขามีความเป็นเอกลักษณ์ในแบบของตัวเอง - ตารางที่น่าสนใจมากที่นิยมและเรื่องร้ายแรง ขอขอบคุณที่เธอคุณสามารถไม่เพียง แต่ให้ข้อมูลในรูปแบบที่สะดวก แต่ยังจะสร้างกรอบการเว็บไซต์

ก่อนหน้านี้เกือบทั้งหมดใช้เว็บมาสเตอร์ตารางสำหรับรูปแบบคือเว็บไซต์ ในขั้นต้นตารางมันไม่ได้เกิดขึ้นกับ ดังนั้นเราจึงต้องใช้บล็อกองค์ประกอบ div เพื่อทำเครื่องหมายเว็บไซต์

หากคุณไม่ต้องการที่จะยังคงอยู่เสมอสามเณรได้รับการใช้งานได้ทันทีที่จะทำทุกอย่างถูกต้อง นี้เป็นสิ่งสำคัญมากในภาษา HTML ตารางควรอยู่เฉพาะข้อมูลที่ปกติ (ข้อความเชื่อมโยง, รายการ, ภาพ, และอื่น ๆ . พี) และไม่ได้ทั้งเว็บไซต์เป็นทั้ง

วิธีที่จะทำให้ HTML ตาราง?

โต๊ะ - องค์ประกอบที่ซับซ้อนซึ่งประกอบด้วยจำนวนมากขององค์ประกอบอื่น ๆ โปรดจำไว้ว่าเมื่อมีการสร้างเซลล์หรือแถวเสมอทันทีต้องใส่แท็กปิด มิฉะนั้นมันจะบิน Handler ในเบราว์เซอร์จะมองหาจุดสิ้นสุดขององค์ประกอบและจนกระทั่งเขาพบว่ามันทุกอย่างจะยังคงที่จะรวมในตาราง ผลจะเป็นโจ๊ก

ถ้าคุณเขียนเว็บไซต์ใน "Notepad" แล้วทุกอย่างจะต้องทำด้วยมือของเขา ถ้าในตัวแก้ไขครั้งสุดท้ายมักจะมีปุ่ม - "แทรกตาราง", "แทรกภาพ" และอื่น ๆ

ตัวอย่างที่ 2 ตารางที่ 2

<ความกว้างของตาราง = "100%" border = "1">

ข้อความสำหรับบรรทัดแรกของเซลล์แรก

ข้อความของบรรทัดที่สองของเซลล์แรก

ข้อความของเซลล์แรกของแถวที่สอง

ข้อความของเซลล์ที่สองของแถวที่สอง

แท็ก

และ ระบุจุดเริ่มต้นและจุดสิ้นสุดของตาราง แท็ก และ - จุดเริ่มต้นและจุดสิ้นสุดของบรรทัด ในบรรทัดเดียวกันสามารถเป็นตัวเลขของเซลล์ที่ถูกกำหนดโดยแท็ก มีแท็กเพิ่มเติม
และ ใด ๆ

กฎหลักคือจำนวนของเซลล์ในแต่ละแถวจะต้องเหมือนกัน มันเป็นตาราง

แต่เป็นใน Word และ Excel แก้ไขเซลล์สามารถนำมารวมกับคนอื่น ๆ

วิธีการรวมเซลล์ในตารางหรือไม่?

การรวมและการใช้แอตทริบิวต์ colspan Rowspan Span แปลว่า "ปก" หรือ "ทับซ้อน" ความหมายที่แท้จริง - เพื่อให้ครอบคลุม / ปิดมือถือ / แถว

ค่าของแอตทริบิวต์นี้ต้องระบุว่าแถวหรือเซลล์มากจะถูกปิดกั้น ต่อไปนี้เป็นตัวอย่างที่เป็นตัวอย่างของการใช้ทั้ง HTML แอตทริบิวต์ ในตาราง

ในตัวอย่างนี้บรรทัดแรก 3 พูเซลล์โดยใช้แอตทริบิวต์ colspan = "3" จากนั้นเซลล์แรกของสตริงที่สองเหยียดในสี่แถว โปรดจำไว้ว่าการยืด / รวมเฉพาะในเซลล์แรก คุณสมบัติของเธอคือการแพร่กระจายบน ทั้งหมดที่มาก่อนจะไม่ได้รับผลกระทบ

ถ้าคุณมี 5 เซลล์คุณต้องการผสาน 2-4 แล้วคุณต้องเพียงจำนวนเซลล์ 2 ระบุแอตทริบิวต์ colspan = "3"

หมายเหตุจำนวนช่อง 9 ในรูปดังกล่าวข้างต้น มีสำรองทันทีและเซลล์และแถว การกระทำดังกล่าวจะไม่ได้รับอนุญาต

ดูตัวอย่างในการรักษาความปลอดภัยข้อมูลอื่น เนื่องจากบางสับสนและแอตทริบิวต์แทนแถวของเซลล์รวมกันบางครั้ง

รูปแบบตาราง

ใช้สามัญกรณีมาตรฐานของ HTML ตารางสองแถวสองเซลล์แต่ละ

ของรหัสที่จะเป็นดังนี้

ที่คุณสามารถดูไม่มีผลกระทบ คุณสามารถเพิ่มกรอบระบุความกว้างและความสูง

นอกจากนี้คุณยังสามารถเล่นกับการจัดตำแหน่ง มันสามารถจัดตำแหน่งทั้งสูงและความกว้าง

ตําแหน่งที่จะจัดในแนวนอนและ valign - แนวตั้ง นั่นเป็นผลเช่น

แอตทริบิวต์ที่สอดคล้องและ valign สามารถนำไปใช้ทั้งเส้น จากนั้นเซลล์ทั้งหมดที่อยู่ในนั้นจะต้องมีคุณสมบัติเหล่านี้

นอกจากนี้ในการแท็ก

และ
ในความเป็นจริงมันเป็นอะนาล็อกของ แต่มันจะใช้เฉพาะในแถวแรกและกำลังมุ่งหน้าไป โดยค่าเริ่มต้นข้อความใน เป็นศูนย์กลางและเป็นตัวหนา

วิธีการเชื่อมต่อรูปแบบโต๊ะได้หรือไม่

เช่นเดียวกับ แท็ก HTML ตารางสามารถแปลงโดยใช้วิธีการรูปแบบ คุณจำเป็นต้องระบุไฟล์รูปแบบในหัว หรือ สไตล์พร้อม (ตามที่ระบุไว้ในหัว)

...

<ชนิด style = "text / css ที่ ">

ตาราง {

font-family: Verdana, Arial, Helvetica, Sans-serif;

color: # 000000;

}

.my_class

{

color: # 666666;

}

...

ถ้าคุณระบุตารางแล้วรูปแบบนี้จะนำไปใช้กับทุกตารางบนหน้าเว็บ ทุกคนอย่างแน่นอน แต่ถ้าคุณใช้วิธีที่สองซึ่งระบุชื่อโดยพลการด้วยจุดแล้วรูปแบบนี้สามารถนำไปใช้ตารางที่ต้องการใด ๆ ในขณะที่ไม่ส่งผลกระทบต่อคนอื่น ๆ

<ตารางเรียน = "my_class">

โปรดทราบว่าการเรียนสามารถนำมาใช้เป็นแท็กสำหรับตารางและสำหรับเซลล์ที่เฉพาะเจาะจงหรือแถว

= " 100%" border = "1">

ข้อความบรรทัดแรกของเซลล์แรก

ข้อความของบรรทัดที่สองของเซลล์แรก

ข้อความของเซลล์แรกของแถวที่สอง

ข้อความของเซลล์ที่สองของแถวที่สอง

หากรูปแบบของศิลปินบางความผิดพลาดผลที่ได้จะไม่เห็น แต่ถ้าในรูปแบบมีข้อผิดพลาด แต่ชื่อจะเหมือนกันผลที่ออกมาจะไม่เป็น แต่ละจุลภาคหรือลำไส้ใหญ่มีบทบาทสำคัญ

คุณลักษณะเพิ่มเติมในตาราง

แอตทริบิวต์ที่สามารถเขียนได้ในชั้นเรียนของรูปแบบ? มีหลายลักษณะที่ใช้เฉพาะกับตารางที่มี พิจารณาขั้นพื้นฐานซึ่งส่วนใหญ่จะมีประโยชน์มาก

เป็นเส้นตรง

การจัดแนวนอน

valign

แนวตั้ง

พื้นหลัง

ภาพพื้นหลังในเซลล์ / ตาราง

bgcolor

สีพื้นหลังของ เซลล์

borderColor

ตารางสีกรอบ / เซลล์

ความสูง

ความสูงของเซลล์

nowrap

ห้ามตัดข้อความในสตริง

ความกว้าง

ความกว้างของมือถือ / ตาราง

ในขณะที่คุณสามารถดูใช้ภาษา HTML ในตารางสามารถเป็นจำนวนมากของ "เครื่องมือ"

สวยงามสร้างขึ้นโดยใช้ตาราง HTML ตัวอย่าง

เนื่องจากรูปแบบที่คุณสามารถสร้างความหลากหลายของตารางที่สวยงาม ทั้งหมดขึ้นอยู่กับสิ่งที่และวิธีการที่คุณชอบ มันก็เหมือนกับการปรุงอาหาร ส่วนผสมที่เหมือนกันและตัวเลือกอื่น ๆ มีหลายสูตร

ที่คุณสามารถดูถ้าคุณจะใช้แท็กตารางสามารถเปลี่ยนจนจำไม่ได้ ข้อ จำกัด ที่เป็นไปได้กำหนดโดยจินตนาการของคุณ

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 th.unansea.com. Theme powered by WordPress.