30/09/2018, 19:33

Hỏi di chuyển thẻ IMG trong HTML

Cho mình hỏi là muốn chèn cái logo đó vô giữa thì mình phải làm thế nào. Mình làm hoài cũng chỉ có thế này thôi.

Ai có thể giúp đỡ với. Mình mới học HTML gần đây.
Thứ 2:

mình muốn cái phần đăng nhập và search ở góc phải như thế thì phải làm thế nào.

Quốc Hùng viết 21:49 ngày 30/09/2018

Phan logo thi ban dung the
roi chinh align lai la xong, con Search, Log in thi ban dung table

Lương Minh viết 21:36 ngày 30/09/2018

Đối vơi người mới học HTML tốt nhất là phải tìm hiểu hết tất cả các thẻ HTML trong đó tìm hiểu kĩ các thẻ thông dụng thường dùng trước đã.
Có thể kế hợp học CSS trong đó cần tìm hiểu kĩ bộ chọn selector và nắm vững kiến thức này rồi mới tìm hiểu các thuộc tính trong CSS.
Cái bạn hỏi thuộc về kiến thức CSS.
Nếu cái logo chứa trong cái gì đó thì có thể dùng margin:auto thử xem. Còn phần đăng ký, đăng nhập tìm kiếm thì nó phải dùng position để xét vị trí.

Võ Hoài Nam viết 21:36 ngày 30/09/2018

Bạn chia nó thành từng phần nhỏ. Phần nội dung của banner thì bạn coi là một khối. Khối đó sẽ nằm chính giữa. Do đó, nếu sử dụng

text-align: center;

Nó sẽ vô dung. Ta sẽ dùng

margin: 0 auto;

Sau khi căn giữa, bạn sẽ tạo lần lượt các thẻ <img>, <h2>, <h1>. Để tạo nội dung từng dòng. Do <h2>, <h1> mặc định nó sẽ chiếm toàn bộ bề ngang của khối (display: block;), và sẽ đẩy các thành trước nó lên trên nó, các thành phần phía dưới. Nên cứ viết các thành phần trong phần nội dung theo thứ tự từ trên xuống là được.

Xong rồi, phần nội dung bạn cho text-align: center là OK. Vì nó sẽ ảnh hưởng toàn bộ text và thẻ <img> trong khối.

Còn vụ phần khung Search, Đăng nhập nằm bên phải. Bạn đặt nó là float: right; là được.

Bạn nên tìm hiểu từng cái thuộc tính CSS mà mình sử dụng để sau này còn xài vào những trường hợp khác nữa

Bạn có thể tham khảo demo ở đây.

next.plnkr.co