HTML Structure: Lists, tables, divs and spans

I. Danh sách trong HTML

- Danh sách (lists) là một phần không thể thiếu của mỗi trang web.  Để tạo một danh sách, chúng ta có thể dùng các thẻ sau:
+ Thẻ <li> : Để hiện thị danh sách các item
+ Thẻ <ol> : Để tạo một danh sách có thứ tự. Ví dụ:

<ol>

<li>HTML</li>

<li>CSS</li>

</ol>

- Kết quả:

1. HTML

2. CSS

+ Thẻ <ul> : Để tạo một danh sách không có thứ tự. Ví dụ:

<ul>

<li>HTML</li>

<li>CSS</li>

</ul>

- Kết quả:

• HTML
• CSS

 II. Định dạng font trong HTML

- Các thuộc tính định dạng cho text thường được sử dụng định dạng trực tiếp cho các thẻ thuộc nhóm inline.
Ví dụ: <p style="font-size: 10px">
- Các thuộc tính của font chữ trong html:
+ Thuộc tính màu sắc: color
+ Thuộc tính xác định định dạng font chữ: font-family
+ Thuộc tính cỡ chữ: font-size
+ Thuộc tính màu nền cho text: background-color
+ Thuộc tính căn chỉnh đoạn text: text-align: center/left/right
+ Thuộc tính nhấn mạnh word: <strong> hoặc <em>

III. Bảng trong HTML

- Bảng (table) là một phần không thể thiếu của mỗi trang web
- Một tag <table> đơn giản có chứa một hoặc nhiều <tr>, <th> và <td>, trong đó:
+ <tr>: xác định hàng của table.
+ <th>: xác định phần tử tiêu đề của table
+ <td>: xác định nội dung của table
Ví dụ: 

<table>
<tr>
<th>A</th>
<th>B</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>

Kết quả:

A	B
1	2
3	4

III. Thẻ div, spans trong HTML
+ Thẻ div
- Thẻ div (viết tắt của division) trong HTML dùng để phân chia, xác định một khối trong html. Ví dụ khi ta viết:

<div style="width:50px; height:50px; background-color:red"></div>

thì trình duyệt sẽ hiển thị ra một vùng có chiều rộng 50px, chiều dài 50px và có màu đỏ.
+ Thẻ span
- Ta có thể dùng span để thay đổi định dạng một phần nội dung trong văn bản HTML
Ví dụ: 

<p>Welcome to my <span color="red">website</span></p>

 Bài tập HTML basics II và HTML basics III: