HTML STRUCTURE: USING LISTS, TABLES, DIVS, AND SPANS

                                               Cấu trúc một văn bản HTML
I.Danh sách (List)
-Dùng để liệt kê các phần tử trong trang web dưới dạng danh sách
-Có 2 loại thẻ List:
  +<ol>:Viết tắt của Ordered lists, là loại danh sách được đánh dấu bằng số trước nội dung mỗi thẻ <li>.
  +<ul>:Viết tắt của Unordered lists, chỉ khác là không được đánh dấu.
-Thay vì dùng <p> để ghi các nội dung ký tự, ta dùng <li>
-Mở đầu bằng một <h1> hoặc <h2>,<h3>,... ta có thể tạo nhiều list dưới mỗi thẻ heading.
-Có thể đặt list trong list bằng cách chèn một thẻ <ol> hoặc <ul> trong <li>,</li> của một list như một danh sách con.
II.Các định dạng trong văn bản HTML
  Các định dạng trong html thường đặt trong <p style="">, trong ngoặc kép có thể là :
   1.Định dạng cỡ chữ: p style="font-size : "
    2.Định dạng màu sắc: p style="color : "
    3.Định dạng loại chữ: p style="font-family: "
    4.Định dạng màu sắc nền: p style="background-color: "
    5.Định dạng căn lề: p style="text-align: "
    6.Định dạng dáng chữ: <strong>: In đậm(Bold)
                                           <em>:In nghiêng(italicize)
III.Bảng, thẻ div, thẻ span
 1.Bảng: Là một công cụ hữu ích để sắp xếp các thông tin trong trang web thành dạng liệt kê bảng theo hàng và cột, sử dụng thẻ <table> để bắt đầu và </table> để kết thúc. Trong <table> thường bao gồm:
+<tr>: Viết tắt Table row, dùng để xác định hàng của bảng.
+<td>: Viết tắt Table Data, dùng để xác định nội dung, hoặc cột của bảng.
+<th>: Viết tắt Table head, dùng để xác định tiêu đề của hàng.
+<thead>: Được hiểu là thẻ chứa thông tin sơ bộ về bảng.
+<tbody>: Chính là phần thân của bảng bao gồm các thẻ <tr>,<td>,<th> bên trong.
2.Thẻ div: Viết tắt của Divison, có nghĩa phân chia ra từng khu để xử lý.
-Nếu viết <div style="background-color:yellow;width:50px; height:50px;"> thì trình duyệt sẽ đưa ra 1 khu có chiều dài 50px, rộng 50px và nền vàng.
3.Thẻ span: Cho phép người dùng thay đổi một phần nhỏ về định dạng trong page, ví dụ là về text.
-Nếu viết  <p>This text is black, except for the word <span style="color:red">red</span>!</p> thì trình duyệt sẽ hiện ra dòng "This text is black, except for the word red!" và chỉ có ký tự "red" được in màu đỏ.
IIII.Bài tập