Bài 2 – Series 50 bài Html, Css, Javascript đơn giản

Chào mừng các bạn đến với Bài 2 trong series bài tập về Html, Css, Javascript đơn giản. Ở bài 2 này mình sẽ giới thiệu làm một landing page giới thiệu sản phẩm.

Chắc hẳn các bạn cũng đã từng biết một vài website bán hàng và nhìn thấy ngay sản phẩm chính mà họ đang bán ví dụ như là Apple, Dior hay như là Aristino, Routine của Việt Nam. Nhìn nổi bật ngay sản phẩm mà trang web đó giới thiệu.

Hãy cùng mình khám phá cách làm một trang landing page đơn giản như thế này nhé

Html

Đầu tiên có file index.html. Đơn giản sẽ có 1 thẻ div container và 2 thẻ div cho 2 ảnh bên trái và bên phải

Javascript

File script.js sẽ add sự kiện khi di chuột vào thẻ div và khi ra ngoài.

Css

File style.css thì hôm nay có vẻ khá dài nhưng thành quả thì xứng đáng đấy. Các bạn cố gắng đọc nhé.

Hi vọng qua bài này các bạn có thêm những kiến thức thú vị. Nếu có bất cứ điều gì không hiểu thì các bạn comment xuống bên dưới để mình sẽ giải thích chi tiết cho nhé.

Cảm ơn các bạn đã đọc và đừng quên tham gia group để học hỏi thêm nhiều kiến thức khác nhé!

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x