Tạo khung thân trang web với các thẻ cơ bản

Luxubu

30/10/2023

13 Views 0

SaveSavedRemoved 0

Tạo các thẻ html cơ bản cho phần thân trang web

<div class="app_container">
 <div class="grid">
  <div class="grid_row app_content">
   <div class="grid_column-2">
   </div>
   <div class="grid_column-10">
   </div>
  </div>
 </div>
</div>

Diễn giải cho phần html

Tạo thẻ div với class=”app_container” để bao quát nội dung phần thân trang web.
Tạo thẻ div với class=”grid” để trình bày nội dung theo bố cục dạng dưới.
Tạo thẻ div với class=”grid_row app_content” để tạo bố cục gồm dòng và cột.
Tạo thẻ div với class=”grid_column-2″ để chứa nội dung 2 cột đầu tiên (phần sidebar – thanh bên)
Tạo thẻ div với class=”grid_column-10″ để chứa nội dung cho 10 cột tiếp theo (phần nội dung sản phẩm)