là gì ?Viết tắt của Division : khốiLà một thẻ chứa được nhiều thẻ không giống bên trong cùng phân chia tư liệu HTML thành các phần không giống nhau. Vì nuốm thẻ div cũng khá được sử dụng để trình bày bố cục tổng quan cho trang web.

Bạn đang xem: Thẻ div là gì

Ví dụ:

See the Pen Demo Div 1 by Cuong Tien (
aviarus-21.com)on CodePen.

CSS (Cascading Style Sheets ): là mã chúng ta thực hiện để tạo ra đẳng cấp cho trang web của mìnhCách sử dụng CSS:Inline CSS: vận dụng mang đến 1 phần tử HTML.Internal CSS: áp dụng cho một trang HTML External CSS: vận dụng cho nhiều trang HTMLVới External CSS chúng ta có thể đổi khác hình ảnh của toàn bộ website bằng phương pháp đổi khác một tập tin.Ví dụ:Inline CSS

See the Pen Demo Inline CSS by Cuong Tien (
aviarus-21.com)on CodePen.

Xem thêm: Tên Thật Của Giang Ơi Tên Thật Là Gì, Tiểu Sử Vlogger Giang Ơi Youtube

Các vùng lựa chọn CSS thông dụng

Vùng chọn phụ thuộc vào thương hiệu thẻ

Ví dụ : Định dạng thẻ h1 thì vùng chọn đã là h1 như sau:


Đây là loại định hình dễ dàng, tuy vậy được khuim tránh việc sử dụng những do đương nhiên khi chúng ta định hình nhỏng trên thì tất cả những thẻ hmột trong trang web vẫn gửi thành định dạng như thế. Ví dụ vào trang web có 100 thẻ h1 thì tất cả 100 thẻ đó đều thuộc 1 màu sắc nhỏng trên.

Vùng lựa chọn dựa vào id

khi nhắc đến id tức thị chỉ tất cả độc nhất vô nhị mà không tồn tại giống nhau. Nếu chúng ta cố tình mang lại các tên id giống như nhau thì code vẫn chạy thông thường tuy nhiên khi đến lập trình sẵn bên phía VPS thì sẽ bị lỗi. Vì vậy tránh việc cần sử dụng nhiều thương hiệu id kiểu như nhau. Sử dụng id bạn sẽ định hình được những thẻ theo ý riêng của bản thân.

Ví dụ: Định dạng thẻ h1 phụ thuộc id=”nenvang” thì đoạn code của thẻ h1 đã như sau:


aviarus-21.com)on CodePen.

Bài Tập

Bài 1:

*

Bài 2:

*

Tài liệu: DOWNLOAD

Bài 3:

*

Bai 3.1:

*

Bài 4:

*

Bài 5:

Tài nguyên:

index.html

*

style.css

*

*

Bài 6:

*

Tài nguyên:

link google meet: meet.google.com/dwe-uygu-emj

Link tải Bài Tập tmê say khảo:

De thi : https://drive.google.com/file/d/17eQrQVQWiDJVN87__UOMdRDpGnZaLaTp/view?usp=sharing

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *