ตัวอย่างของบทความนี้วิเคราะห์เค้าโครง HTML5 DIV และเค้าโครงตารางสำหรับการอ้างอิงของคุณ
Div Layout: HTML+CSS บรรลุเลย์เอาต์ง่ายๆ#Container ความสูงไม่สามารถเขียนเป็นเปอร์เซ็นต์และต้องมีความสูงเฉพาะ
<! #Container {ความกว้าง: 100%; พื้นหลัง: Chartreuse; พื้นหลังสี: Darkgrey; /div> <div id = content-body> หัวเรื่องเนื้อหา </div> <div id = ส่วนท้าย> ด้านล่าง </div> </body> </html>แผนที่เอฟเฟกต์:
เลย์เอาต์ตาราง:<! ความสูง = 650px style = พื้นหลังสี: aqua> <tr> <td colspan = 3 width = 100% ความสูง = 10% style = พื้นหลังสี: chartreuse> "<td width = 20% ความสูง = 80% สไตล์ = พื้นหลัง- สี: antiquewehite> เมนูซ้าย </td> <td width = 60% ความสูง = 80% style = พื้นหลัง-คอร์> </td> ความกว้าง TD = ความสูง 20% = 80% สไตล์ = สีพื้นหลังสี: CornflowerBlue> เมนูขวา < /td> </tr> <td colspan = 3 width = ความสูง 100% = background-cror: cr
แผนที่เอฟเฟกต์:
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้