Kiến thức cần có:
Các thẻ HTML cơ bản:
< section >
< article >
< div >
< h1 >
< h2 >
…< p >
< img >
< a >
ul >
Các thuộc tính css cơ bản:
Phân tích bài tập:
Bài này khá đơn giản chúng ta sẽ chia thành 2 phần:
Phần to:
h2
a
ở ngoàidiv
Phần nhỏ
p
chứa 3 dòng texta
ở ngoàiarticle
Hai phần này sẽ được chứa bởi khối section.
Phần code HTML:
Phần code CSS:
Trong bài thì mình đã chèn icon cái máy quay vào nếu ai chưa biết mình sẽ hướng dẫn luôn. Thêm thẻ này vào phần head
để sử dụng được icon trên trang fontawesome.com:
< link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous" >
Bạn có thể lấy thẻ này bằng cách tra google từ khóa get fontawesome rồi coppy paste thôi.
Sau đó vào trang fontawesome.com để tìm kiếm icon muốn thêm ví dụ ở trên mình chọn icon camera bằng cách :
Chúc các bạn thành công!