Làm Quen Bố Cục Website Bằng HTML5 Và Css Cơ Bản.


Đây là cái căn bản lúc mình mới vào học lập trình web nên ngay bây giờ mình cũng sẳn tiện chia sẽ cho mọi người, nhằm tạo điều kiện cho mọi người nắm bắt kiến thức tốt hơn.

Đầu tiên, phần cấu trúc HTML5 có cấu trúc cơ bản như sau:
<!DOCTYPE html>
<html>
   <head>

     <meta charset=utf-8"/>

   </head>

   <body>

   </body>

</html>


Nhưng để cho nó có đầy đủ và hoàn thiện hơn síu nên trong phần <body> mình sẽ chèn thêm phần header của site:
<header>

 <h1>   </h1>

</header>
Cấu trúc đầy đủ sẽ như này:
<!DOCTYPE html>
<html>
   <head>

     <meta charset=utf-8"/>

   </head>

   <body>

<header>

 <h1>   </h1>

</header>

   </body>

</html>

Đã có xương web thì đương nhiên phải thêm chút thịt chứ nhỉ :)
Các bạn tự tạo cho mình một file có đuôi dạng .css
Còn đây là css mình viết riêng cho phần header các bạn có thể xem và tham khảo:
.header   {
     width: 850px;
     height: 86px;
     background-color: #FFFFFF; /* #FFFFFFlà mã màu */
     padding: 10px;
     color: #555;

}

Lưu ý: phần mã màu ( #FFFFFF, #555 bạn có thể tham khảo tại đây )
Đến đây thì mình nghĩ các bạn đã có thể hiểu chút gì về cấu trúc của một website rồi. Mình sẽ cố gắng hướng dẫn nhiều hơn ở các bài tiếp theo. Cảm ơn các bạn đã quan tâm.
Nếu muốn test thử code thì bạn có thể vào đây nhé. Khung test code
Tác giả: Trần Quang Huy - Admin Trần Huy
Ghi rõ nguồn www.yeutuber.com khi đăng tải lại bài viết này

2 comments:

  1. Nên phân tích cấu trúc HTML chi tiết hơn xíu, ví dụ như 1 trang web thì bên trong html gồm những phần nào: header, content-wrapper, footer,... rồi phân tích thêm nữa nha, viết như này thì khá khó cho newbie

    ReplyDelete