Cách sử dụng thẻ trong HTML

1) Chức năng và cách sử dụng phần tử

– Phần tử

là một phần tử khối, mặc định thì phần tử khối này không có bất kỳ một định dạng gì, cho nên nó thường được dùng để làm thùng chứa cho các phần tử khác.

Ví dụ :

Cách sử dụng phần tử div
Cách sử dụng phần tử spanĐiểm khác giữa thành phần div và thành phần span
Tìm hiểu chức năng của phần tử div và phần tử span

Cách sử dụng phần tử divCách sử dụng phần tử span
Điểm khác giữa phần tử div và phần tử span
Tìm hiểu chức năng của phần tử div và phần tử span

Đặt bốn phần tử , ,

,

nằm bên trong phần tử

– Như các bạn đã thấy, việc chúng ta có đặt bốn phần tử , ,

,

bên trong phần tử

hay không thì cũng không ảnh hưởng gì đến bốn phần tử này, bởi vì mặc định phần tử

không có bất kỳ một định dạng nào cả.

Vậy, câu hỏi được đặt ra ở đây là : Chúng ta lấy phần tử chứa các phần tử khác để làm gì !?

❏ ĐỂ TIỆN CHO VIỆC ĐỊNH DẠNG

Ví dụ :

– Tôi có một đoạn mã như bên dưới:

Phần tử div trong HTMLPhần tử span trong HTMLCách sử dụng thành phần div để phong cách thiết kế bố cục tổng quan trang webNhóm các phần tử vào bên trong phần tử div

– Bây giờ, tôi muốn thiết lập kích cỡ chữ 30 pixel cho tất cả các phần tử ở phía trên, thay vì phải định dạng từng phần tử thì tôi sẽ đặt chúng vào một phần tử

rồi định dạng cho phần tử

Phần tử div
Phần tử spanSử dụng thành phần div để phong cách thiết kế bố cục tổng quan trang web
Nhóm các phần tử vào bên trong phần tử div

Xem ví dụ❏ ĐỂ THIẾT KẾ BỐ CỤC TRANG WEB

Ví dụ :

– Để thiết kế một trang web có bố cục ba phần giống như minh họa ở phía trên thì chúng ta cần phải sử dụng ba phần tử

để tạo ba khối riêng biệt.

BÀI HƯỚNG DẪN SỐ 2
.. .. .. .. .. .. .. .. .. .

Xem ví dụ

2) Chức năng và cách sử dụng phần tử

– Phần tử là một phần tử nội tuyến, mặc định thì phần tử nội tuyến này không có bất kỳ một định dạng gì, cho nên nó thường được dùng để làm thùng chứa cho những phần tử nội tuyến khác (chủ yếu là văn bản) để định dạng.

Ví dụ :

- Tài liệu học HTML
- Từ cơ bản đến nâng cao

Xem ví dụ